.sms-login {
    .sms-input {
        margin-top: 60px;
    }

    #resend-sms {
        background-color: transparent;
        width: 148PX;
        margin: 0 15PX 0 28PX;
        border: 1PX solid #36a74c;
        padding: 5PX 0;
        border-radius: 20PX;
        font-size: 16PX;
        color: #36a74c;

        &:disabled {
            color: #a2a2a2;
            border-color: #a2a2a2;
        }
    }

    button {
        border: none;
    }
}

.sms-login-check {
    .clear-input {
        right: 175PX;
    }
}

.sms-login-msg {
    font-size: 28px;
    color: #fff;
    margin-bottom: 20px;

    .tel {
        color: #41cbe7;
    }

    &.small {
        font-size: 22px;
        color: #858585;
    }
}

.op-container {
    position: relative;
    width: 100%;
    margin: 20PX 0;
    text-align: center;
    font-size: 16PX;
    display: flex;

    .op-item {
        flex: 1;
        color: #fff;
    }

    .internat {
        text-align: left;
    }

    .forget-pwd {
        text-align: right;
    }
}

.third-party-login {
    text-align: left;

    > span {
        font-size: 16PX;
        color: #858585;
    }

    .tp-link {
        text-align: center;
        padding: 20PX 0;

        > a {
            display: inline-block;
            width: 44PX;
            height: 44PX;
            margin: 0 7PX;
            border-radius: 50%;
            background-color: #333;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .alipay {
            background-image: resolve("passport/alipay.png");
        }

        .weibo {
            background-image: resolve("passport/weibo.png");
        }

        .qq {
            background-image: resolve("passport/qq.png");
        }

        .wechat {
            display: none;
            background-image: resolve("passport/wechat.png");
        }
    }
}

.international {
    display: block;
    width: 200PX;
    padding: 5PX 10PX;
    background-color: #333;
    border: none;
    border-radius: 20PX;
    margin: 0 auto 28px;
    font-size: 16PX;
    color: #d8d8d8;
}

.go-register {
    color: #858585;

    a {
        color: inherit;
    }
}

.login-tip {
    font-size: 14PX;
    position: relative;
    color: #d8d8d8;
    margin: 15PX 0;

    .info-icon {
        display: inline-block;
        height: 12PX;
        width: 12PX;
        background-image: resolve("passport/info.png");
        background-size: 100% 100%;
    }
}

.mask {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.retrive-pwd-ways {
    position: fixed;
    display: none;
    bottom: 5PX;
    left: 10PX;
    right: 10PX;
    font-size: 16PX;

    li {
        background-color: #fff;
        width: 100%;
        height: 40PX;
        line-height: 40PX;
        text-align: center;

        &:nth-child(1) {
            border-top-left-radius: 5PX;
            border-top-right-radius: 5PX;
            border-bottom: 1PX solid #9f9f9f;
        }

        &:nth-child(2) {
            border-bottom-left-radius: 5PX;
            border-bottom-right-radius: 5PX;
        }

        &:last-child {
            margin-top: 10PX;
            border-radius: 5PX;
        }
    }
}