html {
    font-size: calc(100vw/19.2);
}

body {
    font-size: 16px;
}

[v-cloak] {
    display: none !important;
}

.login_bg {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    padding-top: 1.44rem;
    background: url("../images/login_bg.png") no-repeat;
    background-size: 100% 100%;
}

.login_content {
    width: 10.4rem;
    margin: 0 auto;
    margin-bottom: .5rem;
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
}

.login_content .logo {
    margin-bottom: .55rem;
}

.login_content .logo img {
    width: 6.32rem;
    height: .91rem;
}

.login_flex {
    display: flex;
    height: 4.83rem;
    border-radius: .1rem;
    box-shadow: 0 0 .1rem #cfd7e4;
}

.login_flex .login_left {
    width: 44.5%;
}

.login_flex .login_left img {
    width: 100%;
}

.login_flex .login_right {
    width: 55.5%;
    height: 100%;
    background: #ffffff;
    border-top-right-radius: .1rem;
    border-bottom-right-radius: .1rem;
}

.login_flex .login_right .title {
    padding: .3rem;
    text-align: center;
    margin-bottom: .28rem;
    border-bottom: .01rem solid #d5d5d5;
}

.login_flex .login_right .title img {
    width: 2.25rem;
    height: .24rem;
}

.button_group {
    padding: 0 .74rem;
}

.button_group button {
    font-size: .2rem;
}

.button_group button {
    width: 100%;
    height: .55rem;
    display: flex;
    border: 0;
    margin-bottom: .2rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: .05rem;
    letter-spacing: .01rem;
}

.button_group button a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.button_group .blue_btn {
    color: #ffffff;
    background: #1a3fac;
}

.button_group .blue_btn a {
    color: #ffffff;
}

.button_group .green_btn a {
    color: #666666;
}

.button_group .green_btn {
    color: #666666;
    background: #ffffff;
    border: .01rem solid #d5d5d5;
}

.button_group .green_btn:hover {
    border-color: #1a3fac;
}

.button_group .green_btn:hover a {
    color: #1a3fac;
}

.button_group .blue_btn:hover {
    opacity: .9;
}

.button_group .more {
    margin-bottom: .16rem;
}

.button_group .more a {
    font-size: .18rem;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button_group .more a:hover {
    color: #1a3fac;
}

.footer_content {
    width: 7.7rem;
    margin: 0 auto;
}

.footer_content .footer_text_ul {
    display: flex;
    color: #333333;
    font-size: .16rem;
    justify-content: space-between;
}

.footer_text_ul img {
    width: .25rem;
    height: .27rem;
    margin-right: .08rem;
}

.footer_text_ul p {
    display: flex;
    align-items: center;
}