@charset "utf-8";
/* CSS Document */

body{
  line-height: 22px;
  text-align: left;
}
label{
  font-weight: normal;
}
input[type="checkbox"] {
    margin:0;
    padding: 0;
    display: inline-block;
}
.checkbox{
      margin:0;
    padding: 0;
    display: inline-block;
}


.position{ line-height:40px; text-align:left; padding-left:10x; font-size:14px}
.reg_nav_frame{ background:url(../reg_images/loginnav_bj.jpg) repeat-x; margin-top:1px;}
.reg_wrapper{
	/*background:url(../reg_images/mid_bj.jpg) repeat-x;*/
	position:relative; font-size:14px;}
.left_bj{ background:url(../reg_images/left_bj.jpg) no-repeat; width:14px; height:430px; left:0; top:0px; position:absolute}
.right_bj{ background:url(../reg_images/right_bj.jpg) no-repeat; width:14px; height:430px; right:0; top:0px; position:absolute}
.reg_box{ min-height: 430px; height:expression(document.body.clientHeight < 430? "430px": "auto" ); padding-bottom:20px; overflow:hidden}
.reg_box .ts{ padding-left:20px; color:#999}
.reg_box .title{ background:url(../reg_images/nav_ftbj.jpg) no-repeat bottom center; padding:10px 30px 15px; line-height:25px; color:#cc9900; font-family:Verdana, Geneva, sans-serif;font-size:18px; margin-bottom:5px;}

.tip_box{ background:url(../reg_images/tip_bj.jpg); margin-left:18px;}
.tip_box p{ background:url(../reg_images/tip_top.jpg) no-repeat top left; padding:10px 10px 2px;}
.tip_box_footer{ background:url(../reg_images/tip_footer.jpg); height:8px; line-height:1px; overflow:hidden;}

.reg_step1{ margin:10px 22px;}
.hr{ background:url(../reg_images/hr.gif) center bottom repeat-x;}
.reg_step1 .hr{ padding-left:5px; line-height:30px; margin-bottom:20px;}



.form_box{ height:58px; padding:0 10px; margin-bottom:3px; vertical-align:middle;}
.more_box{ height:auto; margin-bottom:23px;}
.more_box .content{ padding:10px 0; width:530px;}
.textarea_box p{ padding:5px 10px; color:#CCC; font-size:12px;}
.form_box label{ display:block; width:130px; height:34px; line-height:34px; float:left; padding-left:10px;}
.form_box .input{ display:block;float:left; margin-right:20px; overflow:hidden;background:url(../reg_images/i1.gif) left center no-repeat; height:34px; width:184px; text-align:center; vertical-align:middle; line-height:34px;}
.form_box .refresh{ display:block; float:left; margin-right:20px; line-height:34px; height:34px;}
.form_box .textarea{ border:1px solid #e6e6e6; background-color:#f6f6f6; display:inline-block; zoom:1; overflow:hidden}
.form_box textarea{ width:295px; height:45px; border:4px solid #f6f6f6;resize: none;}
.form_box input{ height:24px;line-height:24px;*height:23px;*line-height:23px;border:0;width:177px; vertical-align:middle; margin-top:4px;*margin-top:3px;*margin-left:2px;}
.form_box select{ height:26px; border:0; width:180px; margin-top:4px; line-height:26px;}
.form_box .text_ts{ line-height:18px; display:block; height:18px; color:#CCC; clear:both; padding-left:10px; padding-top:3px;}
.text_ts_email{
	padding-left: 192px;color: #bdbdbd;font-size: 12px;width: 100%;
}
.form_box .text_error{float:left; height:40px; padding:3px 10px; line-height:18px;  margin:1px 20px 0 0; font-size:12px;}
.form_box .pw_str,.form_box .pw_str1,.form_box .pw_str2,.form_box .pw_str3,.form_box .pw_str4{ line-height:18px; float:left; margin-right:20px; font-size:12px; color:#cc9900; height:30px; background:url(../reg_images/pw1.gif) left bottom no-repeat; width:240px; padding-left:1px;}
.form_box .pw_str1{background:url(../reg_images/pw2.gif) left bottom no-repeat;}
.form_box .pw_str2{background:url(../reg_images/pw3.gif) left bottom no-repeat;}
.form_box .pw_str3{background:url(../reg_images/pw4.gif) left bottom no-repeat;}
.form_box .pw_str4{background:url(../reg_images/pw5.gif) left bottom no-repeat;}
.form_box .test_picbox{ height:31px; line-height:31px; margin-right:20px; float:left; padding-top:3px;}
.reg_step2 .nav{ background:url(../reg_images/nav1.jpg) top center no-repeat; position:relative; line-height:24px; padding-bottom:2px; height:24px; padding-left:25px; color:#FFF; font-weight:bold; margin-bottom:20px;}
.reg_step2_box,.login_box,.pw_recovery_box,.pw_reset_box{ padding:0 22px;}
.login_box,.pw_recovery_box,.pw_reset_box{ margin-top:20px;}
.test_box{ padding-left:22px; margin-top:20px;}

.user_button{ text-align:center; margin-top:20px; line-height:30px;}
.user_button input{ display:block; cursor:pointer;  width:196px; height:45px; margin:0 auto; line-height:45px; color:#FFF; background:url(../reg_images/user_button.jpg); border:0; font-size:14px; font-weight:bold; border:0;}
.agreement_box div{height:66px; overflow:auto;}
.agreement_box label{ padding-left:30px;}
.login_error,.agreement_box div,.pw_re_error,.reset_pw_error{ border:3px solid #f2f2f2; padding:10px; width:890px; margin-left:22px; font-size:12px;margin-top:20px;}
.form_box .track_button{background:url(../reg_images/trackbutton.jpg) center bottom; width:103px; height:31px; border:none; cursor:pointer}

.form_box .regform{
	height: 34px;
	line-height: 34px;
}
.form_box .regform label{
	display:inline-block; width:auto; height:auto; line-height:normal; float:none; padding-left:0px;
}
.form_box .regform label .customertype{
	height:auto;line-height:normal;width:auto; vertical-align:middle; margin-top:0px;margin-left:0px;
}




/***注册页面样式修改***/
@charset "utf-8";
/* CSS Document */
.w1024{
	/*width:1024px;*/
	text-align:left; margin:0 auto;box-sizing: unset;}

.w1024 *{
	    /*box-sizing: unset;*/
}


.reg_box1{
    margin-bottom:20px; background-color: #f5f7f6;border: 1px solid #e1e1e1;
    padding-left:  15px;
    padding-right:  15px;
}
.reg_box1 .ts{ padding-left:20px; color:#999}
.reg_box1 .title{ background:url(../reg_images/nav_ftbj.jpg) no-repeat bottom center; padding:10px 30px 15px; line-height:25px; color:#cc9900; font-family:Verdana, Geneva, sans-serif;font-size:18px; margin-bottom:5px;}

.form_box0{
	padding: 25px 0;
	/*margin-top: 20px; */
	vertical-align:middle;
	border-bottom: 1px solid #e1e1e1 }

.form_box0_xs{padding: 15px; vertical-align:middle;border-bottom: 1px solid #e1e1e1 }
.more_box{ height:auto; margin-bottom:23px;}
.more_box .content{ padding:10px 0; width:530px;}
.textarea_box p{ padding:5px 10px; color:#CCC; font-size:12px;}
.form_box0 label{ display:block;   height:34px; line-height:34px; float:left; padding-left:10px; color:#888888;}

.form_box0_xs label{
    color: #888888;}

.form_box .input{ display:block;float:left; margin-right:20px; overflow:hidden;background:url(../reg_images/i1.gif) left center no-repeat; height:34px; width:184px; text-align:center; vertical-align:middle; line-height:34px;}


.form_box0 .input{ display:block;float:left; margin-right:55px; overflow:hidden;   text-align:center; vertical-align:middle; line-height:34px;}
.form_box0 .refresh{ display:block; float:left; margin-right:20px; line-height:34px; height:34px;}
.form_box0 .textarea{ border:1px solid #e6e6e6; background-color:#f6f6f6; display:inline-block; zoom:1; overflow:hidden}
.form_box0 textarea{ width:295px; height:45px; border:4px solid #f6f6f6;resize: none;}
.form_box0 input{
	height:28px;
	width:100%;
	line-height:24px;
	border: 1px solid #e1e1e1;
}
.form_box0_xs input{
	height:28px;
	width:100%;
	line-height:24px;
	border: 1px solid #e1e1e1;
}


.form_boxs{
	height: auto;
	padding-top: 0px;
}

.form_boxs label {
 	width: 115px;
    padding-left: 0px;
}


.form_box0 select{ height:26px; border:0; width:180px; margin-top:4px; line-height:26px;}
.form_box0 .text_ts{ line-height:18px; height:18px; color:#888888; clear:both; padding-left:0px; padding-top:3px;}

.form_box0_xs .text_ts{ color:#888888;}

.form_box1 .text_ts {
	/*line-height:18px;*/
	/*height:18px; */
	color: #888888;
	/*padding-left:0px;*/
	/*padding-top:3px;*/
}
.form_box_bn .text_ts{ line-height:18px; height:18px; color:#888888;   padding-left:0px; padding-top:3px;}
.form_box0 .text_error{float:left; height:40px; padding:3px 10px; line-height:18px;  margin:1px 20px 0 0; font-size:12px;}
/*.form_box .pw_str,.form_box .pw_str1,.form_box .pw_str2,.form_box .pw_str3,.form_box .pw_str4{ line-height:18px;margin-right:20px; font-size:12px; color:#cc9900; height:30px; background:url(../reg_images/pw1.gif) left bottom no-repeat; width:109px; padding-left:1px;}*/
.reg_step2{     background: white;    border: 1px solid #e1e1e1;margin-bottom: 10px; }
.reg_step2 .nav{ background:url(../reg_images/nav1.jpg) top center no-repeat; position:relative; line-height:24px; padding-bottom:2px; height:24px; padding-left:25px; color:#FFF; font-weight:bold; margin-bottom:20px;}
.reg_step2_box,.login_box,.pw_recovery_box,.pw_reset_box{ padding:0 22px;}
.login_box,.pw_recovery_box,.pw_reset_box{ margin-top:20px;}
.test_box{ padding-left:22px; margin-top:20px;}

.user_button_new{ text-align:center; margin-top:20px; line-height:30px;    margin-bottom: 20px;}
.user_button_new input{ display:block; cursor:pointer;  width:300px; height:38px; margin:0 auto; line-height:39px; color:#FFF; background:url(../reg_images/bnt-reg-Submit.png); border:0; font-size:14px; font-weight:bold; border:0;}
.agreement_box div{height:66px; overflow:auto;}
.agreement_box label{ padding-left:30px;}
.login_error,.agreement_box div,.pw_re_error,.reset_pw_error{
	border:3px solid #f2f2f2; padding:10px; width:100%; margin-left:0px; font-size:12px;margin-top:20px;}
.form_box .track_button{background:url(../reg_images/trackbutton.jpg) center bottom; width:103px; height:31px; border:none; cursor:pointer}

.form_box0 .regform{
	height: 34px;
	line-height: 34px;
}

.form_boxs .regform_xs{
	height: auto;
	line-height: 34px;
}

.form_box0 .regform label{
	display:inline-block;
	/*width:auto; height:auto; */
	line-height:normal; float:none; padding-left:0px;
}
.form_box0 .regform label .customertype{
	height:auto;line-height:normal;width:auto; vertical-align:middle; margin-top:0px;margin-left:0px;
}


.agreement_box_xs{
	background-color: white;
    border: 1px solid #e1e1e1;
    color: #888888;
    padding: 20px;
}

.agreement_box_xs div{height:66px; overflow:auto;}

.register_title{
	height: 20px;
	padding-left:20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.register_title ul li{
	line-height: 22px;
	float: left;
	margin-left: 5px;
	padding: 0;
}


.register_title_xs ul li{
float: left;
}


.register_tn{
	color: white;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 50%;
	background-color: #bdbdbd;
}

.register_ti{
	margin-top: 2px;
}

.register_ti img{
	vertical-align: unset; 
}

.title_info{
	margin-top: 20px;
	margin-bottom: 10px;
	height: 30px;
	/*padding-left: 20px;*/
}

.title_info ul li{
	float: left;
	margin-right: 5px;
	text-align: center;
}

.title_info .first{
	width: 24px;
	height: 24px;
	font-size: 16px;
	line-height: 23px;
	color: whitesmoke;
	border-radius: 50%;
	background-color:#108232 ;
}



.title_info .two{
	font-size: 16px;
	font-weight: bold;
	line-height: 27px;
}


.title_info_xs{
	margin-top: 10px;
	margin-bottom: 10px;
}


.title_info_xs .two{
	font-size: 14px;
	font-weight: bold;
	line-height: 27px;
}


.title_info_xs ul li{
	float: left;
	margin-right: 5px;
	text-align: center;
}

.title_info_xs .first{
	width: 24px;
	height: 24px;
	font-size: 16px;
	line-height: 23px;
	color: whitesmoke;
	border-radius: 50%;
	background-color:#108232 ;
}



.tip_info_top{
	/*background: url(../reg_images/tip_bj.jpg);*/
	background-color: white;
	border: 1px solid #e1e1e1;
	/*width: 982px;*/
	/*margin-left: 20px*/
}

.tip_info_top_xs{
	background-color: white;
	border: 1px solid #e1e1e1;
}

.tip_info_top p{
	padding: 20px;
	font-size: 14px;
	color: #888888;
}

.tip_info_top_xs p{
	padding: 15px 0;
	font-size: 14px;
	color: #888888;
}

.tilte_pf{
	/*padding-left:20px;*/
	line-height: 50px;
	height: 40px;
}

.tilte_pf_xs{
	line-height: 40px;
	height: 40px;
}

.reg_step1_new{
	border: 1px solid #e1e1e1;
	background:white;
	margin:10px 0px;
	padding: 0 20px 0 20px;
}
.reg_step2_box_new{ 
	background:white;
	margin:10px 0px;
	padding: 0 20px 0 20px;
    border: 1px solid #e1e1e1;
}

.reg_step1_new_xs,.reg_step2_box_new_xs{
	border: 1px solid #e1e1e1;
	background:white;
}

.form_box1{
	border-bottom: 1px solid #e1e1e1;
	padding: 25px 0;
	padding-top: 20px;
	margin-bottom: 3px;

}


.form_box1 label{
	display: block;
	width: 130px;
	height: 34px;
	line-height: 34px;
	float: left;
	padding-left: 10px;
	color: #888888;
}
.form_box1 input{
	height: 28px;
	width: 100%;
	line-height: 24px;
	border: 1px solid #e1e1e1;
}

.form_box1 .input{
	display: block;
	float: left;
	margin-right: 55px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	line-height: 34px;

}


.form_box1 .pw_str, .form_box1 .pw_str1, .form_box1 .pw_str2, .form_box1 .pw_str3, .form_box1 .pw_str4{
	line-height:18px;
	margin-top: 5px;
	margin-left:13px;
	font-size:12px;
	color:#108232;
	height:30px;
	background:url(../reg_images/pw1.gif) left bottom no-repeat;
	width:400px;
	padding-left:1px;
}

.form_box0_xs .pw_str, .form_box0_xs .pw_str1, .form_box0_xs .pw_str2, .form_box0_xs .pw_str3, .form_box0_xs .pw_str4{

    margin-top: 5px;
    font-size: 12px;
    color: #108232;
    height: 30px;
    background: url(../reg_images/pw1.gif) left bottom no-repeat;
    padding-left: 1px;
}


.form_box1 .pw_str1{background:url(../reg_images/pw2.gif) left bottom no-repeat;}
.form_box1 .pw_str2{background:url(../reg_images/pw3.gif) left bottom no-repeat;}
.form_box1 .pw_str3{background:url(../reg_images/pw4.gif) left bottom no-repeat;}
.form_box1 .pw_str4{background:url(../reg_images/pw5.gif) left bottom no-repeat;}
.form_box1 .test_picbox{ height:31px; line-height:31px; margin-right:20px; float:left; padding-top:3px;}



.form_box0_xs .pw_str1{background:url(../reg_images/pw2.gif) left bottom no-repeat;}
.form_box0_xs .pw_str2{background:url(../reg_images/pw3.gif) left bottom no-repeat;}
.form_box0_xs .pw_str3{background:url(../reg_images/pw4.gif) left bottom no-repeat;}
.form_box0_xs .pw_str4{background:url(../reg_images/pw5.gif) left bottom no-repeat;}
.form_box0_xs .test_picbox{ height:31px; line-height:31px; margin-right:20px; float:left; padding-top:3px;}




.form_box2{
	border-bottom: 1px solid #e1e1e1;
	/*height: 58px;*/
	/*padding-top: 20px;*/
	padding: 25px 0;
	margin-bottom: 3px;

}

.form_box2_xs{
	border-bottom: 1px solid #e1e1e1;
	padding: 15px;

}

.form_box2_xs label{
	color: #888888;
}

.form_box2_xs input{
	height: 28px;
	width: 100%;
	line-height: 24px;
	border: 1px solid #e1e1e1;
}


.form_box2 label{
	display: block;
	/*width: 100px;*/
	height: 34px;
	line-height: 34px;
	float: left;
	padding-left: 10px;
	color: #888888;
}

.form_box2 input{
	height: 28px;
	width: 100%;
	line-height: 24px;
	border: 1px solid #e1e1e1;
}

.form_box2 .input{
	display: block;
	float: left;
	/*margin-right: 19px;*/
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	line-height: 34px;
}






.form_box_bn{
	/*height:58px;*/
	/*padding-top: 20px;*/
	/*vertical-align:middle;*/
	margin: 0px;
	padding: 25px 0;
}
.form_box_bn label{ display:block; width:130px; height:34px; line-height:34px; float:left; padding-left:10px;color: #888888;}

.form_box_bn .input{ display:block;float:left; margin-right:55px; overflow:hidden;   text-align:center; vertical-align:middle; line-height:34px;}


.form_box_bn input{ height:28px; width:100%;line-height:24px;  border: 1px solid #e1e1e1}


.form_box2_bn{
	height: 58px;
	padding-top: 20px;
	margin-bottom: 0;

}


.form_box2_bn label{
	display: block;
	width: 100px;
	height: 34px;
	line-height: 34px;
	float: left;
	padding-left: 10px;
}
.form_box2_bn input{
	height: 28px;
	width: 178px;
	line-height: 24px;
	border: 1px solid #e1e1e1;
}

.form_box2_bn .input{
	display: block;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	line-height: 34px;
}






.form_box3{
	border-bottom: 1px solid #e1e1e1;
	/*height: 58px;*/
	/*padding-top: 20px;*/
	padding: 25px 0;
	margin-bottom: 3px;

}

.form_box3_xs{
	border-bottom: 1px solid #e1e1e1;
	padding: 15px;

}

.form_box3_xs label{

	color: #888888;

}

.form_box3_xs input{
	height: 28px;
	width: 100%;
	line-height: 24px;
	border: 1px solid #e1e1e1;
}

.form_box3_xs textarea{ width:100%; height:45px; border:4px solid #f6f6f6;resize: none;}

.form_box3 label{
	display: block;
	width: 140px;
	height: 34px;
	line-height: 34px;
	float: left;
	color: #888888;
}
.form_box3 input{
	height: 28px;
	width: 100%;
	line-height: 24px;
	border: 1px solid #e1e1e1;
}

.form_box3 .input{
	display: block;
	float: left;
	margin-right: 19px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	line-height: 34px;
}

/*.form_box3 .textarea{*/
	/*margin-left:-6px;*/
/*}*/
.form_box3 textarea{ width:100%; height:45px; border:4px solid #f6f6f6;resize: none;}

.form_box4{
	background-color: white;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #e1e1e1;
	color: #888888;
	margin-top: 20px;

}
.form_box4_xs{
background-color: white;margin-bottom: 20px;padding: 20px;	border: 1px solid #e1e1e1;color: #888888;

	margin-top: 20px;
}

.tncode_xs{
	height: 26px;
    cursor: pointer;
    opacity: 1;
    color: #E8BB00;
    line-height: 26px;
    font-size: 14px;
}

.form_box4_xs label{
	color: #888888;
}

.form_box4 label{
	display: block;
	/*width: 100px;*/
	height: 34px;
	line-height: 34px;
	float: left;
	padding-left: 10px;
	color: #888888;
}
.form_box4 input{
	height: 28px;
	width: 178px;
	line-height: 24px;
	border: 1px solid #e1e1e1;
}

.form_box4 .input{
	display: block;
	float: left;
	margin-right: 19px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	line-height: 34px;
}

.regform label{
	display:inline-block;
	/*width:200px;*/
	height:50px;
	line-height:.8rem;
	text-align:left;
	position: relative;
}
.regform label input{
	width: 15px;
	height: 15px;
	vertical-align: bottom;
	margin-right:.1rem;
	opacity: 0;
}
.regform label .spot{
	display:inline-block;
	width:17px;
	height:17px;
	background:url("../reg_images/radio-default-icon.png") no-repeat;  /*默认的样式图片*/
	background-size:16px;
	position: absolute;
	top:.15px;
	left:62px;
	z-index:5;
}
input:checked + .spot{
	background:url("../reg_images/raido-select-icon.png") no-repeat;  /*选中后的样式图片*/
}


@media(min-width: 0px) and (max-width: 991px) {
    .w1024{
        padding-right: 0px;
        padding-left: 0px;
    }
    .text_ts_email{
		margin-left: -192px;
		margin-top: 0px;
        width: 400px;
	}
    .reg_box1{
        padding-left:  0px;
        padding-right:  0px;
    }
    .title_info{
        padding-left: 20px;
    }
    .tilte_pf{
        padding-left: 20px;
        font-size: 15px;
    }
    .reg_step1_new, .reg_step2_box_new{
		padding: 0px;
	}
	.form_box0 .input{
		margin-bottom: 10px;
	}
	.form_box1 input{
		margin-bottom: 10px;
	}
	.form_box_bn input{
		margin-bottom: 10px;
	}
	.form_box0 label{
		padding-left: 0px;
	}
	.form_box1 label{
		padding-left: 0px;
	}
	.form_box_bn label{
		padding-left: 0px;
	}
	.form_box_bn .text_ts{
		padding-left: 14px;
        margin-bottom: 15px;
	}
	.form_box2 label{
		padding-left: 0px;
	}
	.form_box2 .input,.form_box0 .input,.form_box1 .input,.form_box_bn .input{
		padding-left: 0px;
	}
	.form_box0 input,.form_box1 input,.form_box_bn input{
		 height: 28px;
		 width: 100%;
		 line-height: 24px;
		 border: 1px solid #e1e1e1;
	 }
}