html,body{ background:#fff;}
#header{ width:100%; height:48px; margin:0 auto; background:#fff; position:relative; }
#header .logo a{ width:196px; height:48px; /*background:url(../../images/logo.png) no-repeat;*/background-size: 100% 100%; position:absolute;  top:0; left:0; text-indent:-9999px; display:block;font-size: 18px;
    color: #111;
    background-repeat: no-repeat;
    font-weight: bold;
    line-height: 48px;
    margin-left: 16px;
    letter-spacing: 1px;}
#header .logo a:hover{text-decoration: none;}
#header .version{ position:absolute; right:40px; top:15px; color:#bababa; font-size:12px;}

#wrapers{ width:100%; height:554px; margin:0px auto; background:#fff ;  overflow:hidden; background-size:cover}

#wrapers .wapper{ width:1022px; height:554px; margin:80px 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{
	position: fixed;
    width: 448px;
    height: 416px;
    top: 50%;
    margin-top: -229px;
    left: 57.6%;
    background: #FFFFFF;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    opacity: 1;
    z-index: 10;
    box-sizing: border-box;
    border-radius: 8px;
    transform-origin: center;
} 


#wrapers .wapper .box .title{
	height: 50px;
	font-size: 36px;
	font-family: PingFang SC;
	font-weight: bold;
	line-height: 50px;
	color: #000000 !important;
	letter-spacing: 4px;
	margin: 2px 0 20px 36px;
	opacity: 1;	 
}
.input-label{
	height: 22px;
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 25px;
	color: #707070;
	letter-spacing: 1px;
	opacity: 1;
	margin-left: 36px;
}
/*#wrapers .wapper .box .title{ font-size:20px; color:#000000; 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{
	margin-top: 4px;
	text-align: center;
	display: none;
	
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
line-height: 25px;
color: #FF0000;
}
#wrapers .account{ width:376px; margin:12px auto 16px; 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:332px;padding-left: 44px; height:44px; line-height:44px;   margin:0 auto; font-size:16px; font-weight:400; color:#222; font-family:"Microsoft YaHei",arial,sans-serif;   outline:0; vertical-align:top;  border-radius:2px;  -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s;transition: all .2s linear 0s; }
/*#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_input_bg{
	position: absolute;
    width: 20px;
    height: 20px;
    left: 12px;
    top: 12px;
    background: url(../../images/login-user.png) no-repeat;
    
}
.pwd_input_bg{
	position: absolute;
    width: 20px;
    height: 20px;
    left: 12px;
    top: 12px;
    background: url(../../images/login-pwd.png) no-repeat;
}
#wrapers .code{ width:376px; margin:12px auto 12px; display:block; position:relative;}


#wrapers .code .passwd_1,#wrapers .code .passwd_2{ border:1px solid #dedede; width:332px;padding-left: 44px; height:44px; line-height:44px;   margin:0 auto; font-size:16px; font-weight:400; color:#222; font-family:"Microsoft YaHei",arial,sans-serif;   outline:0; vertical-align:top;  border-radius:2px;  -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s;transition: all .2s linear 0s; }

/*#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)}*/


#wrapers .code .code_on{ width:24px; height:24px; background:url(../../images/pwd-show.png) no-repeat ; display:block; position:absolute; right:10px; top:10px; cursor:pointer;}
#wrapers .code .code_off{ width:24px; height:24px; background:url(../../images/pwd-hide.png) no-repeat ; display:block; position:absolute; right:10px; top:10px; 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 #ffc98d}
#wrapers .validate .valie_input:focus{ border:1px solid #ffc98d; box-shadow:0 0 4px rgba(255,201,141,0.6)}
#wrapers .validate img{ margin:2px 0 0; cursor:pointer;}




#wrapers .state{ width:356px;font-size: 16px; margin-left: 36px; display:block; color:#999999; background:url(../../images/login-check.png) no-repeat;background-position: 2px 0; padding-left:25px; height:22px; cursor:pointer; position:relative;}
#wrapers .state .pass a{ position:absolute; right:20px; 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 4px;} 
#wrapers .state.c_on { background:url(../../images/login-check-on.png) no-repeat; background-position: 0 4px;} 



#wrapers .button{ width:376px; height:48px; line-height:48px; margin:0 auto; display:block; position:relative; overflow:hidden; text-align:center; position: absolute;bottom: 32px;left: 36px;}



#wrapers .button .but_1{ width:376px; height:48px; line-height:48px; border:none; background:#3967FC; cursor:pointer; outline:none; -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:#2A4EC2;}
.but_1:hover {
    background: #2A4EC2 !important;
}


#wrapers .button .name{  
font-size: 24px;
font-family: PingFang SC;
font-weight: 400;
color: #fff;
letter-spacing: 8px;
line-height: 48px; position:absolute; z-index:3; cursor:pointer; z-index:2; width:376px; height:48px; left:50%; top:50%; margin:-24px 0 0 -188px;}
#wrapers .button #bar{ position:absolute; width:0px; height:50px; background:#2A4EC2; border-radius:0px; left:0; top:0; }


#footer{ width:100%;background:rgba(0,0,0,0); margin:0px auto 0;   text-align:center; font-size:12px; color:#FFFFFF;position: fixed;z-index: 7;bottom: 54px;left: 57.6%;width: 490px;text-align: center;}
#footer .copy{ color:#FFFFFF; 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:#ffffff;  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;}
.log-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../../images/login.png);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.logo-box{
	position: absolute;
	left: 19%;
	top: 35.5%;
	background: url(../../images/newlogobig.png);
	/*height: 100px;
	width: 497px;*/
	height: 141px;
	width: 581px;
	z-index: 6;
	transform-origin: left top;
}
.version-new{
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 15px;
	color: #FFFFFF;
	position: absolute;
	right: 24px;
	bottom: 0px;
}
#overlay {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0);
	z-index: 8;
}
.video-box {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
}
#background_video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	height: 100%;
	width: 100%;
	background: #FFFFFF;
}