.login-body {
    position: relative;
    background-color: #F0FBFF;
    width: 100%;
    height: 100vh;
    padding: 50px 0;
    min-height: 730px;
    .left-logo {
        position: absolute;
        left: 30px;
        top: 30px;
        user-select: none;
        img {
            height: 50px;
        }
    }
    .left-pic-container {
        position: absolute;
        width: 750px;
        left: 10%;
        top: 50%;
        height: 630px;
        margin-top: -315px;

    }
    .right-container {
        right: 18.667%;
        position: absolute;
        background: #ffffff;
        border-radius: 16px;
        transform: translateY(-50%);
        padding: 50px;
        width: 92%;
        top: 54%;
        max-width: 470px;
        margin: 0 auto;
        box-shadow: 0 21.2px 31.8px 0 rgba(26,26,26,0.12);
        .right-app-title {
            position: absolute;
            top: -80px;
            left: 18px;
            font-size: 43px;
            font-weight: 400;
            color: $green;
        }
        .sign-list {
            position: relative;
            h1 {
                font-size: 40px;
                line-height: 48px;
                margin-bottom: 32px;
            }
            .title-tab {
                overflow: hidden;
                padding-bottom: 16px;
                div {
                    float: left;
                    line-height: 32px;
                    font-size: 20px;
                    color: #8C8889;
                    transition: 0.3s;
                    position: relative;
                    padding-top: 16px;
                    margin-left: 32px;
                    user-select: none;
                    &::before {
                        content: '';
                        width: 0;
                        height: 2px;
                        position: absolute;
                        left: 50%;
                        transform: translateX(-50%);
                        bottom: 0;
                        background: #1ECC95;
                        border-radius: 3px;
                        transition: 0.3s;
                    }
                    &:first-child {
                        margin-left: 0;
                    }
                    &:not(.active) {
                        cursor: pointer;
                    }
                    &.active {
                        color: #353030;
                        font-weight: bold;
                        &::before {
                            width: 100%;
                        }
                    }
                }
            }
            .form-box {
                position: relative;
                .el-input--large {
                    --el-input-height: 48px;
                    --el-input-border-radius: 8px;
                    font-size: 16px;
                    .el-input__wrapper {
                        padding: 1px 16px;
                    }
                }
                .clickable-text {
                    color: #686565;
                    cursor: pointer;
                    transition: 0.2s;
                    font-size: 14px;
                    &:hover {
                        color: #1ECC95
                    }
                }
                .el-button--large {
                    --el-button-size: 48px;
                    height: 48px;
                    padding: 12px 19px;
                    font-size: 16px;
                    border: 0;
                    border-radius: 6px;
                    background: linear-gradient(90deg,#1fd4af, #1ecc95 100%);
                }
            }
        }
    }
}
