html,body{ min-width: 1400px;overflow: auto;}
#header{ width:100%; height:88px; margin:0 auto; background:#fff; position:relative; }
#header .logo a{ width:384px; height:69px; background:url(../../images/logo-hd.png) no-repeat;background-size: 100% 100%; position:absolute;  top:0; left:0; text-indent:-9999px !important; display:block;font-size: 18px;
    color: #111;
    background-repeat: no-repeat;
    font-weight: bold;
    line-height: 69px;
    margin-left: 32px;
    margin-top: 17px;
    letter-spacing: 1px;}
#header .logo a:hover{text-decoration: none;}
#header .version{ position:absolute; right:40px; top:33px; color:#bababa; font-size:12px;}

/*#wrapers{    width: 100%;
    margin: 0px auto;
    background-size: cover;
    position: absolute;
    top: 88px;
    bottom: 0;
    left: 0;
    right: 0;}*/

#wrapers .wapper{
	position: fixed;
	width: 850px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	min-width: 850px;
	z-index: 10;
}
#wrapers .wapper .pic_ico{ width:451px; height:350px; background:url(../images/login_ico.png) no-repeat; float:left; margin:-20px 0 0 32px;}

#wrapers .wapper .box{
	width: 400px;
	height: 510px;
	float: left;
	background: #FFFFFF;
	position: relative;
	border-radius: 0 16px 16px 0;
} 


#wrapers .wapper .box .title{
	height: 30px;
	font-size: 26px;
	font-family: PingFang SC;
	font-weight: bold;
	line-height: 22px;
	color: #000000;
	margin-top: 24px;
	margin-left: 40px;
}
/*#wrapers .wapper .box .title{ font-size:20px; color:#333; margin:36px auto 30px; text-align:center;}*/
input::-webkit-input-placeholder{ color:#bebdbd!important; font-size:14px;}
::-moz-placeholder{color:#bebdbd!important; font-size:14px;}
#wrapers .placeholder{ color:#bebdbd!important; font-size:14px;}

#wrapers .deep{ border:1px solid #66B2EE!important;}
#wrapers .error0{
	display: block;
	 width:266px;
	  margin-left: -133px;
	  display:none; color:#FF6516; 
	  font-size:14px; text-align:center; 
	  position:absolute;
	  bottom: 120px; 
	  left:50%;}
#wrapers .account{ width:280px; margin:24px 0 24px 40px; display:block; position:relative;}
#wrapers .account .error1{display:none; color:red; position:absolute; right:-105px; top:12px; }
#wrapers .error2{ display:none; color:red; position:absolute; right:-91px; top:12px;}

.errorC{ border-color:red!important; }
#wrapers .account .user_input{ border :1px solid transparent;border-bottom:1px solid #dedede; width:280px; height:40px; line-height:40px; 
  margin:0 auto; font-size:16px; font-weight:400; color:#222; font-family:"Microsoft YaHei",arial,sans-serif; 
  padding:0% 10px 0 26px;  outline:0; vertical-align:top;  border-radius:0px; 
   -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; 
   -ms-transition: all .2s linear 0s;transition: all .2s linear 0s; 
   position:relative; behavior:url(css/pie2.htc); }
/*#wrapers .account .user_input:hover{ border:1px solid #ffc98d}
#wrapers .account .user_input:focus{ border:1px solid #ffc98d; box-shadow:0 0 4px rgba(255,201,141,0.6)}*/
.user-bg{
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0;
	top: 11px;
	background:url(../../images/icon-user.png) ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

#wrapers .code{ width:280px; margin:0 0 16px 40px; display:block; position:relative;}


#wrapers .code .passwd_1,#wrapers .code .passwd_2{
	 border:1px solid transparent; border-bottom: 1px solid #DEDEDE; width:280px; height:40px; line-height:40px; 
	 margin:6px auto; font-size:16px; font-weight:400; color:#222; 
	 font-family:"Microsoft YaHei",arial,sans-serif; padding:0% 10px 0 26px;  
	 outline:0; vertical-align:top;  border-radius:0px;  -webkit-transition: all .2s linear 0s; 
	 -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; transition: all .2s linear 0s; 
	 
	 position:relative; behavior:url(css/pie2.htc); }

/*#wrapers .code .passwd_1:hover{border:1px solid #ffc98d}
#wrapers .code .passwd_1:focus{ border:1px solid #ffc98d; box-shadow:0 0 4px rgba(255,201,141,0.6)}

#wrapers .code .passwd_2:hover{border:1px solid #ffc98d}
#wrapers .code .passwd_2:focus{ border:1px solid #ffc98d; box-shadow:0 0 4px rgba(255,201,141,0.6)}*/

.pwd-bg{
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0;
	top: 18px;
	background:url(../../images/icon-pwd.png)  no-repeat;
	background-size: 100% 100%;
}
#wrapers .code .code_on{ width:20px; height:12px; background:url(../../images/mima_ico.png) no-repeat left top; display:block; position:absolute; right:-24px; top:21px; cursor:pointer;}
#wrapers .code .code_off{ width:20px; height:12px; background:url(../../images/mima_ico.png) no-repeat left -12px; display:block; position:absolute; right:-24px; top:21px; cursor:pointer;}



#wrapers .validate{ width:336px; margin:0 0 16px 40px; display:block; position:relative;}

#wrapers .validate .valie_input{border: 0px solid #ddd; border-bottom:1px solid #dedede; width:182px; height:40px; line-height:40px;   margin:0 9px 0 0; font-size:16px; font-weight:400; color:#222; font-family:"Microsoft YaHei",arial,sans-serif; padding:0% 10px 0 30px;  outline:0; vertical-align:top;  border-radius:0px;  -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s;transition: all .2s linear 0s; position:relative; behavior:url(css/pie2.htc); }
#wrapers .validate .valie_input:hover{ border: 0px solid #ddd;border-bottom;:1px solid #dedede}
#wrapers .validate .valie_input:focus{border: 0px solid #ddd; border-bottom:1px solid #dedede;}
#wrapers .validate img{ margin:2px 0 0; cursor:pointer;}



#wrapers .state{ width:280px; margin:24px 0 0 40px; display:block; color:#505050; background:url(../../images/cbox_0.gif) no-repeat; padding-left:25px; height:18px; cursor:pointer; position:relative;font-size: 14px;}
#wrapers .state .pass a{ position:absolute; right:0; top:1px; display:block;  height:16px; line-height:16px; color:#989898;  border-bottom:1px solid #989898; text-decoration:none;}
#wrapers .state .pass a:hover{ text-decoration:none; border-bottom:0px solid #ff0000; height:16px; line-height:16px; }
#wrapers .state input{ position:absolute; left: -9999px; }
#wrapers .state.c_off { background-position: 0 0px;} 
#wrapers .state.c_on { background:url(../../images/cbox_1.gif) no-repeat;} 



#wrapers .button{
	 width:320px;
 height:42px; 
 line-height:47px; 
 margin:0 auto;
  display:block; 
  position:absolute;
  bottom:40px;
  left: 50%;
  margin-left: -160px;
   border-radius:0;
    overflow:hidden; 
    text-align:center; }



#wrapers .button .but_1{ width:320px; height:42px; line-height:47px; border:none; background:#0070CC; cursor:pointer; outline:none; border-radius:0;  -webkit-transition:background 0.24s linear; -moz-transition:background .24s linear; -ms-transition:background .24s linear; transition:background .24s linear; position:relative; behavior:url(css/pie2.htc); }
#wrapers .button .but_1:hover{ background:#005AA5;}


#wrapers .button .name{  font-size:16px; font-weight:400; color:#fff; font-family:"Microsoft YaHei",arial,sans-serif; position:absolute; z-index:3; cursor:pointer; z-index:2; width:342px; height:50px; left:50%; top:50%; margin:-25px 0 0 -171px;}
#wrapers .button #bar{ position:absolute; width:0px; height:50px; background:#09508a; border-radius:0px; left:0; top:0; }


#footer{ width:100%;   margin:0px auto 0;   text-align:center; font-size:12px; color:#fff}
#footer .copy{ color:#fff; margin:0 5px;}

.footer-version{
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 15px;
	color: #FFFFFF;
	opacity: 1;
	margin-bottom: 8px;
}

.loader { width:117px; height:117px;  display:block; position:absolute; left:18px; top:10px;}

.load_text{ position:absolute; left:42px; top:56px; font-size:18px; font-weight:400; }
.load_msg{ position:absolute; left:20px; top:130px; font-size:14px; font-weight:400;}

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


#browser_ie { background:#f8a733;  width:580px; height:360px; color:#fff; font-size: 15px; position:fixed; z-index:9999; left:50%; top:50%; margin:-180px 0 0 -290px; display:none; overflow:hidden; box-shadow:0px 0px 50px rgba(0,0,0,.3);}
#browser_ie .brower_info {width:100%; height:360px; position:relative; overflow:hidden;}
#browser_ie .brower_info .win_close{ width:25px; height:25px; background:url(../../images/close.gif) no-repeat; text-indent:-9999px; position:absolute; top:15px; right:15px; cursor:pointer;}
#browser_ie .brower_info .title{ width:100%; height:40px; line-height:40px; text-align:center; font-size:28px; font-family:"Microsoft YaHei"; font-weight:normal; margin:60px auto 30px;}
#browser_ie .brower_info .info{ width:70%; text-align:center; margin:0 auto 40px; color:#fff4e7; line-height:28px;}
#browser_ie .brower_info .nav{ margin:0 0 0 75px;}
#browser_ie .brower_info .nav li{ float:left; margin:0 25px 0 0;}
#browser_ie .brower_info .nav li a:hover{ color:#fff}
#browser_ie .brower_info .nav .nav_1 a{ width:68px; height:113px; line-height:140px; background:url(../../images/a1.png) no-repeat; display:block; text-align:center; color:#fff8ed; font-size:13px; text-decoration:none}
#browser_ie .brower_info .nav .nav_2 a{ width:68px; height:113px; line-height:140px; background:url(../../images/a2.png) no-repeat; display:block; text-align:center; color:#fff8ed; font-size:13px; text-decoration:none}
#browser_ie .brower_info .nav .nav_3 a{ width:68px; height:113px; line-height:140px; background:url(../../images/a3.png) no-repeat; display:block; text-align:center; color:#fff8ed; font-size:13px; text-decoration:none}
#browser_ie .brower_info .nav .nav_4 a{ width:68px; height:113px; line-height:140px; background:url(../../images/a4.png) no-repeat; display:block; text-align:center; color:#fff8ed; font-size:13px; text-decoration:none}
#browser_ie .brower_info .nav .nav_5 a{ width:68px; height:113px; line-height:140px; background:url(../../images/a5.png) no-repeat; display:block; text-align:center; color:#fff8ed; font-size:13px; text-decoration:none}
#mask{ position:fixed; width:100%; height:100%; left:0; top:0; background:#000; z-index:999; display:none; opacity:0.5; filter:alpha(opacity=50);}


input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}

.footer-box{
	position: fixed;
	bottom: 24px;
	left: 0;
	width: 100%;
}
.title-h2{
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #9E9E9E;
	opacity: 1;
	margin-left: 40px;
	margin-top: 8px;
}
.login-bg{
	width: 448px;
	height: 457px;
	background: url(../../images/login-bg1.png) no-repeat;
	background-size: 100% 100%;
	float: left;
	border-radius: 16px 0 0 16px;
}