.login-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    overflow: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../../../static/images/login-bg.jpg);
    .login-body {
        width: 450px;
        margin: 0 auto;
        background: #fff;
        box-shadow: 0 0 15px 3px rgba(199,199,199,0.27);
        .login-header {
            height: 160px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-image: url(../../../../static/images/login-header.png);
            background-repeat: no-repeat;
            background-position: center;
        }
        .login-text {
            display: table;
            width: 100%;
            text-align: center;
            font-size: 20px;
            color: #293648;
            padding: 0 36px;
            margin: 26px 0 36px 0;
            &:before, &:after {
                content: "";
                position: relative;
                width: 36%;
                border-top: 1px solid #e8e8e8;
                display: table-cell;
                transform: translateY(50%);
            }
        }
        .login-content {
            padding: 0 36px 24px;
            .antd-pro-login-login .ant-form-item {
                margin: 0 2px 23px;
            }
            .ant-form-item-control {
                line-height: 32px;
            }
            input {
                height: 32px;
                background: #F1F3F8;
            }
            .ant-form-explain {
                position: absolute;
            }
            .antd-pro-login-submit {
                height: 32px;
            }
        }
    }
}