body .wrapper {
    background: unset;
}

body .container {
    padding: 4vh 0;
}

body .container > h1 {
    background-repeat: no-repeat;
    background-position: center;
    height: 194px;
}

body .container > .layui-form::before {
    content: '';
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABWZJREFUWEe1l3tQVHUUx7/nLj4WnUYZKx9Z1sgumuJUaibpxB821WimM1mNj0bHyoRdkIuSZiNOk5PorsJddIwMhGpEDB/kOGKFj0CasQY1lHuBAHlKKD54LMvee5pdWMcX7LLa+Wt/e37nez6/19mzhD7aWFPC60S6UNL4JYDCusI5nwX6k1k9Xyatye2LJPVlssFk2QvgPS8xmYokvu+rrk8AIZHWiRrx+W7R1ieGDfs2bMqLb4wePvxJgOxVtbWVlbW19qLikqkEDnTNE5hCS2wxF7yB+ARgNFmqGHgaQAUJujfXrvw4BcCMe8WbrjU37c7McqiqOpKAy7IkPvPQAEaTJY6BrwEUK5I4Ia2kdT2IvuxNePPOXYqqagYCPpMlcXNvc3vdgXHR20aoqlYHoF0DT94gis1qR7tr3KvVNzYWpO776QUAep1OGHlp+6r6ngJ6BQiOsswmDTlg3qvYYj/Yo9hnM2s53gBc/m9+2FvY1Nw8jQXMKU0Uf/YLwBC5JR4kbABrGxXb6vjUS63xJNAGXwAOHsstuFhaPh2MeMUmbvQLwGiyHmbwHM8q0pS2w2DM8QXgXEnJ2SO/5E0mUI4sxbztF4DBZJEARBJry2Xb6t1pcpt77AvAycIzeflni8IB2BRJNPkHYN66GEzpHpFUuWUxQXCNvVr6/uy8moYr4SBeoiTFZvgFYIzaHsqaeg6g820BmPbVJxHBTK5x7+ZUVce2lNSqTmdnMAm6SXJitKeI3RfotRAZzNZCML8MwF1i05T2k2Ce2RtCWlb2pborV8aB6A8lKWaa33XAFWiIsM6DwNmuzwxh1tqI5ZpAul97Ei1Wys4cyj3+ituv0XwlOebAQwG4IUyWPQCWuIUI69atXDEIRJ/fK5x15MiB0orL87q/T1ck8UNvx+X1CDwCRrN1KTN/1w3RFKjXXw16bMg1ZlavXr82pMPROZKZg9yMRMvkpJhUb8m71uOjBUdtnUUqhRNhITNGgaC7K5ShglBJQJKKftllkrnGF2mfAQwmSwWAMR5RvX6g4nSqQarmHKCprAcQcE9CGwlOm5wYJ/t9B4JNlt0ELCPS3mEWFhJDCBo69MSi+XNDBwXqP7pD2F5dX18ql5e3Xa5r0Br+bRoD5hFgvkEkSLIU80Wf64Ax0vIuE/YB1ELMy2SbmJUqty8m8HrXvextVTdbWkqPnzpdqVRUTWTm4QCyFElc8KCYBx6BwWyd5xAor7/TGS0IQm5JkljQlx8iT6Jbra31e7L219xsaZvSE8R9AAazpRyM5zTWwstsq0+4xPxJ7oGw2zuuJ2dk1HR0dE4AcN/TvAvAaLauYOadAE4rkuiudg+T3APR2HT1n9Ss/f1UVRvNQFSpJCZ5fLcBQsyW6Roj3+1gfkuxxR5NLbO/Qap21Jfn5G1O4V9FBb8VnJnu6q6IhVmybZU7120Ag2lrJkALwJAUm2h2OdPktkwAD7w83hI+yJ+RffBUdV39zDt7BDfAWFPS4wI668CoDNDUGRd3rGlIK2kLA+F3fxL1FGO3O27Y0tMbHI5OI7HwqmsX3ACGSOtKECcTc5xsi03oWn17CsDLHyWAS+vQseP5xaVlYUxIKE0S49wAwSZrHoFfIwFz5UTxsBtAaS8G8/hHDVBZXXPxx0M54wGWFSk2pHsHLDUgjCJBFyInRsvJxY2DBwUMvvWok3fp0Y1NyTv0YPQfOEAbTE+tsuoDndwGsEORYge4pmTIjkkqnEX/DwCwybazGsBoQSc8S8ZPt4RygOBqsy4okhjqfvt96P38gUzYlfK3s9M5AQJPpZAIi0ET8H33X6+l/gj2NcZgsrh6hecFDYv+A1cwfVq32R45AAAAAElFTkSuQmCC) no-repeat;
    left: 180px;
    top: 26px;
    background-size: 90%;
}

body .container > .layui-form::after {
    content: '';
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAoxJREFUWEftlj9o1GAYxp/3K+fioFhBBye9S8U/WBAFcamjim4OOjio1NbmCiapTsWKk14SoZfaWtTBQYduijq2iwiKoPgHmzudHBSs6ODi0e+VXL1rzsbLl/sDCr0tyfM87y/fvV++l5Dwl86ObhBc2stAmoDtgZ2BVwQUJaUeF/ODH5NEUhKxptsuII4D3BntozlA3vY9y1DNVQbQdIdVQwOd75lK2UqijG73EWg8BDAlBF9OlUofgnulVGqjlHQewJGKhsH9Bc+aiIOOBdCyzg4wXiwGyYu+NzQSFazpuRFAXKg+I3T7efNlPYhYgEzWHSLmK+VmY9wqjJkn6wVmBpybRDhR1hOdK+SNXFMAXVn3HjMfWgjkY4W8dbcuQNY+Skx3Ag0R3Z/NG4ebAtB05xuAVUFIKkWdb64aX+sFbj3rrimVeO635rvvmaubBah2v2pnh3dMnCe2B5KEVd40iScSQOu118oVvC0IFBDTlWAJuS9uW/3NI37Sa3/S+vKnfwmAprvXAe5VKZRcQ5O+Z5wO+2oAluzj5BUUHLXfkVqAAecBCAcUUhqXMB76Y+bBSkANQEZ3pwnc03h6vJNBMwXPqPbSMsB/vQJTBEyVz4iFY7h6FNfrhBb1wNIjWXULtwLgs++Z66PeUtOdTwDWtXcFGM/8MXN3JMCA8xSEXe0FAH7MS+p+f80ohgttOuOmOwQHk9PKdgMEo8YjIeTwu1HreVBs86C9U0pxCeD9cZ+iVvTAYg3m2fIFUVdc4crz1gKoVg3plgH+9RWwxwnU18Bfq2xh8ETBs/oj54G0nusJz4DKqQmEwVxZ9IZmIgGCm+msvaWDxQ0G70mQGysl0JN5kqeKeettWPwL9yg8MEKbqG0AAAAASUVORK5CYII=) no-repeat;
    top: 78px;
    left: 180px;
    background-size: 90%;
}

body .container > .layui-form input {
    border-radius: unset;
    border: 0 none;
    border-bottom: 1px solid #246d8d;
    text-align: left;
    padding-left: 45px;
    color: #191919;
}

body .container > .layui-form input[value='Login'] {
    background-color: #246d8d;
    border-radius: 4px;
    color: #fff;
    border: 0 none;
    text-align: center;
    padding-left: 0;
    margin-bottom: 30px;
    margin-top: 20px;
    cursor: pointer;
}

body .container > .layui-form input::placeholder {
    color: #ccc;
    /* padding-left: 20px; */
}

body .container > .layui-form input:focus {
    width: 250px;
    background-color: transparent;
}

body .container > .layui-form span:last-child {
    color: #999 !important;
}

body .container > h1 img {
    display: none;
}

body .container > .layui-form {
    border-radius: 4px;
    box-shadow: unset;
    background: transparent;
    margin-top: 0;
}

body.login-bg {
    background-image: url("/static/images/bj.png?v=20260512");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-color: #9ADCFE;
}

body.login-bg .layui-tab.layui-tab-card {
    border-style: none;
    height: 150%;
    background: rgba(0,0,0,.3);
    padding: 20px;
    border-radius: 6px;
}

body.login-bg .layui-tab-card > .layui-tab-title .layui-this {
    background: rgba(0,0,0, 0.3);
    border-radius: 4px;
    color: #97d2ff;
}

body.login-bg .layui-tab-card > .layui-tab-title .layui-this::after {
    border: 0 none;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 10%);
}

body.home--load::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    background-repeat: no-repeat;
    z-index: 999;
    animation: homebg 2s 1 linear forwards;
}

body.home--load::before {
    content: '';
    display: block;
    position: absolute;
    height: 100px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -50px;

    background-image: repeating-radial-gradient(ellipse farthest-corner at right top, rgba(0,255,0,0) 0%, rgba(255,255,255,1) 100%);
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat;
    background-color: rgba(0,0,0,0);
    animation: homebgbefore 2s 1 linear forwards;
    z-index: 1000;
}

@keyframes homebg {
    0% {
        background-position-x: 2000px;
        background-position-y: center;
        opacity: 1;
        z-index: 999;
    }
    30% {
        background-position: center;
        opacity: 1;
        z-index: 999;
    }
    80% {
        background-position: center;
        opacity: 1;
        z-index: 999;
    }
    99% {
        background-position: center;
        opacity: 0;
        z-index: 999;
    }
    100% {
        z-index: -999;
        opacity: 0;
    }
}

@keyframes homebgbefore {
    0% {
        opacity: 0;
        z-index: 1000;
    }
    50% {
        opacity: 0.4;
        z-index: 1000;
    }
    90% {
        opacity: 0.4;
        z-index: 1000;
    }
    99% {
        opacity: 0;
        z-index: 1000;
    }
    100% {
        z-index: -999;
    }
}