@charset "UTF-8";

.app-login {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 690px;
    background: #F4F7FA;
}

.app-login-wrap {
    width: 620px;
    padding: var(--app-fs-40);
    border-radius: 10px;
    background: #fff;
}

.app-login-wrap .verify {
    margin: var(--app-fs-20) 0;
    border: 1px solid #dcdfe6;
    border-radius: 4px;    
}

.app-login-wrap .verify-bar-area {
    width: 100% !important;
}

.app-login-wrap .head {
    font-size: var(--app-fs-20);
    margin-bottom: 1.2em;
}

.app-login-wrap .title {
    color: #212121;
}

.app-login-wrap .register {
    font-size: var(--app-fs-16);
    color: var(--app-main-color);
    cursor: pointer;
}

.app-login-wrap .ipt.code {
    margin-top: 1em;
}

.app-login-wrap .ipt.code .el-input--suffix .el-input__inner {
    padding-right: 150px;
}

.app-login-wrap .ipt .el-input__suffix {
    right: 15px;
}

.app-login-wrap .btn {
    display: flex;
    justify-content: center;
}

.app-login-wrap .btn .el-button {
    width: 306px;
    height: 42px;
    margin-top: 1.5em;
    padding: 0;
    border-color: var(--app-main-color);
    font-size: var(--app-fs-24);
    background: var(--app-main-color);
}

.app-login-wrap .el-input__inner {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(216, 216, 216, .3);
}

.app-login-wrap .tips {
    margin-top: 1em;
    font-size: var(--app-fs-16);
    text-align: center;
    color: #848A99;
}

.app-login-title {
    display: none;
    margin-bottom: var(--app-fs-116);
    font-size: var(--app-fs-50);
    color: #fff;
}

@media (max-width: 768px) {
    .app-header,.app-index-ad,.app-footer {display: none;}

    .app-login {
        width: 100%;
        height: 100vh;
        flex-direction: column;
        justify-content: center;
        background: #3670F7;
    }

    .app-login-title {
        display: block;
    }

    .app-login-wrap {
        width: 90%;
        margin: 0 auto;
    }

    .app-login-wrap .register {
        font-size: var(--app-fs-36);
    }

    .app-login-wrap .title {
        font-size: 20px;
    }

    .app-login-wrap .tips {
        margin-top: 100px;
    }

    .app-login-wrap .el-input__inner {
        height: 60px;
        line-height: 60px;
    }

    .app-login-wrap .btn .el-button {
        font-size: var(--app-fs-32);
    }
}