/*=================
闄堝缓2013.8.6鍒涘缓锛氭柟娉�
==================*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
/*鍏蜂綋鍐呭*/
body {
  font: normal 14px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
  background-color: #e8e8e8;
  color:#333;
  margin: 0;
  padding: 0;
  
}

.cursor {
  cursor: pointer;
}
/*=鍥哄畾瀹藉害瀹瑰櫒=*/
.container {
  width: 100%;
  margin: 0 auto;
  /* 渚ц竟鐨勮嚜鍔ㄥ�间笌瀹藉害缁撳悎浣跨敤锛屽彲浠ュ皢甯冨眬灞呬腑瀵归綈 */

}
.content {
  width: 1120px;
  margin: 0 auto;
  text-align:left;
}


.loginbox .flbox{ width:493px; height:520px; border:#e7e7e7 solid; border-width:0 1px 0 0; float:left; text-align:center; line-height:490px;}
.loginbox .flbox img{vertical-align:middle; width:96%; max-width:292px; max-height:295px;}
.loginbox .frbox{ width:614px; height:auto; float:right;}
.loginbox .frbox .titlebox{width:510px; margin:40px auto 0 auto; }
.loginbox .frbox .tabtit{width:510px; margin:18px auto 0 auto; border-bottom:#e7e7e7 solid 1px; height:40px; line-height:38px; position:relative;}
.loginbox .frbox .tabtit span{ display:inline-block; width:25%; margin:0 12%; color:#aaaaaa; text-align:center; cursor:pointer; }
.loginbox .frbox .tabtit span.active{ font-weight:bold; color:#333; border-bottom:#aaa solid 2px;}
.loginbox .frbox .tabtit .borbottom{ line-height:0; width:88px; height:2px; background-color:#aaa; position:absolute; bottom:-1px; left:16%;
-webkit-transition: left 0.1s linear;
-moz-transition:left 0.1s linear;
-o-transition: left 0.1s linear;
transition: left 0.1s linear;
}
.loginbox .frbox .tabtit .borbottom.gorf{left:65.6%;}
.loginbox .frbox ul{ width:400px; margin:30px auto;}
.loginbox .frbox ul li { height:46px; width:100%; clear:both; position:relative; margin-bottom:26px;}
.loginbox .frbox ul li .w1{ width:100%;}
.loginbox .frbox ul li .w2{ width:135px;}
.loginbox .frbox ul li input{ float:left;}
.loginbox .frbox .yz02{ background-color:#fefefe; border:#ccc solid 1px; height:46px; overflow:hidden; display:inline-block; vertical-align:middle;}
.loginbox .frbox .btn-46{ display:block;}

.error01{ position:absolute; z-index:1; bottom:-23px; left:0; font-size:12px;  display:inline-block;background:url(../images/sign03.png) no-repeat 5px center #fefaf0; height:24px; line-height:20px; border:#ff9900 solid 1px; padding:0 10px 0 24px;}

.loginbox .frbox ul .registerbox{ display:none;}
.registered{ position:absolute; right:0px; bottom:0;}



/*鍏辩敤鍥炬爣*/
.login_sign01{ background:url(../images/sign01.png) no-repeat 98% center;}
.login_sign02{ background:url(../images/sign02.png) no-repeat 98% center;}
.login_sign03{ background:url(../images/sign04.png) no-repeat 98% 12px;}
.login_sign04{ background:url(../images/sign04.png) no-repeat 98% -32px;}
.login_sign05{ background:url(../images/sign04.png) no-repeat 98% -76px;}
.login_sign06{ background:url(../images/sign05.jpg) no-repeat 0 center; width:30px; height:30px; display:inline-block; vertical-align:middle;}


/*鎵惧洖瀵嗙爜*/
.zhpass{  background-color:#fff; border:#e7e7e7 solid 1px; margin-top:60px; position:relative;
box-shadow: 0 0 3px #d5d5d5;
-webkit-box-shadow: 0 0 3px #d5d5d5;
-moz-box-shadow: 0 0 3px #d5d5d5;}
.zhpass .progress{ width:725px; text-align:center;  margin-left:auto; margin-right:auto;margin-top:65px;}
.zhpass .progress .textbox{ position:relative; width:100%;  height:56px;}
.zhpass .progress .textbox .rafl{ position:absolute; left:0px; bottom:0;}
.zhpass .progress .textbox .ramid{ position:absolute; left:47%; bottom:0;}
.zhpass .progress .textbox .rafr{ position:absolute; right:0px; bottom:0;}
.zhpass .zhpasscon{ width:auto;}

.zhpass .zhpasscon ul{ width:380px; margin:80px auto;}
.zhpass .zhpasscon ul li { height:46px; width:100%; clear:both; position:relative; margin-bottom:28px;}
.zhpass .zhpasscon ul li .w1{ width:100%;}
.zhpass .zhpasscon ul li .w2{ width:135px;}
.zhpass .zhpasscon ul li input{ float:left;}
.zhpass .zhpasscon .yz02{ background-color:#fefefe; border:#ccc solid 1px; height:46px; overflow:hidden; display:inline-block; vertical-align:middle;}
.zhpass .zhpasscon .btn-46{ display:block;}


/*娉ㄥ唽椤甸潰*/
.loginbox .flbox.register{ height:620px;}
.loginbox .frbox.register{ height:620px;}

@media (max-width: 1024px) {
.content {
	width: 90%;
	margin: 0 auto;
}

.loginbox .flbox{ width:40%;}
.loginbox .frbox{ width:58%;}
.loginbox .frbox ul{ width:90%;}
.loginbox .frbox ul li .w2{ width:135px;}
  
  
  
}
@media (max-width: 800px) {
.zhpass .progress{ width:600px;}
.zhpass .progress img{ width:100%;}
}
@media (max-width: 767px) {
	.loginbox{ margin-top:40px;}
	.loginbox .flbox{ display:none;}
	.loginbox .frbox{ width:100%;}
	.loginbox .frbox .titlebox{width:90%;}
	.loginbox .frbox .tabtit{width:90%;}
	.loginbox .frbox ul{ width:90%;}
	.loginbox .frbox ul li .w2{ width:40%;}
	
	.zhpass .progress{ width:500px;}
	.zhpass .progress .textbox{ position:relative; width:100%;  height:45px; font-size:12px;}
	.zhpass .progress .textbox .rafl{ position:absolute; left:0; bottom:0;}
	.zhpass .progress .textbox .ramid{ position:absolute; left:46%; bottom:0;}
	.zhpass .progress .textbox .rafr{ position:absolute; right:0; bottom:0;}
}

@media (max-width: 480px) {
	
.loginbox{background-color:inherit; border:none; margin-top:0; 
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}	
.loginbox .frbox .titlebox{width:100%;}
.loginbox .frbox .tabtit{width:100%;}

.loginbox .frbox ul{ width:100%;}
.loginbox .frbox ul .registerbox{ display:block;}
.registered{ display:none;}



.loginbox .flbox.register{ height:560px;}
.loginbox .frbox.register{ height:560px;}

.zhpass{  background-color:inherit; border:none; margin-top:0;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}
.zhpass .progress{ width:100%; margin-top:40px;}
.zhpass .progress .textbox .ramid{ left:44%;}
.zhpass .zhpasscon ul{ width:100%; margin:30px auto 80px auto;}
.zhpass .zhpasscon ul li { height:46px; width:100%; clear:both; position:relative; margin-bottom:28px;}
.zhpass .zhpasscon ul li .w2{ width:35%;}
.zhpass .zhpasscon ul li input{ float:left;}
}

@media (max-width: 320px) {
	

.loginbox .frbox ul li .w2{ width:35%;}


.zhpass .zhpasscon ul li { height:46px; width:100%; clear:both; position:relative; margin-bottom:28px;}
.zhpass .zhpasscon ul li .w2{ width:35%;}
.zhpass .zhpasscon ul li input{ float:left;}
}