input::-webkit-input-placeholder{color:#999999;}
.register_title { border-radius:3px 3px 0 0; border:1px solid #dfdfdf; background-color:#dfdfdf; color:#ffffff; font-size:20px; height:45px; line-height:45px; text-shadow:0 0 1px #eeeeee;}
.register_label{display:inline-block;width: 80px;text-align: right;font-size:14px;color:rgba(51,51,51,1);line-height:24px;}
.register_blue{ color: #0081E2;}
.register_p{font-size:14px;color:#999999;;text-shadow: 0 0 1px #cccccc;width: 403px;line-height:24px;}
.register_check{ padding-left:25px;  cursor:pointer; background:url("../img/register/check.png") no-repeat 0 0; height:17px; line-height:17px; display:inline-block;}
.register_click{ background-position:0 -17px;}
.register_sent{ position: relative; height:28px; text-align: right;}
.register_sent a{ position: absolute; right:3px; top:28px;}
li.register_active, .register_active a{background-color:white; border-bottom:1px solid white;cursor:default;}
.register_orPhone, .register_orEmail {width:222px; height:100%; cursor:pointer; float:left; text-align:center;}
.register_orPhone a, .register_orEmail a{text-decoration:none; color:black;}
.sso_block_regist{width: 400px;border: none;box-shadow: none;margin: 0 auto}
#registerButton {
    width: 440px;
    height: 40px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    border: none;
}
#register{
    /*background: #FFFFFF;*/
    /*height: 542px;*/
    /*position: relative;*/
    /*top:-97px;*/
}
#getVerifyCode,#getEmailVerifyCode{
    margin-left: 24px;
    width: 120px;
    height: 40px;
    border-radius: 2px;
    background: #FFFFFF;
    /*border: 1px solid rgba(0,0,0,0.15);*/
    /*color: rgba(0,0,0,0.45);*/
    font-size: 14px;
    line-height: 21px;
}
.title{
    position: relative;
    bottom:160px;
    font-size:22px;
    color:rgba(51,51,51,1);
    text-align: center;
}
.sso_tip_block {
    margin-top: 8px;
    font-size: 12px;
    color: #DB4C48;
}
.register_box_tip{
    height: 17px;
}

.container {
    /*max-height: 1080px;*/
    min-height: 100vh;
    display: flex;
}
.container-right {
    flex: 3;
    background-image: url("../img/common/register.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.container-left {
    flex: 5;
}
.container-left {
    padding: 20px 0 42px 0;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.container-content {
    margin: 0 auto;
}
.content-title {
    font-size: 24px;
    color: rgba(0,0,0,0.85);
    line-height: 36px;
    text-align: center;
}
.sso_block input[type="text"],
.sso_block input[type="password"] {
    box-sizing: border-box;
    width: 440px;
    height: 40px;
    padding-left: 16px;
    font-size: 16px;
    border-radius:2px;
}
.sso_block .sso_button_blue {
    border: 1px solid #0081E2;
    color: #0081E2;
    cursor: pointer;
}
.sso_block .sso_button_blue:hover:not(.sso_button_grey) {
    border: 1px solid rgba(0,129,226,0.85);
    color: rgba(0,129,226,0.85);
}
.sso_block .sso_button_grey {
    border: 1px solid rgba(0,0,0,0.15);
    color: rgba(0,0,0,0.45);
    cursor: not-allowed;
}
.form-block {
    width: 440px;
}
.form-block input {
    border: 1px solid rgba(0,0,0,0.15);
}
#phoneNumber {
    width: 440px;
}
#email {
    width: 440px;
}
#telArea {
    width: 440px;
}
.register-button {
    background: #0D99F9;
    color: #FFFFFF;
    padding-left: 0;
    cursor: pointer;
}
.register-button:hover:not(.register-button_disable) {
    background: rgba(13,153,249,0.85);
}
.register-button_disable {
    background: rgba(0,129,226,0.35);
    cursor: not-allowed;
}
.register-block {
    position: relative;
}
.register-block_loading .register-button {
    cursor: not-allowed;
    padding-left: 16px;
}
.register-block_loading .anticon-loading {
    display: block;
}
.anticon-loading {
    display: none;
    position: absolute;
    top: 2px;
    left: 180px;
    color: #FFFFFF;
}
.anticon-spin {
    animation: loadingCircle 1s linear infinite;
}
@keyframes loadingCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.nickname-tip-icon,
.password-icon,
.password-tip-icon,
.confirmpassword-icon,
.confirmpassword-tip-icon {
    position: absolute;
    right: 12px;
    top: 11px;
    font-size: 18px;
    color: rgba(0,0,0,0.45);
    cursor: pointer;
}
.password-icon,
.confirmpassword-icon {
    right: 42px;
}
.password-icon:hover,
.confirmpassword-icon:hover {
    color: #0081E2;
}
.sso-icon-password-visible {
    color: #0081E2;
}
.sso-icon-password-visible:hover {
    color: rgba(0,129,226,0.85);
}
.nickname-tip-icon-tooltip,
.password-tip-icon-tooltip,
.confirmpassword-tip-icon-tooltip {
    bottom: 32px;
    left: -72px;
}
.block-nickname-error,
.block-password-error,
.block-phone-error {
    font-size: 12px;
    font-weight: 400;
    color: #DB4C48;
    line-height: 18px;
}
.password-strength-item {
    width: 60px;
    height: 4px;
    border-radius: 3px;
}
.password-low {
    background: #ffa24f;
    margin-right: 4px;
}
.password-mid {
    background: #54b9ff;
    margin-right: 4px;
}
.password-high {
    background: #40d6cc;
}
.password-gray {
    background: rgba(0,0,0,.15);
}
#password-strength-tip {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0,0.45);
    line-height: 18px;
}
@media only screen and (max-width: 1400px){
    .container-right {
        display: none;
    }
}
/* WebKit browsers 适配谷歌 */
input::-webkit-input-placeholder {
    font-weight: 400;
    color: rgba(0,0,0,0.45);
}
/* Mozilla Firefox 19+ 适配火狐 */
input::-moz-placeholder {
    font-weight: 400;
    color: rgba(0,0,0,0.45);
}
/* Internet Explorer 10+  适配ie */
input:-ms-input-placeholder {
    font-weight: 400;
    color: rgba(0,0,0,0.45);
}