@charset "utf-8";

/* 通用样式定义 */
*[hidefocus]{outline:none;}
body{-moz-user-select:none}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, i, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, img { padding:0px; margin:0px;}
a{outline-style:none; color:#666; text-decoration:none}
a:hover{color:#e56700; text-decoration:none;}
body {font-family:Arial,"Lucida Grande", Verdana, Lucida, Helvetica, "微软雅黑",sans-serif; text-align:justify; text-justify:inter-ideograph; font-size:12px; color:#444;}
body > div{margin-right:auto;margin-left:auto;} 
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}
img,a img{border:0;margin:0;padding:0;}
ul,li{list-style-type:none;}
table,td,input{font-size:12px;padding:0}


/*头部*/
.login_top{ width:100%; height:100px; background:#f8f8f8; border-bottom:1px solid #eee;}
.ln_top{ width:1002px; height:100%; margin:0 auto;}
.lnt_logo{ height:80px; padding:10px 0px; float:left;}
.lnt_logo img{ height:100%;}
.lnt_hy{ float:left; margin-left:25px; height:32px; padding:33px 0;}
.lnt_back{ float:right; display:block; line-height:100px; padding-left:20px; font-size:14px; font-weight:700; color:#565656; background:url(../images/login_b.png) left no-repeat;}
.lnt_back:hover{ background:url(../images/login_b2.png) left no-repeat;}


/*登录部分*/
.content{ width:100%; float:left; margin-bottom:40px;}
.content .con{ width:1002px; padding-top:60px; margin:0 auto;}
.t2{ width:100%; height:auto; float:left;}
#tab{ width:100%; height:44px; color:#333; border-bottom:2px solid #f3f3f3;}
#tab li{ float:left; line-height:44px; padding:0 15px; border-bottom:2px solid #f3f3f3; cursor:pointer; margin:0px 20px 0 25px; font-size:16px; font-weight:700; text-align:center;}
#tab li.current{ color:#e56700; border-bottom:2px solid #e56700;}


#cont{ width:100%; margin-top:5px; float:left;}
#cont ul{ display:none;}
#cont #per{ float:left; width:100%; box-sizing:border-box; padding:30px; margin-bottom:20px;}
#cont #per .person{ float:left; width:100%;}
#per .pic{ padding:13px 0; height:38px;}
.pic .ts{ float:left; height:38px; line-height:38px; width:150px; font-size:14px; color:#333; text-align:right;}
.pic .ts span{ margin-right:3px; color:#e56700;}
.pic .input{ width:288px; height:36px; line-height:36px; text-indent:8px; margin-left:10px; outline:none; font-size:13px; background:#fcfcfc;  border:1px solid #ccc; border-radius:3px; float:left; color:#333; font-family:Verdana, Lucida, Helvetica, "微软雅黑";}
.pic .input:focus{ border:1px solid #e56700;}
.input:-webkit-autofill { box-shadow: 0 0 0px 1000px #fff inset !important;}
.pic .input2{ width:175px;}
.pic .y_pic{ height:36px; width:100px; float:left; margin-left:12px; cursor:pointer;}
.pic .y_pic img{ width:100%; height:100%;}
.pic .turn{ height:28px; padding-top:12px; float:left; margin-left:15px; font:12px "微软雅黑";}
.links{ height:auto; float:left; padding:15px 0; padding-left:160px; width:100%; box-sizing:border-box;}
.links .kuang{ height:36px; width:100%; line-height:36px; float:left; margin-bottom:10px;}
.links .cxbx{ float:left; padding-top:2px; padding-top:-2px; margin-right:3px; cursor:pointer;}
.links .cxbx input{ cursor:pointer;}
.links .re-m2{ float:left; margin-right:3px;}
.links .re-m2 label{ cursor:pointer; color:#3e3e3e;}
.links label a{ color:#e56700;}
.links label a:hover{ color:#E71313; text-decoration:underline;}
.prompt{ float:left; line-height:38px; margin-left:10px;}
.prompt2{ float:left; line-height:34px; margin-left:10px;}
.zc_btn{ height:38px; line-height:38px; width:290px; font-size:16px; font-family:Verdana, Lucida, Helvetica, "微软雅黑"; color:#fff; background:#ff8400; border:0 none; outline:none; cursor:pointer; border-radius:2px;}
.zc_btn:hover{ background:#ff6c00;}



#cont #customer{ float:left; padding:10px 60px;}
#customer fieldset{ border:none; border-bottom:1px solid #f5f5f5; padding-bottom:15px; float:left; width:800px;}
#customer legend{ width:100%; padding:50px 0 30px; float:left; text-indent:20px; font-size:15px; font-weight:700; text-align:left; color:#000;}
#customer .reg_div{ padding:0 0 25px 15px; width:780px; float:left; color:#333; }
.reg_div .ts{ float:left; text-align:right; width:120px; height:34px; line-height:34px; font-size:14PX;}
.reg_div .input{ width:260px; height:32px; line-height:32px; margin-left:12px; font-size:13px; color:#333; font-family:Verdana, Lucida, Helvetica, "微软雅黑"; background:#fcfcfc; border:1px solid #ccc; border-radius:3px; text-indent:6px; outline:none; float:left;}
.reg_div .input:focus{ border:1px solid #e56700;}
.sele_zc{ outline:none; float:left; margin-left:12px; min-width:86px; margin-top:2px; padding:2px 8px 2px 3px; height:30px; font-size:13px; color:#333; font-family:Verdana, Lucida, Helvetica, "微软雅黑"; margin-right:8px; background:#fcfcfc; border:1px solid #ccc; border-radius:3px;}
#sec{ width:120px;}



.num{ width:120px;}
.ind{ width:262px;}
.nat{ width:120px;}
.desc{ color:#444;margin-right:8px;}
textarea{ overflow:auto; vertical-align:top; float:left; margin-left:12px; padding:4px 8px; border:1px solid #ccc; border-radius:3px; background:#fcfcfc; font-size:13px; font-family:Verdana, Lucida, Helvetica, "微软雅黑"; line-height:20px; width:380px; height:140px; outline:none; resize:none;}
#customer .att{ float:left; *width:595px; margin-left:130px; font:bold 12px "宋体"; padding:10px 0 0 0;}
#customer .nfxy{ float:left; margin-left:130px; font-size:12px; padding:10px 0; margin-bottom:5px;}
#customer .cxbx{ float:left; height:14px; width:14px; padding-top:2px; margin-right:3px; cursor:pointer;}
#customer .cxbx input{ height:13px; width:13px; cursor:pointer;}
#customer .re-m2{ float:left; margin-right:3px;}
#customer .re-m2 label{ cursor:pointer;}
#customer label a{ color:#e56700;}
#customer label a:hover{ color:#E71313; text-decoration:underline;}

fieldset p{ margin:0; text-align:left;}
#customer .input_y{ height:32px; line-height:32px; float:left; margin-left:12px; width:120px; font-size:13px; font-family:Verdana, Lucida, Helvetica, "微软雅黑"; background:#fcfcfc; text-indent:6px; border-radius:3px; border:1px solid #ccc; outline:none;}
#customer .y_pic2{ height:32px; width:92px; float:left; margin-left:10px; cursor:pointer;}
.y_pic2 img{ width:100%; height:100%;}
#customer .box{ float:left; padding-left:130px; width:100%; line-height:30px; margin-bottom:50px;}





::-webkit-input-placeholder{ color:#b3b3b3;}
:-moz-placeholder{ color:#b3b3b3;}
::-moz-placeholder{ color:#b3b3b3;}
:-ms-input-placeholder{ color:#b3b3b3;}


.footer{ height:auto; width:100%;}
.footer .foot_s{ height:auto; width:990px; margin:0 auto;}
.footer .footer1{ height:auto; width:100%; text-align:center; float:left;}
.footer a{ font-size:12px; margin:0 8px; color:#403e3b; text-decoration:none;}
.footer a:hover{ color:#e56700;}
.footer p{ line-height:28px; padding-top:3px; color:#403e3b;}



<!--协议弹出框-->
.black_overlay{ display:none; position:absolute; top:0%; left:0%; width:100%; height:100%; background-color:black; z-index:1001; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80); }  
.white_content { display:none; position:absolute; top:25%; left:25%; width:50%; height:50%; padding:16px; background-color:white; z-index:1002; overflow:auto;}
.c_per{ padding:20px 30px;}
.c_per h3{ text-align:center; font-size:20px; font-family:"微软雅黑"; font-weight:bold; color:#000; margin:30px 0; }
.c_per h4{ text-align:center; font-size:14px; font-family:"微软雅黑"; font-weight:bold; color:#000; margin:30px 0; }
.c_per h5{ text-align:left; font-size:13px; line-height:26px; font-family:"微软雅黑"; font-weight:bold; color:#000; margin:30px 0 10px; }
.c_per p{ text-align:left; font-size:13px; line-height:22px; text-indent:2em; font-family:"微软雅黑"; color:#333; margin-bottom:10px; }  
.close{ float:right;}

/*注册成功页面*/
.zc_vbox{ padding:80px 0 200px;}
.zc_vbox h2{ color:#555; font-weight:600; margin:30px 0;}
.zc_vbox h2 span{ color:#e56700; font-family:"微软雅黑";}
.zc_vbox p{ color:#666; margin:15px 0;}
.zc_vbox p span{ font-family:"微软雅黑"; margin-left:2px; margin-right:2px;}
.zc_vbox p a{ color:#; margin-left:5px;}







@media screen and (max-width: 480px) {
	body{
		background-color: #F3F3F3;
	}
	.content{ 
		margin-bottom: 0;
	}
	.login_top{ 
  		display: none;
  	}
  	.footer{
  		display: none;
  	}
  	.t2>#tab{ display: none;}
  	.mob_head{ 
  		display: block!important;
  		height: 40px;
  		background: #FFFFFF;
  	}
  	.mob_head .mob_rimg{ 
  		float: left;
  	    padding: 8px 0 8px 15px;
    	height: 24px;
    }
  	.mob_rimg img{
  		height: 24px;
  	}
  	.mob_head #tab{ width: auto;}
  	
  	.content .con{
  		width: 100%;
  		padding-top: 0;
  	}
  	#tab{ background: #FFFFFF; height: 40px; border-bottom-width: 1px;}
  	#tab li{ padding: 0; margin: 0 15px 0 10px; font-size: 14px; line-height: 40px; border-bottom-width: 1px;}
  	#tab li.current{ border-bottom-width: 1px;}
  	#cont{ margin-top: 0;}
  	#cont #per{
  		padding: 15px 15px 70px;
  		background: #FFFFFF;
  		margin-bottom: 0;
  	}
  	#per .pic{
  		position: relative;
  		padding: 5px 0 10px;
  		height: inherit;
  	}
  	.pic .ts{
  		float: left;
	    text-align: left;
	    width: 100%;
	    line-height: 28px;
	    height: 28px;
  	}
  	.pic .input{
  		margin-left: 0px;
	    width: 100%;
	    border-radius: 0px;
	    background: #FEFEFE;
	    float: none;
	    border: 1px solid #DDDDDD;
  	}
  	.pic .input:focus,.reg_div .input{
	    border-color: #FF8400;
  	}
  	.prompt{ 
  		line-height: 24px; 
  		margin-left: 0;
  		float: none;
  	}
  	.prompt2{
  		line-height: 32px; 
  		margin-left: 0;
  	}
  	.prompt font,.prompt2 font{ color: #FF8400;}
  
	.links{ padding-left: 0px;}
	
	.ver_pic{ position: absolute; bottom: 11px; right: -1px; height: 36px; width: 90px;}
	.ver_pic .y_pic{ margin-left: 0; width: 100%;}
	.links .kuang{ height: inherit; line-height: 18px; margin-bottom: 35px;}
	.links .re-m2{ float: none;}
	#customer .re-m2{ float: none;}
	.links label a{ color: #FF8400;}
	.zc_btn{ width: 80%; margin: 0 10%; border-radius: 19px;}
	
	/*企业*/
	#cont #customer{ padding: 0;}
	#customer fieldset{ width: 100%; margin-bottom: 8px; background-color: #FFFFFF;}
	#customer fieldset:last-child{ margin-bottom: 0;}
	#customer legend{ padding: 15px 0 20px; text-indent: 15px;}
	#customer .reg_div{ width: 100%; padding: 0 15px 10px; box-sizing: border-box;}
	.reg_div .ts{ float: left; text-align: left; width: 100%; height: 28px; line-height: 28px;}
	.reg_div .input{ margin-left: 0; width: 100%; border-radius: 0; background: #FEFEFE; box-sizing: border-box; border-color: #DDDDDD;}
	.sele_zc{ margin-left: 0px; border-radius: 0; background: #FEFEFE; border-color: #DDDDDD; width: 100%!important; height: 34px; margin-bottom: 4px;}
	#customer .att{ margin-left: 0; text-align: justify;}
	textarea{ width: 100%; margin-left: 0; border-radius: 0px; background: #FEFEFE; border-color: #DDDDDD; box-sizing: border-box;}
	#customer .input_y{ margin-left: 0px; border-radius: 0; background: #FEFEFE; border-color: #DDDDDD;}
	
	#customer .nfxy{ margin-left: 0; margin-bottom: 35px;}
	#customer .box{ padding-left: 0;}
	
	
	
	
	
  	::-webkit-input-placeholder{ color:#CCCCCC;}
	:-moz-placeholder{ color:#CCCCCC;}
	::-moz-placeholder{ color:#CCCCCC;}
	:-ms-input-placeholder{ color:#CCCCCC;}
	
}



@media screen and (max-width: 480px) and (max-device-width: 768px){
	body{
		background-color: #F3F3F3;
	}
	.content{ 
		margin-bottom: 0;
	}
	.login_top{ 
  		display: none;
  	}
  	.footer{
  		display: none;
  	}
  	.t2>#tab{ display: none;}
  	.mob_head{ 
  		display: block!important;
  		height: 40px;
  		background: #FFFFFF;
  	}
  	.mob_head .mob_rimg{ 
  		float: left;
  	    padding: 8px 0 8px 15px;
    	height: 24px;
    }
  	.mob_rimg img{
  		height: 24px;
  	}
  	.mob_head #tab{ width: auto;}
  	
  	.content .con{
  		width: 100%;
  		padding-top: 0;
  	}
  	#tab{ background: #FFFFFF; height: 40px; border-bottom-width: 1px;}
  	#tab li{ padding: 0; margin: 0 15px 0 10px; font-size: 14px; line-height: 40px; border-bottom-width: 1px;}
  	#tab li.current{ border-bottom-width: 1px;}
  	#cont{ margin-top: 0;}
  	#cont #per{
  		padding: 15px 15px 70px;
  		background: #FFFFFF;
  		margin-bottom: 0;
  	}
  	#per .pic{
  		position: relative;
  		padding: 5px 0 10px;
  		height: inherit;
  	}
  	.pic .ts{
  		float: left;
	    text-align: left;
	    width: 100%;
	    line-height: 28px;
	    height: 28px;
  	}
  	.pic .input{
  		margin-left: 0px;
	    width: 100%;
	    border-radius: 0px;
	    background: #FEFEFE;
	    float: none;
	    border: 1px solid #DDDDDD;
  	}
  	.pic .input:focus,.reg_div .input{
	    border-color: #FF8400;
  	}
  	.prompt{ 
  		line-height: 24px; 
  		margin-left: 0;
  		float: none;
  	}
  	.prompt2{
  		line-height: 32px; 
  		margin-left: 0;
  	}
  	.prompt font,.prompt2 font{ color: #FF8400;}
  
	.links{ padding-left: 0px;}
	
	.ver_pic{ position: absolute; bottom: 11px; right: -1px; height: 36px; width: 90px;}
	.ver_pic .y_pic{ margin-left: 0; width: 100%;}
	.links .kuang{ height: inherit; line-height: 18px; margin-bottom: 35px;}
	.links .re-m2{ float: none;}
	#customer .re-m2{ float: none;}
	.links label a{ color: #FF8400;}
	.zc_btn{ width: 80%; margin: 0 10%; border-radius: 19px;}
	
	/*企业*/
	#cont #customer{ padding: 0;}
	#customer fieldset{ width: 100%; margin-bottom: 8px; background-color: #FFFFFF;}
	#customer fieldset:last-child{ margin-bottom: 0;}
	#customer legend{ padding: 15px 0 20px; text-indent: 15px;}
	#customer .reg_div{ width: 100%; padding: 0 15px 10px; box-sizing: border-box;}
	.reg_div .ts{ float: left; text-align: left; width: 100%; height: 28px; line-height: 28px;}
	.reg_div .input{ margin-left: 0; width: 100%; border-radius: 0; background: #FEFEFE; box-sizing: border-box; border-color: #DDDDDD;}
	.sele_zc{ margin-left: 0px; border-radius: 0; background: #FEFEFE; border-color: #DDDDDD; width: 100%!important; height: 34px; margin-bottom: 4px;}
	#customer .att{ margin-left: 0; text-align: justify;}
	textarea{ width: 100%; margin-left: 0; border-radius: 0px; background: #FEFEFE; border-color: #DDDDDD; box-sizing: border-box;}
	#customer .input_y{ margin-left: 0px; border-radius: 0; background: #FEFEFE; border-color: #DDDDDD;}
	
	#customer .nfxy{ margin-left: 0; margin-bottom: 35px;}
	#customer .box{ padding-left: 0;}
	
	
	
	
	
  	::-webkit-input-placeholder{ color:#CCCCCC;}
	:-moz-placeholder{ color:#CCCCCC;}
	::-moz-placeholder{ color:#CCCCCC;}
	:-ms-input-placeholder{ color:#CCCCCC;}
	
}