.sign-layout {
    display        : flex;
    justify-content: center;
    align-items    : center;
    height         : 100%;
    background     : url("~@pc/assets/images/loginBackground.jpg") no-repeat center center;
    background-size: cover;

    &__wrapper {
        display         : flex;
        width           : 690px;
        height          : 450px;
        border-radius   : 5px;
        background-color: #fff;
        box-shadow      : 0 5px 10px 0 rgba(18, 22, 24, .18);
        overflow        : hidden;
    }

    .logo {
        width          : 275px;
        text-align     : center;
        background     : url("~@pc/assets/images/logoBackground.jpg") no-repeat center center;
        background-size: cover;

        &-image {
            margin-top: 75px;
        }
    }

    .login {
        flex           : 1;
        display        : flex;
        flex-direction : column;
        justify-content: center;
        padding        : 0 55px;

        &-title {
            font-size    : 26px;
            margin-bottom: 20px;
        }

        &-container {
            .el-button.submit {
                width : 100%;
                height: 40px;
            }
        }
    }
}