@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@450&display=swap');

body {
    font-family: 'Noto Sans SC', sans-serif !important;
}

@font-face {
    font-family: "ding-manage-name";
    font-display: swap;
    src: url('../fonts/web-manage-name.woff2?v=1.0.0') format('woff2'),
    url('../fonts/web-manage-name.woff?v=1.0.0') format('woff'); /* chrome、firefox */
}

/* 页面背景 */
.login-bg {
    background: linear-gradient(15deg, #dcf0ff, #f4fff9);
    overflow: hidden;
}

/* 标语样式 */
.hero {
    position: absolute;
    top: 29%;
    left: 13%;
}

.hero h2 {
    font-size: 41px;
    font-weight: 600;
    letter-spacing: 3px;
}

.hero h3 {
    margin-top: 30px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #6c6c6c;
    letter-spacing: 2px;
}

/* 修饰图片 */
.hero-ball {
    opacity: 0.4;
    height: 72vh;
    position: absolute;
    top: -5%;
    left: 8%;
}

.hero-wave {
    position: absolute;
    top: 53%;
    width: 100%;
    height: 40vh;
    opacity: 0.4;
    background: url(../images/login-wave.png) no-repeat center;
    background-size: 100% 100%;
}

/* 登录框位置和样式 */
.login {
    border-radius: 20px;
    position: absolute;
    top: 33%;
    right: 13%;
    transform: translateY(-50%);
    z-index: 10;
    box-shadow: 0 2px 34px rgba(172, 172, 172, .1);
}

/* 登录框-头部 */
.login .login-header {
    height: 50px;
    line-height: 50px;
    margin-bottom: 35px;
    font-size: 0;
    text-align: center;
}

/* 登录框-头部-logo图标 */
.login .login-header .system-logo {
    width: 42px;
    vertical-align: middle;
    margin-right: 15px;
}

/* 登录框-头部-系统名称 */
#login-title {
    color: #474747;
    font-size: 30px;
    font-family: 'ding-manage-name';
    vertical-align: middle;
}

/* Tab的样式 */
.layui-tab .layui-tab-title {
    height: 70px;
    border: white;
}

.layui-tab .layui-tab-title .layui-unselect.layui-tab-bar {
    display: none;
}

.layui-tab .layui-tab-title li {
    font-size: 18px;
    line-height: 50px;
    margin: 0 31px;
}

.layui-tab-content .layui-form-item input {
    height: 45px;
}

.layui-tab-content .layui-form-item .layui-input-prefix {
    line-height: 45px;
}

#send_msmcode, #login-btn, #sms-login-btn {
    height: 45px;
}

/* 加载框 */
.loader {
    display: block;
    position: absolute;
    top: 48%;
    left: 48%;
    width: 25px;
    padding: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #25b09b;
    --_m: conic-gradient(#0000 10%, #000),
    linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
}

@keyframes l3 {
    to {
        transform: rotate(1turn)
    }
}

/* 版权声明 */
.login-copyright {
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translateX(-50%);
    word-spacing: 5px;
}

.login-copyright, .login-copyright a, .login-copyright #copyright {
    font-size: 13px;
    color: #adb8bb;
}

.login-copyright a:hover {
    color: #1e9fff;
}