.loginbg{ width:850px;height:322px;margin-top:30px;margin-bottom:40px;border-radius:15px 0 0 15px;}
.loginbg.reg{ width:850px;height:589px;}

.reg_form_box{ *position:relative;  /*height:430px;*/ width:308px; background-color:#fff;margin-top:30px;margin-bottom:40px; border:1px solid #307ede; padding:22px 20px 20px; }
.form_h1{ font-size:20px; color:#ffa800; margin-bottom: 8px;}
.login_tit h3.xs2{ font-size:20px!important; color:#333; margin-bottom: 0px;}
.login_tit a{ color:#307ede;}
.login_tit a.col_999{ color:#999;}

.reg_form.reg{ *position:relative;  /*height:430px;*/ width:308px; background-color:#fff;margin-top:30px;margin-bottom:40px; border:1px solid #307ede; padding:22px 20px 20px; }
.reg_form.tan{ *position:relative;  /*height:430px;*/ width:308px; background-color:#fff;margin-top:0px;margin-bottom:10px; border:0px solid #e5e5e5; padding:22px 20px 10px; }

.reg_form .rfm { margin: 0 auto; width: auto; border-bottom: 1px dotted {COMMONBORDER};border:1px solid #d2d2d2; line-height:38px;height:38px;margin-bottom:30px; position:relative; }
.reg_form .rfm table{ width: 100%;}
.reg_form .rfm th { padding-right: 10px; width: 14%; text-align: right; }
.reg_form .rfm th, .reg_form .rfm td { padding: 0px 0px; vertical-align: top; line-height: 38px; border:none;}
.reg_form .rfm input,.reg_form .spam-box input,.reg_form .input-select{ border:0; line-height:34px;height:34px;margin:0px;outline:none; }
.rfm .msg { display:inline-block;position:absolute;top:42px;height:14px;line-height:14px; }
.reg_form .rfm .msg .p_tip { position: absolute; z-index: 2; display: none; padding-left: 0px; width: 310px;  color: #999;  }
.reg_form .rfm .msg .p_chk { position: absolute; z-index: 1; padding-left: 0px; width: 310px; color: red; font-weight: 400;  }
.reg_form .rfm .msg.p_right {  width: 30px; height:30px; top:0px;right:5px;}
.reg_form .rfm .msg.p_right .p_tip,.reg_form .rfm .msg.p_right .p_chk{  top:42px;left:-270px;}

.reg_form .rfm .login_slct{ position: absolute; top:0px;left:45px;}

.reg_form .px { width: 97%;}
.reg_form .px.logininp{ width: 95%;}
.reg_form .flb, .reg_form_box .flb{ padding: 0px 0px 0px; height: 20px; line-height: 20px; }

	.reg_form .px, .reg_form .pt, .reg_form .ps, .reg_form select { border: 0px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: none; color: {TEXT};font-size: 14px;  }
		.reg_form .px, .reg_form .pt { padding: 2px 4px; line-height: 17px; }
		.reg_form .px { height: 17px; }
			.reg_form .pxs { width: 30px !important; }
			.reg_form .fdiy .tfm .px, .reg_form .fdiy .tfm .pt { width: auto; }
			.reg_form .p_fre { width: auto !important; }
			.reg_form .er { border: none; background-color: #fff;  }
		.reg_form .pt { overflow-y: auto; }
			.reg_form div.pt { height: 100px; line-height: 100px; }
		.reg_form .ps, .reg_form select { padding: 2px 2px 2px 1px; }
		/* 自动调整高度的 textarea by Pony */
		.reg_form .pts { vertical-align: top; overflow: hidden; }
		.reg_form .cmt .pts { width: 60%; }
			

.name_bg:before,.pwd_bg:before,.phone_bg:before,.pwdrepeat_bg:before,.email:before,.yzm_bg:before{content: '\20';background: url(spritesheet.png);height: 19px; display: block;position: absolute;top: 10px;left: 13px;}
.name_bg_span, 
.pwd_bg_span,
.phone_bg_span,
.email_span,
.yzm_bg_span{ display: none; *display:block; height: 19px; width:70px; position: absolute;top: 10px;left: 13px; }
.name_bg_span i,.pwd_bg_span i,.phone_bg_span i,.email_span i,.yzm_bg_span i{ background: url(spritesheet.png);display:inline-block; height: 19px; margin-right:5px;   }

.reg_form .pwd_bg .tipcol { height:14px; line-height:14px;margin-top: 5px;}
.fsdxbtn{ background-color:#eee!important;color: #333!important;}


.name_bg:before,.name_bg_span i{ width: 17px;background-position: -115px -30px}
.pwd_bg:before,.pwdrepeat_bg:before,.pwd_bg_span i{ width: 15px; background-position:-65px -88px;}
.phone_bg:before,.phone_bg_span i{ width: 14px;background-position: -114px -88px;}
.email:before,.email_span i{width: 18px;background-position: -115px -2px;}
.yzm_bg:before,.yzm_bg_span i{	background-position: -86px -3px;width: 20px;left: 11px;}
.yzm_bg span{position: absolute;top: 4px;right: 4px;}
.yzm_bg .xi2{display: none;}

.rfm .btn_reg,.btn_reg,.btn_red{  background-color:#307ede;color:#fff;border-color: #307ede;padding:0;width:100%;font-size:16px;text-align:center;cursor: pointer;height: 40px;line-height: 40px;box-shadow:none;border:none;border-radius:5px;}
a.btn_reg{ display: block; }

.login_line{ margin-top:10px;  }
.login_line:after{ content:'\20'; height:1px; background-color:#d2d2d2; position:absolute; width:100%; bottom:9px; left:0px;  }
.login_line span{	padding: 0px 10px;color:#999999; background-color: #fafafa;position: relative;z-index: 1;}

.login_kj ul li{margin-left:66px;float:left;}

.login_kj i{display: block;width: 40px; height: 40px;line-height: 40px;background:#fff;border-radius:50%;text-align:center;}
.login_kj i.icon-qq{font-size:24px;border:1px solid #0c99f2;color:#0c99f2;}
.login_kj i.icon-weixin{font-size:24px;border:1px solid #51c332;color:#51c332;}

.login_kj a{margin:0 15px;font-size:12px;color:#666;}
.login_kj a:hover { text-decoration: none; }

.sendpwd_box .rfm { margin: 0 auto; width: auto; border-bottom: 1px dotted {COMMONBORDER};border:1px solid #d2d2d2; line-height:38px;height:38px;margin-bottom:30px; position:relative; }
.sendpwd_box .rfm table{ width: 100%;}
.sendpwd_box .rfm th { padding-right: 10px; width: 14%; text-align: right; }
.sendpwd_box .rfm th, .sendpwd_box .rfm td { padding: 0px 0px; vertical-align: top; line-height: 38px; border:none;}
.sendpwd_box .rfm input,.sendpwd_box .spam-box input,.sendpwd_box .input-select{ border:0; line-height:34px;height:34px;margin:0px;outline:none; }
.sendpwd_box .px { width: 96.5%;}
.sendpwd_box .px, .sendpwd_box .pt, .sendpwd_box .ps, .sendpwd_box select { border: 0px solid; background: none; font-size: 14px;  }

.mail_box{border: 1px solid #e5e5e5;background-color:#fff;padding:30px;width: 920px;margin:10px  auto 30px; min-height:200px; color:#333; }
.mail_ol{padding-top: 20px;border-top:1px dashed #d2d2d2;margin-top: 40px;font-size: 14px;line-height: 2.2;}
.mail_ol li{ margin-left:15px; }
.text_fl,.w55{ width:55% }
.w63{width: 63%;}
.email_fl,.w25{ width:25%; }
.w35{ width:35%; }
.yz_fr,.w41{ width:41%; }
.w45{ width:45% }
.mt-6{ margin-top:-6px; }
.w75{ width:75%;}
.margin_auto{ margin:auto; }

/*找回密码*/
.send_h1{ font-size:20px; font-weight:bold; color:#ffa800;  margin-bottom:20px; }
.sendpwd_box{width:71.5%;margin:auto;position: relative;}
.schedule_ul{margin-top: -35px;*margin-top: -10px; margin-bottom: 80px;position:relative; *clear:both}
.schedule_ul li{width:25%;*width:23%;border-bottom:4px solid #e5e5e5;color:#999999;float: left;font-size: 16px;}
.schedule_ul .schedule_num{display:block;width:34px;height:34px;text-align:center;color:#fff;font-size:20px;line-height:34px;margin:auto;background-color: #e5e5e5;border-radius: 100%;position: relative;bottom: -36px;}
.schedule_ul p{position:relative;bottom: -47px;text-align: center;}
.schedule_ul .active{ color:#ffa800; *border-color:#ffa800 }
.schedule_ul .active .schedule_num{background-color: #ffa800;}

.path,.path_active{stroke-dashoffset: 2;stroke-dasharray: 13px;transform: matrix(1, 0, 0, 1, 0, 0);stroke-linejoin: round;stroke-miterlimit: 13;stroke-linecap: round;position:absolute; top: 53px;left: 0;z-index: 0;}
.path_active{stroke: rgb(255, 168, 0);stroke-dasharray: 1000;stroke-dashoffset: 1000;-webkit-animation: dash 4s linear forwards;animation: dash 4s linear forwards;stroke-opacity: 0.8; }
.path_solid{position:absolute;top: 77px;left:0px;}
.btn_grey{ background-color:#e5e5e5; color:#666666 }
.yzm{ border:none; background:none; color:#ffa800; font-size:16px; margin-left:10px; cursor:pointer }
.yzm_grey{ color:#dedede; cursor:default }
.sendmail_box{line-height:2;font-size:18px;width: 84%;margin:auto;}
.set_password_b{margin-left: 100px;width: 46%; }
.set_password_box{width: 43%;margin:auto;line-height: 2; }
.set_right_b{ margin-top:100px; text-align:right; font-size:14px;}

.sendpwd_box.jd50 .path_active{width: 50%;}
.hide{display:none;}
.btn_reg.next2:hover{ text-decoration:none;}


@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
    stroke-opacity : 1;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
    stroke-opacity : 1;
  }
}

.send-agin{ cursor:pointer; }
.send-agin:hover{ text-decoration:underline}
.active_btn_b:hover{background-color: #f9efdd !important; }

#phone_info + .wrong{ display:none; color:#999; }
#phone_info.correct + .wrong{ display:block;}
.errmsg-phonecaptcha{ line-height:1; }
.mt0{ margin-top:0px !important; }
.verify-radio:nth-of-type(n):before{background-position: -150px -89px;height: 17px;width: 16px;}
input[name="verify_type"]:checked +.verify-radio:before{ background-position: -150px -60px;}
input[name="verify_type"]:nth-of-type(n){ display:none;}



@media screen and (min-width: 320px) and (max-width: 980px) {
	.reg_header,.mail_box{width: 100%;margin: 0px;padding: 4%;box-sizing: border-box;}
	.set_password_box{ width:98%;}
	.schedule_ul li{ font-size:1rem}
	.w75{ width:71%; }
	.w63{ width:100%; font-size:1.2rem;  }
	.sendpwd_box{width: 94%;}
	.mail_ol,.sendpwd_box{ font-size:1rem; }
	.sendmail_box{	font-size: 1.2rem;}
	.yzm,.form_list .btn_reg, .btn_reg, .btn_red{ font-size:1.2rem;}
	.logo{ padding:0px; }
}