.login-page {
    height: px2rem(1334-88);
    padding:0 px2rem(25);
    background-color: #f7f7f7;
    .input-wrap {
        background-color: transparent;
        margin-top: px2rem(167);
        input {
            display: block;
            width: 100%;
            padding:0 px2rem(30);
            margin-top: px2rem(30);
            font-size: 15px;
            line-height: px2rem(88);
            background-color: #fff;
            outline: 0;
            -webkit-appearance: none;
        }
        button {
            display: block;
            width: 100%;
            margin-top: px2rem(120);
            background-color: $highLightColor;
            color: #fff;
            font-size: $largeFontSize;
            line-height: px2rem(88);
            border-radius: 3px;
        }
    }
    .other-login-wrap {
        background-color: transparent;
        margin-top: px2rem(200);
        p {
            @include webkitbox();
            -webkit-box-pack: justify;
            -webkit-box-align: center;
            color: #999999;
            &:before,
            &:after {
                content: '';
                display: block;
                width: px2rem(270);
                height: 1px;
                background-color: #e9e9e9;
            }
        }
        .other-login-list {
            @include webkitbox();
            -webkit-box-pack: center;
            margin-top: px2rem(70);
        }
        .other-login__item {
            width: px2rem(90);
            height: px2rem(90);
            margin-left: px2rem(100);
            border-radius: 50%;

            &:first-child{
                margin-left: 0;
            }
            a,img{
                display: block;
                width: 100%;
                height: 100%;
            }
        }
    }
}

.baseLogin-page{
    #mlogin-embed{
        iframe{
            width: 100%;
            height: 260px;
        }
    }
}

.mlogin-style{
    background: #eff3f5;
    min-height: 100%;
}