@import "../iconfont/iconfont.css";
#LAY_app,body{background-color:#f2f2f2;height: 100%;}
.layui-layout-body{overflow:auto}
#LAY-user-login{display: flex;flex-direction: column;}
.layadmin-user-login{position:relative;left:0;top:0;box-sizing:border-box;height: 100vh;padding-top:110px;}
.layadmin-user-login-main{width:375px;margin:0 auto;box-sizing:border-box}
.layadmin-user-login-box{padding:20px}
.layadmin-user-login-header{text-align:center}
.layadmin-user-login-header h2{margin-bottom:10px;font-weight:300;font-size:30px;color:#000}
.layadmin-user-login-header p{font-weight:300;color:#999}
.layadmin-user-login-body .layui-form-item{position:relative}
.layadmin-user-login-icon{position:absolute;left:1px;top:1px;width:auto;line-height:36px;text-align:center;color:#999;padding:0 8px;font-size:14px;}
.layadmin-user-login-icon span{margin-left:3px;}
.layadmin-user-login-body .layui-form-item .layui-input{padding-left:30px}
.layadmin-user-login-codeimg{max-height:38px;width:100%;cursor:pointer;box-sizing:border-box}
.layadmin-user-login-other{position:relative;font-size:0;line-height:38px;padding-top:20px}
.layadmin-user-login-other>*{display:inline-block;vertical-align:middle;margin-right:10px;font-size:14px}
.layadmin-user-login-other i{position:relative;top:2px;font-size:26px}
.layadmin-user-login-other a:hover{opacity:.8}
.layadmin-user-jump-change{float:right}
.layadmin-user-login-footer{position:fixed;left:0;bottom:0;width:100%;font-size:12px;line-height:30px;padding:20px;text-align:center;box-sizing:border-box;color:rgba(0,0,0,.5)}
.layadmin-user-login-footer span{padding:0 5px}
.layadmin-user-login-footer a{padding:0 5px;color:rgba(0,0,0,.5)}
.layadmin-user-login-footer a:hover{color:#000}
.layadmin-user-login-main[bgimg]{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.05)}
.ladmin-user-login-theme{position:fixed;bottom:0;left:0;width:100%;text-align:center}
.ladmin-user-login-theme ul{display:inline-block;padding:5px;background-color:#fff}
.ladmin-user-login-theme ul li{display:inline-block;vertical-align:top;width:64px;height:43px;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;background-color:#f2f2f2}
.ladmin-user-login-theme ul li:hover{opacity:.9}

.layui-icon-login-qq{color:#3492ed}
.layui-icon-login-wechat{color:#4daf29}
.layui-icon-login-weibo{color:#cf1900}
.lcpicon-zhifubao{color:#06b4fd}

.login-page{background-size: cover;background-position: center;background-attachment: fixed;}
.login-page video{position: absolute;width: 100%;height: 100%;object-fit: fill;}
.layadmin-user-login-main{position:relative;flex:1}
.layadmin-user-login-form{position: relative;}
.layadmin-user-login-form::before{backdrop-filter:blur(20px);content:'';position:absolute;width:100%;height:100%;left:0;top:0;box-shadow:0 25px 50px #00000030;background: hsla(0,0%,100%,.3);}
.layadmin-user-login-header{backdrop-filter:blur(0)}
.layadmin-user-login-header p{color:#666}
.login-page label.layui-icon:before{color:#999}
.login-page .layui-input{background-color:#ffffff30}
.login-page .layui-btn-primary{background-color:#ffffff70}
.login-page .layui-form-checkbox[lay-skin=primary]:not(.layui-form-checked) i,.layui-form-checkbox[lay-skin=primary]:not(.layui-form-checked):hover i{background-color:#ffffff20;color:#ffffff00}
.login-page .layui-input::-webkit-input-placeholder{color:#999}
.login-page .layui-input::-moz-input-placeholder{color:#999}
.login-page .layui-input::-ms-input-placeholder{color:#999}
.get-invite-code{position:absolute;right:10px;top:8px;}

.layadmin-user-login-icon.right{left:unset;right: 0;cursor: pointer;background-color: #ffffff50;}
.layadmin-user-login-icon.right:hover{background-color: #ffffff80;}

.layui-btn-disabled,.layui-btn-disabled:hover{opacity:.6;}

/*弹窗来的框不要超过屏幕宽度*/
.layui-layer{max-width:100%;}

@media screen and (max-width:600px){
    .layadmin-user-login{padding-top:60px}
    .layadmin-user-login-main{width:300px}
    .layadmin-user-login-box{padding:10px}
    .layadmin-user-login-form::before{display: none;}
    .layadmin-user-login-header{background-color:#fff;}
    .layadmin-user-login{padding: 15px;}
    body{background: #fff!important;}
    .layadmin-user-login-main{width:100%;}
    .layadmin-user-login-main::before {box-shadow: none!important;}
    .layadmin-user-login-footer {position: relative;}
    .login-pop .layadmin-user-login-footer{padding:0}
    .login-pop .layadmin-user-login{padding:0}
}