*{outline:none;}
div{border:none}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;overflow: hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html, body{ height:100%; font-family:"Noto Sans CJK SC", "Source Han Sans CN";}
h1,h2,h3,h4,h5,h6 {font-weight:normal; display:block;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#343434;}
a:hover{ text-decoration:none; color:#000;}
img{ border:none;}
i,em{ font-style:normal;}
.l{ float:left;}
.r{ float:right;}
/* ======  clearfix  ====== */
.clear { clear:both; visibility:hidden; display:block; font-size:0; line-height:0; }

html {font-size: 100px;}
.login-bg{background:#f2f3f5 url(../img/loginbg.png) bottom right no-repeat; overflow: hidden; position:relative; width:100%; height:100%; background-size:15.00rem 9.36rem; }

img { vertical-align: middle; }

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#999;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#999;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#999;}

.w910{max-width: 9.10rem;}
.login{ width: 100%; height:5.96rem;  padding:5% 5% 0 3.40rem; background-color: rgba(255, 255, 255, 1); margin:auto !important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 0.10rem;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
-moz-box-shadow:0px 0px 20px #b2bbc9; -webkit-box-shadow:0px 0px 20px #b2bbc9; box-shadow:0px 0px 20px #b2bbc9;
}

.img_left{ width: 3.20rem; height: 5.96rem; position: absolute; left: 0; top: 0;}
.img_left img{width: 3.20rem; height: 5.96rem;} 


.login h2 { width:100%; height: 0.78rem; line-height: 0.78rem; display:block; font-size: 0.18rem; color: #333; font-family:"微软雅黑"; margin-bottom: 0.40rem;}
.login h2 strong{font-family:"微软雅黑"; font-size: 0.36rem; color: #27509a; padding-right: 0.25rem;}
.login h3 { width:100%; line-height: 0.30rem; display:block; font-size: 0.18rem; color: #333; font-family:"微软雅黑"; margin-bottom: 0.40rem;}

.login .group {text-align:left; width:100%; margin:0px auto; float:left; padding:0 0 0.29rem 0;}
.login .group input {display: block; width:100%; height:0.56rem;/* line-height: 0.55rem; */border:none; padding: 0px 0.150rem; border: 1px solid #e5e5e5; font-size: 0.18rem; font-family:"Noto Sans CJK SC", "Source Han Sans CN";
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
border-radius: 0.02rem;
}
.login .group input:focus{border: 1px solid #e5e5e5;}

.login .group .yzm{ width: 66%; max-width:3.5rem; float:left;}
.login .group .yzm-img{ float:right; padding:0px; cursor:pointer; width: 1.52rem; height: 0.56rem;cursor: pointer; border: 1px solid #e5e5e5;border-radius: 0.02rem;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

.login .login_button{width:100%; float:left; margin:0 0 0 0;} 
.login .login_button a{background-color:#fbe400; width:100%; display: block; height:0.56rem; line-height: 0.56rem; color: #022350; font-size: 0.18rem; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:0.05rem; font-family:"Noto Sans CJK SC", "Source Han Sans CN"; font-size: 0.16rem; font-weight: normal; text-align: center;} 
.login .login_button a:hover{background-color:#fbe400; color: #022350}

.login .zc{width:100%; float:left; margin:0.20rem 0 0 0; font-size:0.16rem; color:#333;} 
.login .zc .checkbox{ float: left; color: #999; margin: 0.15rem 0 0 0 !important;}
.login .zc .register-txt{ float: right; margin:0.15rem 0 0 0;}
.login .zc .register-txt a{color:#27509a; padding-left:0.20rem;} 
.login .zc .register-txt a:hover{color:#27509a;} 
.login .zc .return{ width: 100%; margin:0.15rem 0 0 0; text-align: center;}
 
input[type='checkbox']{ width: 0.16rem; height: 0.16rem; background: url("../img/xz.png")no-repeat center; background-size: 100%; -webkit-appearance:none; outline: none; float: left; margin-top: 0.01rem;}
.checkbox input[type=checkbox]:checked{background: url("../img/xz2.png")no-repeat center; background-size: 100%;}
.checkbox label{ float: left; padding:0 0 0 0.10rem;}
@media only screen and (min-width: 100px) and (max-width: 910px) {
	.w910{ max-width: 9.10rem; padding:0.40rem 0.50rem 0 3.70rem;}
}
@media only screen and (min-width: 910px) and (max-width: 2000px) {
	.w910{ max-width: 9.10rem; padding:0.40rem 0.50rem 0 3.70rem;}
}