﻿.login .leftCol {
    padding-left:   calc((100vw - 1400px)/2);
    box-sizing: border-box;
    background: #EFEFEF;
}
.login .leftColContent {
    padding-right: clamp(20px, 4vw, 56px);
    padding-bottom:  50px;
}
.login .leftColContent .intro {
    max-width: 560px;
    padding: clamp(20px, 4vw, 56px) 0 clamp(20px, 4vw, 36px);
}
.login .leftColContent h1 {
    font-size: clamp(24px, 4vw, 40px);
    line-height: clamp(28px, 4vw, 38px);
    margin-bottom: clamp(10px, 1vw, 20px);
}
.login .leftColContent form {
    max-width: 380px;
}

.login .leftColContent form .input-wrapper {
    margin-bottom: 30px;
}

/* 登录页：Create an account（Sign In 下方，需填验证码，任意内容即可） */
.login .leftColContent form .login-create-account {
    display: inline-flex;
    margin-top: 24px;
    font-family: inherit;
    font-size: inherit;
}

/* 验证码（点击 Create an account 后显示） */
.login .login-verify-wrap.is-hidden {
    display: none;
}
.login .login-verify-wrap input {
    height: 63px;
    border: 1px solid #D0D0D0;
    padding: 0 18px;
    box-sizing: border-box;
    font-size: 16px;
    background: #fff;
}
.login .login-verify-wrap input.err {
    border-color: #F45656;
}

.login .rightCol {
    padding-right:  calc((100vw - 1400px)/2);
    box-sizing: border-box;
    background: url('images/login_bg.jpg') no-repeat center;
    background-size: cover;
}
.login .rightColContent {
    float: right;
    padding: clamp(40px, 4vw, 100px) 0 clamp(40px, 4vw, 100px) 20px;
}
.login .rightColContent > div {
    background: #000;
    color: #fff;
    max-width: 480px;
    padding: 64px 58px;
    padding:  clamp(35px, 4vw, 64px) clamp(35px, 4vw, 58px);
    box-sizing: border-box;
}

.login .rightColContent h3 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px;
}
.login .rightColContent p {
    margin-bottom: 20px;
    color: #A1A1A1;
}
.login .rightColContent .button {
    margin-top: 20px;
}
@media (max-width: 1440px) {
    .login .leftCol {
        padding-left:   20px;
    }
    .login  .rightCol {
        padding-right:  20px;
    }
}
@media (max-width: 768px) {
    .login .leftCol {
       width: 100%;
       padding-right: 20px;
    }
    .login .leftColContent form {
        max-width: 100%;
    }
    .login  .rightCol {
       width: 100%;
       padding-left: 20px;
    }
    .login .rightColContent {
        padding-left: 0;
        float: none;
    }
    .login .rightColContent > div {
        max-width: 100%;
    }
}
