.page {
    min-height: 100%;
    background: linear-gradient(164deg, #f0f4fb 0%, #dfe6f3 100%);
    .header {
        height: 60px;
        line-height: 60px;
        background: #fefefe;
        .header__wrapper {
            .media_m({ padding: 0 15px; },md);
            height: 100%;
            img {
                vertical-align: middle;
            }
        }
    }
    .content {
        margin-top: 93px;
        .media_m({ padding: 0 15px; },md);
        .left-panel {
            margin-right: 17px;
            .site-title {
                font-size: 36px;
                font-weight: 500;
                color: #2e2e2f;
            }
            .site-desc {
                margin-top: 5px;
                font-size: 18px;
                font-weight: 500;
                color: #9e9e9e;
            }
            .site-picture {
                margin-top: 70px;
                position: relative;
                .site-picture-bg {
                    position: absolute;
                    left: -229px;
                    top: -150px;
                }
            }
        }

        .login-panel {
            background: #ffffff;
            box-shadow: 0px 6px 4px 0px #e5eaef;
            border-radius: 6px;
            padding: 80px 48px 136px;
            overflow: hidden;
            transition: all 0.5s ease;
            .login-text {
                // margin-left: 8px;
                font-size: 18px;
                font-weight: 500;
                color: #0d0d0e;
                margin-bottom: 20px;
            }
            .button {
                cursor: pointer;
                height: 45px;
                text-align: center;
                font-size: 14px;
                font-weight: 400;
                color: #ffffff;
                display: block;
                width: 100%;
                outline: 0;
                border: 0;
                background: linear-gradient(180deg, #32c14d 0%, #3abe81 100%);
            }
            .forget-pwd {
                display: block;
                text-align: right;
                font-size: 14px;
                font-weight: 400;
                color: #3bad4e;
            }
        }
        .copyright {
            font-size: 11px;
            font-weight: 500;
            color: #6d6d6d;
            padding-top: 89px;
            .media_m({ padding-top: 25px; },md);
            text-align: center;
            position: relative;
        }
    }
}