::-webkit-scrollbar{
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #FFE500;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(-60deg, #673ab7, #00bcd4);;
    border-radius: 10px 0;
}
a:link{color:#bdcada;}
body,html{height:100%}
body{background-color:#F6F6F6;;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;overflow:hidden;color:#999;background-size:cover;background-position-x:initial;background-position-y:initial;background-attachment:initial;background-origin:initial;background-clip:initial;}
body:after{content:'';background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}
.layui-form-item input,.layui-form-item label{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
.layui-input{height:45px;}
.layui-input:focus{border-color:#2f363c!important}
.layui-login-body{max-width:420px;margin:0 auto;}
.layui-container{width:100%;height:100%;overflow:hidden}
.layui-header{height: auto;border-radius: 10px 10px 0 0;padding:5px 0;background:#2f363c}
.layui-footer{height: auto;border-radius: 0 0 10px 10px;padding:5px 0;background:#2f363c}
.layui-card-body{opacity: 0.9;}
.layui-card-header{font-family:emoji;color:#fff;text-align:center;letter-spacing:2px;padding:14px 0;font-weight:700;font-size:36px;border-bottom:none}
.layui-card-footer{text-align:center;letter-spacing:2px;padding:14px 0;font-size:10px;border-bottom:none}
.layui-card-body{background-color: #e6e6e6;line-height:normal;border:none;border-radius:18px;padding:0;
    /*box-shadow:0 0 8px #eee*/
}
.layui-card-body .layui-form{padding:25px 25px;}
.layui-card-body .layui-form-item{position:relative;margin-bottom:20px; }
.layui-card-body .layui-input-wrap{height:45px;line-height:45px;}
.layui-card-body .layui-form-item .layui-input-prefix i{color: #2f363c !important}
.layui-btn{background-color: #2f363c !important}
.layui-form-checked span, .layui-form-checked:hover span{background-color: #2f363c !important}
.layui-form-checked i, .layui-form-checked:hover i{color: #2f363c}
.layui-form-checked:hover>div, .layui-form-checked>div{background-color:#2f363c}
.layui-form-item .captcha-img{display:inline-block;width:95%;float:right}
.layui-form-item .captcha-img img{border:1px solid #e6e6e6;height:43px;width:100%}
.layui-form-item.copyright{font-size:12px;color:#999;text-align:center}
.layui-form-item.copyright a{color:#999}
/*.layui-form-checked[lay-skin=primary] i{border-color: #e699c6!important;}*/
input::-webkit-input-placeholder{color: #bdcada
}
input:-moz-placeholder{color:#bdcada}
input::-moz-placeholder{color: #bdcada;}
input:-ms-input-placeholder{color:#bdcada}
@media screen and (min-width:4200px){.layui-login-body{max-width:420px;margin-top:180px}
}
@media screen and (max-width:1200px){.layui-login-body{max-width:420px;margin-top:180px}
}
@media screen and (max-width:1024px){.layui-login-body{max-width:420px;margin-top:150px}
}
@media screen and (max-width:992px){.layui-login-body{max-width:360px;margin-top:180px}
}
@media screen and (max-width:768px){.layui-login-body{max-width:360px;margin-top:120px}
}
@media screen and (max-width:400px){.layui-login-body{max-width:300px;margin-top:130px}.layui-card-body .layui-form-item{margin-bottom:15px; }
}
@media screen and (max-width:360px){.layui-login-body{max-width:300px;margin-top:85px}.layui-card-body .layui-form-item{margin-bottom:15px; }
}
@media screen and (max-width:320px){.layui-login-body{max-width:300px;margin-top:50px
}.layui-card-body .layui-form-item{margin-bottom:15px; }
}
/*适应高度*/
@media screen and (min-height: 901px) and (max-height: 1080px) {  .layui-login-body {margin-top: 180px}
}
@media screen and (min-height: 801px) and (max-height: 900px) {  .layui-login-body {margin-top: 150px}
}
@media screen and (min-height:400px) and (max-height: 800px) {  .layui-login-body { margin-top: 50px}
}