*{margin:0px;padding:0px;}
body{background:0% 0% / cover no-repeat;position:static;font-size:12px;}
li{list-style:none;}
a{text-decoration: none;}
button{border:0px;}

.icon{background:url(login-icon.png) no-repeat;display:inline-block;width:33px;height:22px;}
.icon-1 {background-position: 1px 0;}
.icon-user {background-position: -54px 0;}
.icon-password {background-position: -106px 0;}
.icon-eye {background-position: 0 -43px;position:absolute;right:-10px;cursor:pointer;}
.icon-5 {background-position: -55px -43px;}
.icon-6 {background-position: 0 -93px;position:absolute;right:-10px;margin-top:8px;cursor:pointer;}

.login{width:428px;top:50%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.login .login-title{height:90px;position:relative;background-color:#148be4;border-radius:12px 12px 0 0;font-family:SourceHanSansCN-Regular;font-size:30px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#fff;line-height:90px;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 .login-title .login-title-bg1{display:inline-block;width:74px;height:74px;background:#fff;opacity:.1;border-radius:0 74px 0 0;position:absolute;left:0;top:43px;}
.login .login-title .login-title-bg2{display:inline-block;width:94px;height:94px;background:#fff;opacity:.1;border-radius:50%;position:absolute;right:-16px;top:-16px;}

.login ul{background:#fff;border-radius:0 0 12px 12px;padding:30px 70px;}
.login ul li{clear:both;position:relative;margin-bottom:25px;}
.login ul li.item{height:35px;border-bottom:1px solid #dae1e6;}
.login ul li.code .li-code{height:35px;border-bottom:1px solid #dae1e6;margin-bottom:35px;position:relative;width:150px;float:left;}
.login ul li input{display:inline-block;width:100%;height:22px;padding:0;position:absolute;border:0;outline:0;font-size:14px;letter-spacing:0;}
.login ul li .captcha{position:absolute;right:1px;cursor:pointer;height:36px;border:1px solid #e6e6e6;}
.login ul li .captcha-btn,.sms-btn{position:absolute;right:1px;cursor:pointer;height:36px;background:#FF455B;color:#FFF;width:115px;border-radius:4px;}
.login ul li .submit{width:100%;height:40px;background-color:#1E9FFF;border-radius:16px;margin:24px auto 0;text-align:center;line-height:40px;color:#fff;font-size:14px;cursor:pointer;border:none;}

.footer {left:0;bottom:-50px;color:#fff;width:100%;position:absolute;text-align:center;line-height:30px;padding-bottom:10px;text-shadow:#000 0.1em 0.1em 0.1em;font-size:14px;}
.footer a{color:#FFF;}

@media screen and (max-width:1000px) {
	.login{top:0px;left:0px;width:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-0%,-0%);-ms-transform:translate(-0%,-0%);-o-transform:translate(-0%,-0%);transform:translate(-0%,-0%);}
	.login .login-title{border-radius:0px}
	.login ul{padding:30px;}
	.login ul li .submit{margin-top:0px;}
}