/*
    用户登录注册
*/
.txt-red{color: #e03024;}
.none{display: none;}


#pop_login{
    width: 400px;
    height: 450px;
    background-color: #fff;
    position: fixed;
    margin: auto;
    left: 0;
    top:0;
    right: 0;
    bottom:0;
    box-shadow: 0 0 5px #aaa;
    border-radius: 4px;
    display: none;
    z-index: 999;
    padding: 14px 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: PingFangSC-Regular, MicrosoftYaHei,Arial, Helvetica, sans-serif;
}
#pop_login .header, #register.container .area-login .header, #login.container .area-login .header{
    padding: 20px 54px;
    display: flex;
    display: -webkit-flex; /* Safari */
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#pop_login .header .login-section-title,#register.container .area-login .header,#login.container .area-login .header {
    font-size:15px;
    color:rgba(51,51,51,1);
    line-height:20px;
    font-weight: normal;
}
#pop_login .header .login-section-title:hover, .container .area-login .header .login-section-title:hover {
    cursor: pointer;
}

#pop_login .header .login-section-title.active, .container .area-login .header .login-section-title.active{
    font-weight: bold;
    cursor: default;
}

#pop_login .header .section-active-sign, .container .area-login .header .section-active-sign{
    width:30px;
    height:2px;
    position: absolute;
    top: 45px;
    left: 83px;
    background:rgba(240,72,72,1);
}

#register.container .area-login .header .login-section-title + .section-active-sign {top: 42px;left: 118px;}
#login.container .area-login .header .login-section-title + .section-active-sign {top: 42px;left: 39px;}

#pop_login .section-wrapper {
    margin-top: 16px;
}

#register.container .area-login .section-wrapper,
#login.container .area-login .section-wrapper{
    margin-top: 30px;
}

.section-wrapper .login-errors{
    height:16px;
    font-size:12px;
    color:rgba(240,72,72,1);
    line-height:16px;
    margin-bottom: 4px;
    padding: 0 24px;
    overflow: hidden;
    display: none;
}

#register .section-wrapper .login-errors{
    position: absolute;
    top: 51px;
    left: 65px;
}
#login .section-wrapper .login-errors{
    padding: 0;
}

.section-wrapper .login-errors span {
    padding: 0 18px;
    background: url("/template/metro/images/login/icon_danger@2x.png") no-repeat 0 1px;
    background-size: 12px 12px;
}

#pop_login .section-wrapper .form-section {
    padding: 0 24px;
}

.section-wrapper .form-section#section-account{
    display: none;
}

.section-wrapper .form-section .input-item,.section-wrapper .form-section .setting-item {
    position: relative;
}

.section-wrapper .form-section .input-item input{
    width:320px;
    height:44px;
    font-size:12px;
    color:rgba(51,51,51,1) !important;
    line-height:16px;
    border-radius:4px;
    border:1px solid rgba(207,215,220,1);
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#register.container .section-wrapper .form-section .input-item input {
    width: 360px;
}

#login.container .section-wrapper .form-section .input-item input {
    width: 400px;
}

#login.container .section-wrapper .form-section .input-item.remembered input {
    background: #ffffff;
}

.section-wrapper .form-section .input-item.remember{
    font-size:12px;
    color:rgba(153,153,153,1);
    line-height:16px;
    margin-top: 9px;
}

.section-wrapper .form-section .input-item.remember label[for=remember-me] {
    padding-left: 17px;
    background: url(/template/metro/images/login/unremember_me@2x.png) no-repeat 0 1px;
    background-size: 12px 12px;
    cursor: pointer;
}

.section-wrapper .form-section .input-item.remember.remembered label[for=remember-me] {
    background: url(/template/metro/images/login/remember_me@2x.png) no-repeat 0 1px;
    background-size: 12px 12px;
}

.section-wrapper .form-section .input-item.remember .forgot{
    color:rgba(153,153,153,1);
    float: right;
}

.section-wrapper .form-section .input-item.remember .forgot:hover{
    color: #e03024;
}

.section-wrapper .form-section .input-item.pwd-eye input,
.section-wrapper .form-section .input-item.input-del input {
    padding: 0 44px 0 10px;
}

.section-wrapper .form-section .input-item.pwd-eye.input-del input {
    padding-right: 68px;
}

.container .section-wrapper .form-section .input-item:not(:nth-child(1)) {
    margin-top: 30px;
}

#register.container .section-wrapper .form-section .input-item.sec-code input {
    width: 250px;
}

#register.container .section-wrapper .form-section .input-item.sec-code .seccode {
    display: inline-block;
    width: 100px;
    height: 44px;
    vertical-align: middle;
    margin-left: 4px;
}

.seccode .seccode-img{
    width: 100%;
    height: 100%;
}

#register.container .section-wrapper .form-section .input-item .label {
    width: 64px;
    font-size:16px;
    text-align: right;
    color:rgba(51,51,51,1);
    line-height:21px;
    margin-right: 20px;
    display: inline-block;
}

.section-wrapper .form-section .input-item .tips-txt {
    width: 360px;
    color:rgba(153,153,153,1);
    font-size: 12px;
    line-height:16px;
    overflow: hidden;
    position: absolute;
    top: 51px;
    left: 98px;
}

.container .section-wrapper .form-section .input-item .tips-icon{
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 14px;
    background: url("/template/metro/images/login/icon_success@2x.png") no-repeat center;
    background-size: 100%;
    display: none;
}

#pop_login .section-wrapper .form-section input#code {
    width:210px;
    margin-top: 20px;
}

#register.container .section-wrapper .form-section input#code {
    width:250px;
}

#login.container .section-wrapper .form-section input#code {
    width: 280px;
}

#pop_login .section-wrapper .form-section input#account {
    margin-bottom: 14px;
}

.section-wrapper .form-section .input-action,
.section-wrapper .setting-item .input-action {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer;
}

.container#register .section-wrapper .form-section .input-action {
    right: 36px;
}

.container#register .section-wrapper .form-section .input-del.pwd-eye .input-action.input-del {
    right: 64px;
}

.section-wrapper .form-section .input-item.password.input-del .input-action.input-del {
    right: 44px;
}

.section-wrapper .form-section .input-action.pwd-eye {
    background: url("/template/metro/images/login/pswd_eye_close@2x.png") no-repeat center center;
    background-size: 100%;
}

.section-wrapper .form-section .input-action.pwd-eye.opened {
    background: url("/template/metro/images/login/pswd_eye_open@2x.png") no-repeat center center;
    background-size: 100%;
}

.section-wrapper .form-section .input-action.input-del,
.section-wrapper .setting-item .input-action.input-del {
    background: url("/template/metro/images/login/icon_input_del@2x.png") no-repeat center center;
    background-size: 100%;
    display: none;
}

.section-wrapper .form-section .btn-send-code {
    width:100px;
    height: 44px;
    background:rgba(251,251,251,1);
    border-radius:4px;
    border:1px solid rgba(207,215,220,1);
    margin-left: 6px;
    font-size:12px;
    color: #e03024;
    line-height:16px;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
}

#login.container .section-wrapper .form-section .btn-send-code {
    width: 108px;
}

.section-wrapper .form-section .btn-send-code.disabled {
    cursor: not-allowed;
    background:rgba(255,255,255,1);
}

.section-wrapper .form-section .btn-login {
    width:320px;
    height:44px;
    background:rgba(240,72,72,1);
    border-radius:4px;
    font-size:15px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:20px;
    margin-top: 20px;
    cursor: pointer;
    border: 0;
    outline:none;
    padding: 0;
}

#register.container .section-wrapper .form-section .btn-login{
    width: 360px;
    margin-left: 88px;
}
#register.container .section-wrapper .btn-login.reg-to-login{
    text-align: center;
    line-height: 44px;
    display: none;
}

#login.container .section-wrapper .form-section .btn-login {
    width: 400px;
}

#pop_login .section-wrapper .form-section#section-account .btn-login {
    margin-top: 9px;
}

#pop_login .agreement,
#register.container .agreement,
#login.container .agreement {
    height:16px;
    margin-top: 12px;
    padding: 0 24px;
    font-size:12px;
    color:rgba(153,153,153,1);
    line-height:16px;
}

#register.container .agreement,
#login.container .agreement {
    width: 355px;
    text-align: center;
    padding: 0 0 0 86px;
    margin-top: 40px;
}

#login.container .agreement {width: 400px;padding: 0;}

#pop_login .agreement span a,
#register.container .agreement a,
#login.container .agreement a {
    color:rgba(153,153,153,1);
    text-decoration: underline;
}

#pop_login .agreement a,
#register.container .agreement a:hover,
#login.container .agreement a:hover{
    color: rgba(240,72,72,1);
}

#pop_login .agreement a.register {float: right;}
#pop_login .other_platform {margin-top: 36px;padding: 0 24px;}
#pop_login .other_platform .title {text-align: center;display: flex;justify-content: center;align-items:center;}

#pop_login .other_platform .title .line {
    width:81px;
    height:2px;
    background: linear-gradient(90deg, rgba(255,255,255,1), rgba(207,215,220,1));
    display: inline-block;
}
#pop_login .other_platform .title span:nth-child(2) {
    margin:0 13px;
    color:rgba(153,153,153,1);
}
#pop_login .other_platform .title span:nth-child(3) {
    background: linear-gradient(-90deg, rgba(255,255,255,1), rgba(207,215,220,1));
}

#pop_login .other_platform .other-logos {
    margin-top: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#pop_login .other_platform .other-logos .logo-item {width: 40px;height: 40px;border-radius: 50px;}
#pop_login .other_platform .other-logos .logo-item:nth-child(2) {margin: 0 50px;}
#pop_login .other_platform .other-logos .logo-item img  {width: 100%;height: 100%;}

#pop_login .close{
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(/template/metro/images/login/popup_login_close@2x.png);
    background-color: #fff;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    border: none;
    outline: none;
    padding: unset;
}

#reg-header {
    width: 100%;
    min-width: 950px;
    height: 100px;
    padding: 30px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: PingFangSC-Regular, "Microsoft YaHei","Hiragino Sans GB","Segoe UI",Tahoma,Arial,Helvetica,sans-serif;
    font-size:14px;
    color:rgba(51,51,51,1);
    line-height:19px;
    background:rgba(255,255,255,1);
    box-shadow: 0 2px 12px 0 rgba(185,185,185,0.5);
}

#reg-header a {
    color: #e03024;
    text-decoration: underline;
}

#reg-header a img {
    margin-right: 44px;
}

#register.container,
#login.container{
    width: 950px;
    height: 623px;
    margin: 0 auto;
    padding: 38px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: PingFangSC-Regular, MicrosoftYaHei,Arial, Helvetica, sans-serif;
}

#register.container .area-login {
    width: 470px;
    display: inline-block;
}

#login.container .area-login {
    width: 400px;
    display: inline-block;
}

#register.container .area-login .header,
#login.container .area-login .header {
    padding: 12px  41px 12px 97px;
    font-size:18px;
}

#login.container .area-login .header {
    padding: 12px 16px;
}

#register.container .oauth-login,
#login.container .oauth-login {
    width: 240px;
    padding: 12px 23px;
}

#register.container .oauth-login .title,
#login.container .oauth-login .title {
    font-size:18px;
    line-height:24px;
    color:rgba(51,51,51,1);
}

#register.container .oauth-login .oauth-list,
#login.container .oauth-login .oauth-list{
    margin: 38px 0 0 -18px;
}

#register.container .oauth-login .oauth-list .oauth-item,
#login.container .oauth-login .oauth-list .oauth-item {
    width: 240px;
    height: 40px;
    border-radius:4px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content:center;
    align-items: center;
    outline: none;
    cursor: pointer;
    border: 0;
}

.container .oauth-login .oauth-list .oauth-item#wechat {background:rgba(81,194,108,1);}
.container .oauth-login .oauth-list .oauth-item#qq {background:rgba(73,161,232,1);}
.container .oauth-login .oauth-list .oauth-item#weibo {background:rgba(244,103,103,1);}
.container .oauth-login .oauth-list .oauth-item img {margin-right: 10px;}
.container .oauth-login .oauth-list .oauth-item span {font-size:14px;color:rgba(255,255,255,1);line-height:19px;}

#pop_mask{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 998;
    background: #000;
    opacity: 0.6;
    left: 0;
    top: 0;
    display: none;
}

/*弹出框*/
.popup-modal {
    width: 400px;
    height: 212px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    background:rgba(255,255,255,1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    z-index: 999;
    position: fixed;
    left: calc(50% - 200px);
    top: calc(50% - 106px);
    padding: 14px;
    border-radius:4px;
    display: none;
    box-sizing: border-box;
}

.popup-modal .close {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("/template/metro/images/login/popup_login_close@2x.png") center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 14px;
    right: 16px;
}

.popup-modal-mask {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 998;
}

.popup-modal.modal-unbind-tip {
    height: 160px;
    padding: 30px;
    box-sizing: border-box;
}

.popup-modal.modal-bind-success {
    height: 160px;
    box-sizing: border-box;
}
.popup-modal.modal-bind-success .content {
    margin-top: 50px;
}

.popup-modal.modal-unbind-tip .actions {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.popup-modal.modal-unbind-tip .actions .btn {
    width:111px;
    height:34px;
    line-height:34px;
    border-radius:4px;
    border:1px solid rgba(207,207,207,1);
    color: #333333;
    background: #ffffff;
    cursor: pointer;
}

.popup-modal.modal-unbind-tip .actions .btn.unbind-cancel {
    margin-left: 70px;
    color: #ffffff;
    background:rgba(219,3,54,1);
    border: 0;
}

.popup-modal.modal-bind .title {
    margin-top: 30px;
}

.popup-modal.modal-bind .content {
    margin-top: 20px;
}

.popup-modal .title img{
    width: 50px;
    height: 50px;
}

.popup-modal.modal-del-account {
    width: 400px;
    height: 432px;
    top: calc(50% - 216px);
    padding: 40px 34px;
}

.popup-modal.modal-del-account .title p{
    margin-top: 14px;
    font-weight: bold;
}

.popup-modal.modal-del-account .content {
    margin-top: 24px;
    width: 332px;
    height: 158px;
    border-radius:4px;
    border: 1px solid rgba(234,234,234,1);
    padding: 16px;
    text-align: left;
    box-sizing: border-box;
    position: relative;
}

.popup-modal.modal-del-account .content p{
    font-size: 12px;
}
.popup-modal.modal-del-account .content p.tip{
    color: #F04848;
    position: absolute;
    bottom: 12px;
}

.popup-modal.modal-del-account .actions{
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.popup-modal.modal-del-account .actions .btn{
    width:111px;
    height:34px;
    line-height: 34px;
    border-radius:4px;
    border:1px solid rgba(207,207,207,1);
    font-size: 16px;
    color: #333333;
    background: #ffffff;
}

.popup-modal.modal-del-account .actions .btn.cancel{
    margin-right: 78px;
}

.popup-modal.modal-del-account-success{
    width:224px;
    height:176px;
    left: calc(50% - 112px);
    top: calc(50% - 88px);
    padding: 40px 0;
}

.popup-modal.modal-del-account-success .title p{
    font-size: 16px;
    margin-top: 14px;
}

/*底部样式*/
.footer1 {
    margin: 180px 0 20px 0;
}

.footer1Top a {
    margin-right: 20px;
}

/*验证码相关样式*/
.popup-captcha{position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,.6);display: flex;flex-direction: column;justify-content: center;}
.popup-captcha .container{width: 400px;height: 280px;background: #ffffff;margin: 0 auto;position: relative;}
.popup-captcha .container iframe{width: 100%;height: 100%;}
.popup-captcha .container .close{width: 26px;height: 26px; position: absolute;top:-13px;right: -13px;background: url("/template/metro/images/login/icon_close_capt@2x.png") center no-repeat;background-size: contain;cursor: pointer;}
.small-captcha{display: block;width: 400px;height: 280px;margin-top: -10px;margin-left: -16px;}
.small-captcha .container,.small-captcha .container iframe{width: 100%;height: 100%;}
/*end*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #mine-setting.container .section-wrapper #section-mine-setting .setting-item .title .title-txt::after {
        content: ' ';
        display: inline-block;
        width: 100%;
        overflow: hidden;
        height: 0;
    }
}

#userArea .number {
    margin-right: 35px;
}

#userArea .number:last-child {
    margin-right: 0;
}

/**
   扫码登录样式
   @Author: wanghui
 */
#pop_login .header {padding: 20px 24px;}

#pop_login .header .section-active-sign {left: 53px;}

#login.container .area-login .header {
    padding: 12px 0;
}

.section-wrapper .form-section#section-qrcode {
    display: none;
}

.section-wrapper .form-section#section-qrcode {
    padding-top: 20px;
    text-align: center;
    color: #333333;
    font-size: 15px;
}

.form-section#section-qrcode .wrapper {
    width: 158px;
    height: 158px;
    padding: 6px;
    background:rgba(255,255,255,1);
    border: 1px solid rgba(224,224,224,1);
    box-sizing: border-box;
    margin: 0 auto;
}

.form-section#section-qrcode img.qrcode,.form-section#section-qrcode .qrcode-mask {
    width: 100%;
    height: 100%;
}

.form-section#section-qrcode .qrcode-mask {
    left: 0;
    top: 0;
    background: rgba(255,255,255,.9);
}

.form-section#section-qrcode .refresh-qrcode {cursor: pointer;}


#email-validation.container,
#bind.container{
    width: 1004px;
    height: 550px;
    background:rgba(255,255,255,1);
    box-shadow:0 0 9px 0 rgba(0,0,0,0.06);
    margin: 0 auto;
    margin-top: 40px;
    padding: 16px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-family: MicrosoftYaHei,Arial, Helvetica, sans-serif;
}

#email-validation.container .header,
#bind.container .header {
    height:24px;
    line-height:24px;
    font-size:18px;
    color:rgba(51,51,51,1);
}

#email-validation.container .section-wrapper,
#bind.container .section-wrapper {
    margin-top: 40px;
}

#email-validation.container .section-wrapper #section-validate,
#bind.container .section-wrapper #section-bind {
    padding:10px;
    text-align: center;
}

#email-validation.container .section-wrapper #section-validate .validate-icon {
    width: 73px;
    height: 50px;
    margin: 0 auto;
}

#email-validation.container .section-wrapper #section-validate .validate-icon.success{width: 50px;height: 50px;}

#email-validation.container .section-wrapper #section-validate .validate-icon > img {
    width: 100%;
    height: 100%;
}

#email-validation.container .section-wrapper #section-validate h1 {
    height:21px;
    font-size:16px;
    color:rgba(51,51,51,1);
    line-height:21px;
    overflow: hidden;
    margin-top: 24px;
}

#email-validation.container .section-wrapper #section-validate .uncommon-email {
    color: #333;
    margin: 14px 0;
    font-weight: bold;
    font-size: 16px;
    display: none;
}

#email-validation.container .section-wrapper #section-validate h2 {
    height:19px;
    font-size:14px;
    color:rgba(51,51,51,1);
    line-height:19px;
    overflow: hidden;
    margin-top: 10px;
}

#email-validation.container .section-wrapper #section-validate .btn-validate {
    width:240px;
    height:34px;
    background:rgba(219,3,54,1);
    border-radius:4px;
    margin-top: 40px;
    display: inline-block;
    font-size:16px;
    color:rgba(255,255,255,1);
    line-height:34px;
}

#email-validation.container .section-wrapper #section-validate .check_mail_notice {
    margin-top: 80px;
    border: 0;
    padding: 0;
    font-size:14px;
    color:rgba(153,153,153,1);
    line-height:19px;
}
.section-wrapper #section-validate .check_mail_notice>div{width: 320px;margin: 0 auto;text-align: left;padding-left: 44px;}

#email-validation.container .section-wrapper #section-validate .check_mail_notice a {
    color: rgba(219,3,54,1);
}

#email-validation.container .section-wrapper #section-validate .check_mail_notice .resend-status {
    display: none;
    color: #00a66c;
}

#mine-setting.container {
    width: 1000px;
    margin-top: 30px;
    padding: 10px;
    font-family: "Microsoft YaHei", Arial;
    position: relative;
}

#mine-setting.container .section-wrapper #section-mine-setting {
    width: 392px;
    margin:0 auto;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item#comment {
    display: none;
}
#mine-setting.container .section-wrapper #section-mine-setting .setting-item#del-account{
    margin-top: 30px;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item:not(:first-child) {
    margin-top: 10px;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .title {
    width: 74px;
    height: 40px;
    font-size:16px;
    color:rgba(51,51,51,1);
    line-height:40px;
    text-align: justify;
    display: flex;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .title .title-txt {
    width: 100%;
}
#mine-setting.container #section-mine-setting .setting-item .title .title-txt+span{
    margin-left: 2px;color: #333333;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .field {
    margin-left: 20px;
    position: relative;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .field input {
    width:280px;
    height:40px;
    border-radius:4px;
    border:1px solid rgba(207,215,220,1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item.input-del input {
    padding-right: 44px;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .field input[name=sex]{
    display: none;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .field .radio-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .field .radio-group .radio-item {
    padding-left: 16px;
    background: url("/template/metro/images/login/icon_radio_unchecked@2x.png") no-repeat 0;
    background-size: 16px 16px;
    cursor: pointer;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .field .radio-group .radio-item.active {
    background: url("/template/metro/images/login/icon_radio_checked@2x.png") no-repeat 0;
    background-size: 16px 16px;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .field .radio-group .radio-item:nth-child(2) {
    margin-left: 60px;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .field .radio-group .radio-item label {
    margin-left: 10px;
    font-size:16px;
    color:rgba(51,51,51,1);
    line-height:21px;
    cursor: pointer;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .field p {
    font-size:14px;
    color:rgba(51,51,51,1);
    line-height: 40px;
    display: inline-block;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .field p + a {
    margin-left: 20px;
    font-size: 12px;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .field .tips-txt {
    color: #666666;
    font-size: 12px;
    line-height: 17px;
    margin-top: 4px;
    display: none;
}

#mine-setting.container .section-wrapper .setting-item .field .tips-success-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 14px;
    background: url("/template/metro/images/login/icon_success@2x.png") no-repeat center;
    background-size: 100%;
    display: none;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item .field a {
    font-size:14px;
    color:rgba(240,72,72,1);
    line-height: 40px;
}

#mine-setting .section-wrapper #section-mine-setting .setting-item .tips {
    left: 392px;
}

#mine-setting .section-wrapper #section-mine-setting .setting-item .field .tips {
    position: relative;
    left: 0;
    top: 4px;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item#third-plt .field .third-plt-list {
    width: 224px;
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item#third-plt .field .third-plt-item>a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item#third-plt .field .third-plt-item img {
    width: 40px;
    height: 40px;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item#third-plt .field .third-plt-item>a span {
    font-size:12px;
    color:rgba(240,72,72,1);
    line-height:16px;
    margin-top: 10px;
}

#mine-setting.container .section-wrapper #section-mine-setting .setting-item#third-plt .field .third-plt-item>a span.active {
    color:rgba(153,153,153,1);
}

#mine-setting.container .mask_wechat {
    width: 300px;
    height: 300px;
    position: absolute;
    box-shadow: 0 0 35px #ccc;
    z-index: 1;
    margin: 0 auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

#mine-setting.container .mask_wechat > img {
    width: 100%;
    height: 100%;
}

.container .section-wrapper #section-bind .step-imgs {
    height: 25px;
    margin: 0 auto;
    margin-bottom: 60px;
    display: flex;
    justify-content: center;
}

.container .section-wrapper #section-bind .step-imgs .step {
    width: 210px;
    height: 25px;
    background: url("/template/metro/images/login/arrow_steps_2@2x.png") no-repeat center;
    background-size: 100% 100%;
}

.container .section-wrapper #section-bind .step-imgs .step.active {
    background: url("/template/metro/images/login/arrow_steps_2_selected@2x.png") no-repeat center;
    background-size: 100% 100%;
}

.container .section-wrapper #section-bind .step-imgs .step:not(:nth-child(1)) {
    margin-left: -14px;
}

.container .section-wrapper #section-bind .step-imgs .step.step-1 {
    width: 179px;
    background: url("/template/metro/images/login/arrow_steps_1@2x.png") no-repeat center;
    background-size: 100% 100%;
}

.container .section-wrapper #section-bind .step-imgs .step.step-1.active {
    background: url("/template/metro/images/login/arrow_steps_1_selected@2x.png") no-repeat center;
    background-size: 100% 100%;
}

.container .section-wrapper #section-bind .step-imgs .step .step-txt {
    font-size: 12px;
    color: rgba(136,136,136,1);
    line-height: 25px;
}

.container .section-wrapper #section-bind .step-imgs .step.active .step-txt {
    color:rgba(255,255,255,1);
}

#bind.container .section-wrapper #section-bind .input-item {
    height: 40px;
    width: 340px;
    margin: 0 auto;
    margin-top: 20px;
    color:rgba(102,102,102,1);
}

#bind.container .section-wrapper #section-bind .input-item#phone label,
#bind.container .section-wrapper #section-bind .input-item#email label{
    width: 70px;
    height: 40px;
    border-radius: 4px 0 0 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid rgba(207,215,220,1);
    border-right: 0;
    display: inline-block;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    float: left;
}

#bind.container .section-wrapper #section-bind .input-item.password label,
#bind.container .section-wrapper #section-bind .input-item.repassword label{
    width: 90px;
    height: 40px;
    border-radius: 4px 0 0 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid rgba(207,215,220,1);
    border-right: 0;
    display: inline-block;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    float: left;
}

#bind.container .section-wrapper #section-bind .input-item input {
    width: 270px;
    height: 40px;
    border-radius:4px;
    border: 1px solid rgba(207,215,220,1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

#bind.container .section-wrapper #section-bind .input-item.input-del input {
    padding: 0 44px 0 10px;
}

#bind.container .section-wrapper #section-bind .input-item.input-del .input-del {
    top: 12px;
}

#bind.container .section-wrapper #section-bind .input-item#phone input,
#bind.container .section-wrapper #section-bind .input-item#email input{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.section-wrapper .form-section .input-item.origin-phone,.section-wrapper .form-section .input-item.origin-email {
    height: 20px;
    text-align: left;
    padding: 10px 0;
}

.section-wrapper .form-section .input-item.origin-phone .origin-phone,
.section-wrapper .form-section .input-item.origin-email .origin-email {
    font-size:14px;
    color:rgba(51,51,51,1);
}

#bind.container .section-wrapper #section-bind .input-item.password input,
#bind.container .section-wrapper #section-bind .input-item.repassword input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 250px;
}

#bind.container .section-wrapper #section-bind .input-item#phone-code input {
    width: 230px;
    float: left;
}

#bind.container #section-bind .input-item#phone-code .seccode{
    width: 100px;
    height: 40px;
    display: inline-block;
    margin-left: 4px;
}
#section-bind .input-item#phone-code .seccode .seccode-img{width: 100%;height: 100%;}

#bind.container .section-wrapper .form-section .btn-login,
#bind.container .section-wrapper .form-section .btn-href-login {
    width: 340px;
    height: 34px;
    line-height: 34px;
    background:rgba(219,3,54,1);
    font-size:14px;
    display: inline-block;
}

#bind.container .section-wrapper .form-section .btn-href-login {
    margin-top: 40px;
    font-weight: 700;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border: 0;
}

#bind.container .section-wrapper .form-section#section-bind #to-validate-email .btn-login{
    margin: 0 auto;
    margin-top: 40px;
    width: 240px;
    display: block;
    line-height: 34px;
}

.container .section-wrapper .bind-result {
    margin-top: 20px;
    text-align: center;
    display: none;
}
.container .section-wrapper .bind-result-error{display: none;}

.container .section-wrapper .bind-result .result-icon,.container .section-wrapper .bind-result-error .result-icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url("/template/metro/images/login/icon_success_big@2x.png") no-repeat center;
    background-size: contain;
}
.container .section-wrapper .bind-result-error .result-icon.i-error{
    background: url("/template/metro/images/login/email_error@2x.png") no-repeat center;
    background-size: contain;
}

.container .section-wrapper .bind-result .result-txt {
    font-size:16px;
    color:rgba(51,51,51,1);
    line-height:21px;
    margin-top: 10px;
}
.container .section-wrapper .bind-result .result-txt a{color: #e03024;}

.container .help-notice {
    width: 344px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:14px;
    color:rgba(153,153,153,1);
    line-height:19px;
}

.container .help-notice p {
    text-align: left;
    margin-top: 10px;
}

.container .help-notice p a {
    margin-left: 8px;
}

.container .help-notice p a img {
    vertical-align: middle;
    width: 98px;
    position: relative;
    top: -2px;
}
.container .help-notice h1{text-align: center;padding-bottom: 4px;}

.container .section-wrapper #section-bind #to-validate-email p {
    font-size:14px;
    color:rgba(51,51,51,1);
    line-height:19px;
}

.container .section-wrapper #section-bind #to-validate-email .uncommon-email {
    color: #333;
    margin: 14px 0;
    font-weight: bold;
    font-size: 16px;
    display: none;
}

.container .section-wrapper #section-bind .back{
    margin: 0 auto;margin-top: 20px;font-size:12px;color:rgba(219,3,54,1);text-decoration: underline;display: block;
    width: 100px;
}

.container .section-wrapper #section-mine-setting.password-setting {
    text-align: center;
}

#mine-setting.container .section-wrapper #section-mine-setting.password-setting .setting-item:not(:first-child) {
    margin-top: 30px;
}

.container .section-wrapper #section-mine-setting.password-setting .btn-login {
    width: 340px;
    height: 40px;
    background: rgba(219,3,54,1);
    font-size: 14px;
    margin-top: 50px;
}

.container .section-wrapper .input-item label .label-icon {
    width: 8px;
    height: 5px;
    display: inline-block;
    background: url("/template/metro/images/login/icon_arrow_top@2x.png") no-repeat center;
    background-size: contain;
    margin-bottom: 2px;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* IE 9 */
    -webkit-transform:rotate(180deg); /* Safari and Chrome */
}

.container .section-wrapper .input-item label.active .label-icon {
    margin-bottom: 2px;
    transform:rotate(0deg);
    -ms-transform:rotate(0deg); /* IE 9 */
    -webkit-transform:rotate(0deg); /* Safari and Chrome */
}

.container .section-wrapper .input-item .label-txt-list {
    width: 70px;
    height: 64px;
    background: rgba(250,250,250,1);
    border:1px solid rgba(207,215,220,1);
    z-index: 2;
    position: absolute;
    top: 50px;
    display: none;
}

.container .section-wrapper .input-item .tips,.container .section-wrapper .setting-item .tips {
    width: 170px;
    height: 16px;
    line-height: 16px;
    color: rgba(245,88,88,1);
    position: absolute;
    text-align: left;
    top: 12px;
    left: 348px;
    overflow: hidden;
    padding-left: 24px;
    background: url("/template/metro/images/login/icon_danger@2x.png") no-repeat left;
    background-size: 16px 16px;
    display: none;
}

.container .section-wrapper .input-item .label-txt-list .wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 6px;
}

.container .section-wrapper .input-item .label-txt-list .wrapper:before,
.container .section-wrapper .input-item .label-txt-list .wrapper:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: rgba(207,215,220,1);
    left: 46%;
    margin-left: -4px;
    top: -14px;
}

.container .section-wrapper .input-item .label-txt-list .wrapper:after {
    border-bottom-color: rgba(250,250,250,1);
    top: -13px;
}

.container .section-wrapper .input-item .label-txt-list .wrapper .label-item {
    font-size:12px;
    color:rgba(102,102,102,1);
    line-height: 27px;
    cursor: pointer;
}

.container .section-wrapper .input-item .label-txt-list .wrapper .label-item.active {color:rgba(219,3,54,1);}


/*----------dark 页面相关，如果不用可以删除 -----------*/
#dark-header {background-color: rgb(85,85,85);box-shadow: 0 4px 14px #bbb;width: 100%;height: 94px;}
#dark-header .container {width: 1004px;margin: 0 auto;font-family: "Microsoft YaHei","Hiragino Sans GB","Segoe UI",Tahoma,Arial,Helvetica,sans-serif;}
#dark-header .container .logo {
    display: inline-block;
    width: 178px;
    height: 94px;
    background: url(/template/aug/images/new/logo_download_wq.png) no-repeat;
}
#dark-header .container .title {margin-left: 50px;font-size: 30px;line-height: 94px;color: white;vertical-align: top;}
#dark-header .container ul {margin-top: 60px;}
#dark-header .container ul li {display: inline;padding-left: 20px;}
#dark-header .container ul li a {font-size: 17px;color: #ddd;}
#dark-header .container ul li a:hover {color: #ffffff;}
.footer-dark {margin-top: 37px;}
.footer-dark #gwd-copyright {
    background-color: #333;
    height: 50px;
    padding: 0;
    line-height: 50px;
    font-family: "Microsoft YaHei","Hiragino Sans GB","Segoe UI",Tahoma,Arial,Helvetica,sans-serif;
    color: #959595;
    font-size: 12px;
}

.qrcode-list {text-align: center;padding: 18px;}
.qrcode-list img {margin: 0 auto;}
/*-------end dark-------*/

/*# sourceMappingURL=login.css.map*/