html,body{ background:#fff;}
#header{ width:100%; height:71px; margin:0 auto; background:#001529; position:relative; }
#header .logo a{ width:480px; height:49px; background:url(../../images/logo_s.png) no-repeat; position:absolute;  top:13px; left:35px; text-indent:-9999px; display:block;}

#header .version{ position:absolute; right:40px; top:32px; color:#fff; font-size:14px;}

#wrapers{ width:100%; height:554px; margin:0px auto; background:#1890FF url(../../images/bj.png) no-repeat center center;  overflow:hidden; background-size:cover}

#wrapers .wapper{ width:1022px; height:554px; margin:80px auto 0; }
#wrapers .wapper .pic_ico{ width:451px; height:350px; float:left; margin:-20px 0 0 32px;}

#wrapers .wapper .box{ width:344px; height:350px; background:#fff; border:1px solid #fff; margin:0 32px 0 0; position:relative; float:right  }


#wrapers .wapper .box .title{ font-size:24px; color:#1890FF; margin:20px auto 30px!important; text-align:center; font-family:"Microsoft YaHei";}
/*#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{ width:266px; margin:-22px 0 0 -133px; display:none; color:#fe694c; font-size:14px; text-align:center; position:absolute; left:50%;}
#wrapers .account{ width:266px; margin:0 auto 24px; 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 #DADADA; width:194px; 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 60px;  outline:0; vertical-align:top;  border-radius:5px;  -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s;transition: all .2s linear 0s; background:url(../../images/login_user.png) no-repeat 0px 0px; position:relative; behavior:url(css/pie2.htc); }
#wrapers .account .user_input:hover{ border:1px solid #40a9ff}
#wrapers .account .user_input:focus{ border:1px solid #40a9ff; box-shadow:0 0 4px rgba(255,201,141,0.6)}


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


#wrapers .code .passwd_1,#wrapers .code .passwd_2{ border:1px solid #DADADA; width:194px; 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 60px;  outline:0; vertical-align:top;  border-radius:5px;  -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; transition: all .2s linear 0s; background:url(../../images/login_pass.png) no-repeat 0px 0px; position:relative; behavior:url(css/pie2.htc); }

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

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


#wrapers .code .code_on{ width:20px; height:12px; background:url(../../images/mima_ico.png) no-repeat left top; display:block; position:absolute; right:10px; top:16px; 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:10px; top:16px; cursor:pointer;}

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

#wrapers .validate .valie_input{ border:1px solid #DADADA; width:94px; 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 60px;  outline:0; vertical-align:top;  border-radius:5px;  -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s;transition: all .2s linear 0s; background:url(../../images/login_code.png) no-repeat 0px 0px; position:relative; behavior:url(css/pie2.htc); }
#wrapers .validate .valie_input:hover{ border:1px solid #40a9ff}
#wrapers .validate .valie_input:focus{ border:1px solid #40a9ff; box-shadow:0 0 4px rgba(255,201,141,0.6)}
#wrapers .validate img{ margin:2px 0 0; cursor:pointer;}




#wrapers .state{ width:241px; margin:0 auto 28px; display:block; color:#505050; background:url(../../images/check.png) no-repeat; padding-left:25px; height:18px; cursor:pointer; position:relative;}
#wrapers .state .pass a{ position:absolute; right:0; top:1px; display:block;  height:15px; line-height:15px; 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-position: 0 -18px; }

#wrapers .button{ width:266px; height:42px; line-height:47px; margin:0 auto; display:block; position:relative; border-radius:5px; overflow:hidden; text-align:center; }

#wrapers .button .but_1{ width:266px; height:42px; line-height:47px; border:none; background:#1890FF; cursor:pointer; outline:none; border-radius:5px;  -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:#faac3d;}*/

#wrapers .button .name{  font-size:19px; font-weight:400; color:#fff;line-height: 50px; 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:#f58025;*/ border-radius:0px; left:0; top:0; }


#footer{ width:100%; height:70px; line-height:70px; background:#fff; margin:0px auto 0;  border-top:1px solid #e9e9e9; text-align:center; font-size:13px; color:#979797}
#footer .copy{ color:#979797; margin:0 5px;}



.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);
  }
}
.login_add dl dd.yzmpic{height:34px; overflow:hidden; border:1px solid #e5e5e5;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;}

#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);}