/** kit_admin-v1.1.0 MIT License By http://kit/zhengjinfan.cn e-mail:zheng_jinfan@126.com */
@import url("/css/font_face.css");
body {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #222;
}

.reveal {
    position: relative;
    display: flex;
    color: #056b9ce0;
    font-size: 3em;
    font-family: 'Microsoft YaHei UI', sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    white-space: pre;
}

    .reveal span {
        opacity: 0;
        transform: scale(0);
        animation: fadeIn 2.4s forwards;
    }

    .reveal::before, .reveal::after {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        width: 2px;
        height: 100%;
        background: #056b9ce0;
        opacity: 0;
        transform: scale(0);
    }

    .reveal::before {
        left: 50%;
        animation: slideLeft 1.5s cubic-bezier(0.7, -0.6, 0.3, 1.5) forwards;
    }

    .reveal::after {
        right: 50%;
        animation: slideRight 1.5s cubic-bezier(0.7, -0.6, 0.3, 1.5) forwards;
    }

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes slideLeft {
    to {
        left: -6%;
        opacity: 1;
        transform: scale(0.9);
    }
}

@keyframes slideRight {
    to {
        right: -6%;
        opacity: 1;
        transform: scale(0.9);
    }
}
.kit-login-bg{background-color:#393D49}
.kit-login-box {
    position: relative;
    width: 390px;
    margin: 12% auto;
    background-color: rgb(6 107 143 / 50%);
    border-radius: 10px;
    color: #f0f8ff;
    box-shadow: 0 0 20px 0 #389bc4;
}
    .kit-login-box header {
        height: 39px;
        padding: 10px;
        border-bottom: 1px solid rgb(153 186 183 / 50%)
    }.kit-login-box header h1{text-align:center;font-size:25px;line-height:40px}.kit-login-box .kit-login-main{padding:30px 50px 0}.kit-login-box .kit-login-main .layui-input:focus{border-color:#fff!important}.kit-login-main .layui-form-item{position:relative}.kit-login-main .layui-form-item .kit-login-icon{position:absolute;color:#ccc;top:10px;left:10px}.kit-login-main .layui-form-item input{padding-left:34px}.kit-login-box footer{height:85px}.kit-login-box footer p{line-height:35px;text-align:center}.kit-pull-left{float:left!important}.kit-pull-right{float:right!important}.kit-clear{clear:both}.kit-login-remember{line-height:38px}.kit-login-remember .layui-form-checkbox[lay-skin=primary] span{color:#fff}.kit-login-remember .layui-form-checked[lay-skin=primary] i{border-color:#fff;background-color:#009688}.kit-login-remember .layui-form-switch{margin-top:0}.kit-login-code-box{position:relative;padding:10px}.kit-login-code-box input{position:absolute;width:100px}.kit-login-code-box img{cursor:pointer;position:absolute;left:115px;height:38px}