@charset "UTF-8";
.login{width:400px;height:auto;padding:50px;background:#fff;background: rgba(255, 255, 255, 7);box-shadow: 0 0 15px rgb(0 0 0 / 8%);margin:50px auto;}
.login-bt{width:100%;height:30px;line-height:30px;overflow: hidden;text-align: center;font-size:24px;color:#db384d}
.login-info{width:100%;line-height:20px;margin-top:10px;text-align: center;color:#999}
.login-form{width:100%;margin-top:15px;}
.login-submit{background: #db384d;}
.login .layui-form-item:last-child{margin-bottom:0}
.login-more{text-align: right;color:#999}
.login-foot{position: absolute;left:0;bottom:0;width:100%;padding:15px 0;background:rgba(0, 0, 0, 0.7);overflow: hidden;}
.login-foot-info{width:1200px;height:auto;margin:0 auto;overflow: hidden;color:rgba(255, 255, 255, 0.7)}
.login-foot-info p a{color:rgba(255, 255, 255, 0.7)}
.login-foot-info p a:hover{color:#fff}
.login-foot-info p:last-child a{float: left;}
.login-foot-info p:last-child a:last-child{margin-left:20px}
.login .layui-btn{padding:0;text-align: center;}
.login-code .layui-input{padding-right:10px}
.nowlogin {margin:5px 0;}
@media all and (max-width:860px){
    .login{width:90%;max-width:320px;padding:30px;margin-bottom:0}
}