<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*login*/
.login-box {width: 400px;height: 335px; position: absolute; left: 220px; bottom: 30%; z-index: 3;}
.login-box .layui-elip {margin-bottom: 15px;}
.login-box .layui-elip .title {font-size: 34px; font-weight: 700; margin-right: 10px;}
.login-box .layui-elip span.version {font-size: 14px; vertical-align: sub;}
.login-main {padding: 20px 20px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; box-shadow: -16px 16px 16px #fbf5e8;}
.login-main form .layui-input-inline {width: 100%; }
.login-main form .verify-box input {display: inline-block; width: 60%; }
.login-main form .layui-input-inline {margin-bottom: 15px; }
.login-main form .verify-box img {display: inline-block; margin-left: 2%; width: 36%; height: 38px; }

.login-main .layui-form-item label {position: absolute; color: #757575; left: 10px; top: 9px; line-height: 20px; background: #fff; padding: 0 5px; font-size: 14px; cursor: text; }
.login-main .layui-form-item label{transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.login-main .layui-form-item .layui-input-focus label{ top:-10px; font-size:12px; color:#ff6700;}
.login-main .layui-form-item .layui-input-focus input{ border-color:#ff6700 !important;}
.login-main .layui-form-item .layui-input-active label{ top:-10px; font-size:12px;}

.login-main .layui-input-focus .layui-input::-webkit-input-placeholder{color:#757575;}
.login-main .layui-input-focus .layui-input::-moz-placeholder{color:#757575;}
.login-main .layui-input-focus .layui-input:-ms-input-placeholder{color:#757575;}
.login-main .layui-input-focus .layui-input::placeholder{color:#757575;}
.login-main .layui-input-focus .layui-input::-webkit-input-placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
.login-main .layui-input-focus .layui-input::-moz-placeholder{transition: color 0.2s linear 0.2s;}
.login-main .layui-input-focus .layui-input:-ms-input-placeholder{transition: color 0.2s linear 0.2s;}
.login-main .layui-input-focus .layui-input::placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
.login-main .login-btn {
    text-align: center;
    padding-bottom: 5px;
}
.login-main .login-btn button {
    width: 150px;
}

.footer {
    position: absolute;
    left: 154px;
    bottom: 47px;
    color: #ADADAD;
}

.footer .color-y {
    color: #ffce09;
}

.login .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #ffce09;
    /* color: #fff; */
}

.login .layui-form-checked[lay-skin=primary] i {
    border-color: #fff!important;
    background-color: #ffce09;
    color: #000;
}

.login .layui-btn-warm {
    background-color: #ffce09;
}
.login .layui-btn {
    color: #000;
}


@media screen and (max-width: 450px) {
    .layui-form-item .layui-input-inline {
        margin: 0 0 10px 0px;
    }
    .login-main .layui-elip {
        font-size: 20px;
    }
    .login-main {
    	width: 300px;
        padding: 0 10px;
        margin: -150px 0 0 -150px;
    }
}</pre></body></html>