html{height:100%;}
body{background:url(../images/loginbg.png) 0% 0% / cover no-repeat;font-size:14px;}
input::-webkit-input-placeholder {color:#a6aebf;}
input::-moz-placeholder {color:#a6aebf;}
input:-moz-placeholder {color:#a6aebf;}
input:-ms-input-placeholder {color:#a6aebf;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset !important;}
.login{position:absolute;top:50%;left:50%;width:400px;border-radius:12px;background-color:#fff;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;}
.login-top {position:relative;height:110px;background-color:#148be4;font-size:x-large;font-weight:400;font-stretch:normal;color:#fff;line-height:117px;text-align:center;overflow:hidden;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
.login-top:before{content:"";display:block;position:absolute;top:43px;left:0;width:74px;height:74px;background:#fff;opacity:.1;border-radius:0 74px 0 0;}
.login-top:after{content:"";display:block;position:absolute;top:-16px;right:-16px;width:94px;height:94px;background:#fff;opacity:.1;border-radius:50%;}
.login-form {margin:0 auto;padding:35px 0 50px;width:288px;}
.login-form .item input {display:inline-block;width:227px;height:34px;padding:0;border:0;outline:0;font-size:16px;}
.login-form .item .icon-1 {background:url(../images/icon-login.png) no-repeat 1px 0;}
.login-form .item .icon-2 {background:url(../images/icon-login.png) no-repeat -54px 0;}
.login-form .item .icon-3 {background:url(../images/icon-login.png) no-repeat -106px 0;}
.login-form .item .icon-4 {background:url(../images/icon-login.png) no-repeat 0 -43px;position:absolute;right:-10px;cursor:pointer;}
.login-form .item .icon-5 {background:url(../images/icon-login.png) no-repeat -55px -43px;}
.login-form .item .icon-6 {background:url(../images/icon-login.png) no-repeat 0 -93px;position:absolute;right:-10px;margin-top:8px;cursor:pointer;}
.login-form .tip .icon-nocheck {display:inline-block;width:10px;height:10px;border-radius:2px;border:solid 1px #9abcda;position:relative;top:2px;margin:1px 8px 1px 1px;cursor:pointer;}
.login-form .tip .icon-check {margin:0 7px 0 0;width:14px;height:14px;border:none;background:url(../images/icon-login.png) no-repeat -111px -48px;}
.login-form .item .icon {display:inline-block;width:33px;height:22px;vertical-align:text-bottom;}
.login-form .item {position:relative;width:288px;height:35px;border-bottom:1px solid #dae1e6;margin-bottom:35px;}
.login-form .tip{position:relative;margin-bottom:15px;height:16px;line-height:1;}
.login-form .tip .login-tip{color:#9abcda;cursor:pointer;}
.login-form .tip .forget-password{position:absolute;right:0;color:#1391ff;text-decoration:none;cursor:help;}
.login-form .login-btn{border-radius:16px;}
.login-form .captcha-box{position:absolute;right:1px;bottom:-1px;border:1px solid #e6e6e6;cursor:pointer;width:160px;height:46px;overflow:hidden;}
.login-form .captcha-box img{display:block;position:absolute;left:-15px;height:46px;}
.footer {position:absolute;right:0;bottom:15px;left:0;color:#fff;text-align:center;text-shadow:#000 0.1em 0.1em 0.1em;}
.footer a,.footer span {color:#fff;}