html,body{ background:#fff;}
#app{
	position: relative;
}
#header{ width:100%; height:48px; margin:0 auto; background:#fff; position:fixed;top: 0;left: 0;  }
#header .logo{
	width: 126px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    background: url(../../images/logo1.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0px;
    margin-left: 16px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: bold;
    color: rgba(17,17,17,1);
    letter-spacing: 1px;
    opacity: 1;
    top: 12px;
    text-indent: -99999px;
}
.logo-a{
	    display: inline-block;
    width: 208px;
    overflow: hidden;
    height: 48px;
    background: #FFFFFF;
}
#header .logo a:hover{ 
	text-decoration: none;
}
#header .version{ position:absolute; right:40px; top:32px; color:#bababa; font-size:15px;}

/*#wrapers{ width:100%; height:554px; margin:0px auto; background:#3068A8  url(../../images/bj1.png?pp) no-repeat center center;  overflow:hidden; background-size:cover}*/
#wrapers{position: relative;}
.log-bg{
	position: fixed;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../../images/newbg.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
}
/*#wrapers .wapper{ width:1120px; height:554px; margin:108px auto 0; }*/
#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:344px; height:310px; background:#fff; border:1px solid #cdcdcd; margin:0 32px 0 0; position:relative; float:right; border-radius:5px;  }*/ 
#wrapers .wapper .box{
	position: fixed;
	width: 360px;
	height: 265px;
	top: 50%;
    margin-top: -115px;
	left: 66%;
	background: #FFFFFF;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
	opacity: 1;
	z-index: 10;
}

#wrapers .wapper .box .title{ font-size:24px; color:#333; margin:20px auto 30px!important; padding-left:38px; color:#f26228; 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 .account{
	position: relative;
}
#wrapers .deep{ border:1px solid #66B2EE!important;}
#wrapers .error0{    color: #fe694c;
    font-size: 14px;
    text-align: center;
    position: absolute;
    left: 24px;
    bottom: 56px;
    display: none;}
#wrapers .account{ width:312px; margin:16px auto;  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 #DEDEDE; width:242px; height:34px; line-height:34px; 
  margin:0 auto; font-size:12px; font-weight:400; color:#222; font-family:"Microsoft YaHei",arial,sans-serif; 
  padding:0% 10px 0 60px;  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 #737373}
#wrapers .account .user_input:focus{ border:1px solid #737373; }

.user-bg{
	position: absolute;
	width: 60px;
	height: 36px;
	left: 0;
	top: 1px;
	background:url(../../images/user.png)  no-repeat 13px 9px, url(../../images/user_l.png) no-repeat 44px 12px;;
}
#wrapers .code{ width:312px; margin:24px auto 8px; display:block; position:relative;}


#wrapers .code .passwd_1,#wrapers .code .passwd_2{
	 border:1px solid #DEDEDE; width:242px; height:34px; line-height:34px; 
	 margin:0 auto; font-size:12px; font-weight:400; color:#222; 
	 font-family:"Microsoft YaHei",arial,sans-serif; padding:0% 10px 0 60px;  
	 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 #737373}
#wrapers .code .passwd_1:focus{ border:1px solid #737373;}

#wrapers .code .passwd_2:hover{border:1px solid #737373}
#wrapers .code .passwd_2:focus{ border:1px solid #737373; }

.pwd-bg{
	position: absolute;
	width: 60px;
	height: 36px;
	left: 0;
	top: 1px;
	background:url(../../images/pws.png)  no-repeat 13px 9px, url(../../images/user_l.png) no-repeat 44px 12px; 
}
#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:13px; cursor:pointer;}
#wrapers .code .code_off{ width:20px; height:12px; background:url(../../images/mima_ico.png) no-repeat left -16px; 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 #d0d0d0; 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 #3068A8}
#wrapers .validate .valie_input:focus{ border:1px solid #3068A8; box-shadow:0 0 4px rgba(255,201,141,0.6)}
#wrapers .validate img{ margin:2px 0 0; cursor:pointer;}


.login-name{
	margin: 0px 24px 0 24px ;
	color: #111111;
	font-size: 16px;
}

#wrapers .state{ width:282px; margin:0 auto 28px; display:block; color:#505050;  padding-left:23px; height:23px;line-height: 23px; cursor:pointer; position:relative;}
#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:url(../../images/check_n.png)  no-repeat;     background-size: 14px 14px;
    background-position: left;} 
#wrapers .state.c_on { background: url(../../images/check.png?ss) no-repeat;     background-size: 14px 14px;
    background-position: left;} 



#wrapers .button{ width:312px; height:32px; line-height:32px; margin:0 auto; display:block; position:relative; border-radius:0; overflow:hidden; text-align:center;     position: absolute;
    left: 24px;
    bottom: 16px;}



#wrapers .button .but_1{ width:312px; height:32px; line-height:32px; border:none; background:#3068A8; 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:12px; font-weight:400; color:#fff; font-family:"Microsoft YaHei",arial,sans-serif; position:absolute; z-index:3; cursor:pointer; z-index:2; width:312px; height:32px; left:50%; top:50%; margin:-16px 0 0 -156px;}
#wrapers .button #bar{ position:absolute; width:0px; height:50px; background:#005AA5; 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);
  }
}


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