@charset "utf-8";

/* Source: css/com/footer.css*/

#footer {
    width: 100%;
    height: auto;
    background: #f5f5f5;
    /**position : relative;*/
    /**top : 110px;*/
}

#footer .foot {
    width: 1200px;
    height: 193px;
    padding-bottom: 33px;
    margin: 0 auto;
    overflow: hidden;
}

#footer .foot .friendly {
    width: 440px;
    padding-right: 20px;
    position: relative;
}

#footer .foot .friendly h3,
#footer .foot .anchor-help h3,
#footer .foot .software h3,
#footer .foot .focusus h3 {
    font-size: 14px;
    line-height: 28px;
    color: #545454;
    margin-bottom: 8px;
    font-weight: bold;
}

#footer .foot .friendly ul,
#footer .foot .anchor-help ul {
    display: block;
    margin-right: 6px;
    float: left;
}

#footer .foot .friendly ul a,
#footer .foot .anchor-help ul a {
    width: 140px;
    font-size: 14px;
    line-height: 24px;
    color: #868686;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#footer .foot .software,
#footer .foot .focusus { margin-left: 60px; }

#footer .foot .software ul,
#footer .foot .focusus ul { overflow: hidden; }

#footer .foot .software ul a,
#footer .foot .focusus ul a {
    display: block;
    color: #868686;
}

#footer .foot .friendly ul a:hover,
#footer .foot .anchor-help ul a:hover,
#footer .foot .software ul a:hover span { color: #ff6a1f; }

#footer .foot .software ul img,
#footer .foot .focusus ul img {
    width: 118px;
    height: 118px;
}

#footer .foot .software ul span,
#footer .foot .focusus ul span {
    display: block;
    padding-left: 20px;
    line-height: 22px;
    color: #868686;
    margin-bottom: 10px;
    font-size: 14px;
}

#footer .foot .software ul span {
    background: url(../../res/com/footer-icos.png) 2px 2px no-repeat;
}

#footer .foot .focusus ul span {
    padding-left: 28px;
    background: url(../../res/com/footer-icos.png) 0 -22px no-repeat;
}

#footer .foot .contact {
    height: 60px;
    margin-top: 32px;
    line-height: 28px;
    color: #868686;
    font-size: 14px;
}

#footer .foot .contact>p {
    display: block;
    height: 32px;
    cursor: pointer;
}

#footer .foot .contact>p a {
    color: #868686;
}

#footer .foot .contact .sina,
#footer .foot .contact .txwb {
    display: block;
    width: 52px;
    height: 52px;
    background: url(../../res/com/weibo-icos.png) no-repeat;
    float: left;
    padding: 6px;
}

#footer .foot .contact .txwb {
    background-position: -62px 0;
}

#footer .outlink-bg {
    height: 85px;
    padding-top: 18px;
    /*background: url(../../res/com/footer-bg.png) no-repeat center top;*/
}

#footer .outlink {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

#footer .outlink .about {
    width: 600px;
    margin: 0 auto;
    padding-left: 38px;
    line-height: 24px;
    overflow: hidden;
}

#footer .outlink .about li {
    float: left;
}

#footer .outlink .about li a,
#footer .outlink .about li span {
    padding: 0 2px;
    color: #b1b1b1;
}

#footer .outlink .about li a:hover { color: #ff6a1f; }

#footer .outlink>p {
    line-height: 24px;
    color: #b1b1b1;
}


/* Source: css/com/login-pop.css*/

.js-select-country-list::-webkit-scrollbar {
    display: none; /* Chrome Safari */
}

.js-select-country-list {
    overflow: -moz-scrollbars-none;
}

.js-select-country-list {
    -ms-overflow-style: none;
}
  
.js-select-country-list {
    scrollbar-width: none; /* firefox */
    -ms-overflow-style: none; /* IE 10+ */
    overflow-x: hidden;
    overflow-y: auto;
}

.loginBody {
    width: 400px;
    height: 515px;
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -300px;
    margin-left: -200px;
}

.safeLogin {
    width: 100%;
    height: 100%;
}

.title {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    font-family: PingFangSC-Medium;
}

.wordLine1 {
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-top: 54px;
    width: 100%;
}

.wordLine1 span {
    color: #ff5d23;
}

.wordLine1 .line {
    width: 10px;
    display: inline-block;
    text-align: center;
    color: #d8d8d8;
}

.wordLine2 {
    font-size: 16px;
    color: #333;
    text-align: center;
    width: 100%;
    margin-top: 6px;
}

.wordLine3 {
    display: none;
    font-size: 16px;
    color: #333;
    text-align: center;
    width: 100%;
}

/* pc 伴侣 二维码 */
.accounts {
    margin-top: 40px;
    text-align: center;
}

.accountOne {
    display: inline-block;
    width: 146px;
    height: 146px;
    background: #fff;
    border: 1px solid #F4F3F2;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    padding: 11px;
}

.accountOne:hover {
    background: rgba(255,93,35,0.06);
    border: 1px solid #FF5D23;
}

.accountOne img {
    width: 100%;
    height: 100%;
}

.beforeCode {
    position: absolute;
    width: 149px;
    height: 35px;
    background: url(.tips1.png);
    bottom: -40px;
    font-size: 13px;
    color: #FF5D23;
    line-height: 40px;
    margin-left: -2px;
    display: none;
}

#scancode-qrcode-right {
    display: inline-block;
    vertical-align: top;
}

.getOneUser {
    margin-left: 32px;
}

#threeBoxStyle .scan-qrcode {
    width: 100px;
    height: 100px;
    padding: 8px;
    float: left;
    margin-left: 6px;
}

#threeBoxStyle .authorized-login-userPic {
    width: 82px;
    height: 82px;
    padding: 8px;
}

#threeBoxStyle .authorized-login-userInfo {
    width: 100px;
}

#threeBoxStyle .getOneUser {
    margin-left: 0;
}

#threeBoxStyle .authorized-login-main>div {
    margin-left: 20px;
}

#threeBoxStyle canvas {
    width: 82px;
    height: 82px;
}

#threeBoxStyle .authorized-login-tip {
    position: absolute;
    width: 82px;
    height: 24px;
    color: #fff;
    background: rgba(0,0,0,0.50);
    bottom: 8px;
    left: 8px;
    line-height: 24px;
}

#threeBoxStyle .scancode-qrcode {
    float: left;
}

#threeBoxStyle .authorized-login-userName {
    width: 100px;
    padding: 0 12px;
}

#threeBoxStyle .scan-qrcode .qrcode-maskcon span {
    margin-bottom: 12px;
    padding-top: 24px;
    font-size: 14px;
}

#threeBoxStyle .loginbox-scanmobile .scanmobile-icon {
    width: 60px;
    height: 60px;
    background-size: cover;
}

#threeBoxStyle .loginbox-scanmobile .scanmobile-note {
    font-size: 12px;
}

#threeBoxStyle .beforeCode {
    bottom: -144px;
    transform: scale(0.9);
    left: -16px;
}

/* 进入帐号登陆 */
.inputLoginBtn {
    width: 0;
    height: 0;
    border-width: 0 59px 59px;
    border-style: solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.0);
    position: absolute;
    left: -38px;
    bottom: -108px;
    transform: rotate(-135deg);
    cursor: pointer;
    z-index: 12;
}

.inputLoginBtnImg {
    width: 84px;
    height: 84px;
    background: url(.passWordLogin.png);
    position: absolute;
    bottom: -100px;
    left: 0;
}

.inputLoginBtn-tip {
    width: 129px;
    height: 30px;
    line-height: 30px;
    color: #FF5D23;
    position: absolute;
    left: -114px;
    bottom: -140px;
    text-align: center;
    transform: rotate(-225deg);
    background: url(tips2.png);
    display: none;
}

.inputLoginBtn:hover .inputLoginBtn-tip{
    display: block;
}

.login-sbt-con .loginbox-noact .login-phoneMsg {
    float: left;
    font-size: 14px;
    color: #999999;
}

.login-sbt-con .loginbox-noact .forget-pwd {
    float: right;
    font-size: 14px;
    color: #999999;
    text-decoration: none;
}

.codeLoginBtnImg {
    background: url(codeLogin.png);
    bottom: 0;
}

.codeLoginBtn {
    bottom: -8px;
}


.login-input-border {
    border-bottom: 1px solid #e9e9e9;
}

.login-sbt-con .loginbox-noact .login-type-enter:hover,
.login-sbt-con .loginbox-noact .forget-pwd:hover,
.loginbox .login-box-eng:hover,
.loginbox .login-box-ch:hover,
.loginbox .loginbox-login .js-switch-reg:hover,
.loginbox .js-switch-login:hover {
    color: #ff5d23;
    cursor: pointer;
}

.login-by-phone-register {
    width: 100%;
    margin-top: 10px;
    text-align: left;
    font-size: 12px;
    color: #333333;
}

.login-by-phone-register .iconEmpty {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(.noPoint.png);
    margin-bottom: -2px;
    margin-right: 2px;
    cursor: pointer;
}

.login-by-phone-register .iconGet {
    background: url(.point.png);
}

.login-by-phone-register a {
    color: #ff5d23;
}

.loginbox-reg-head {
    font-size: 20px;
    color: #333;
    font-weight: bold;
}

.loginbox .loginbox-reg .register-paddingTop {
    padding-top: 22px;
}

.cant-get-reason {
    position: relative;
    float: right;
    font-size: 14px;
    color: #999;
    text-decoration: none;
    display: none;
    cursor: pointer;
}

.loginbox-reg .cant-get-reason {
    display: block;
}

.cant-get-reason:hover .cant-get-reason-tip {
    display: block;
}

.cant-get-reason-tip {
    width: 224px;
    height: 173px;
    position: absolute;
    background: url(.codeTip.png?v=20221229);
    right: 0;
    top: 18px;
    z-index: 10;
    display: none;
}

.lang_en_us .cant-get-reason-tip {
    width: 274px;
    height: 232px;
    background: url(.en_tips.png?v=20221229);
}

.login-by-sms .cant-get-reason {
    display: block;
}

.login-by-sms .forget-pwd {
    display: none;
}

#js-scan-phonetip {
    display: none;
}

.third-icon-tip {
    width: 64px;
    height: 26px;
    position: absolute;
    background: #fff url(.thirdLast.png);
    color: #999;
    left: -12px;
    z-index: 10;
    top: 40px;
    padding-top: 5px;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
    display: none;
}

.nickname-style {
    margin-left: 58px;
}

.lang_en_us .nickname-style {
    margin-left: 26px;
}

.lang_en_us .scan-qrcode .qrcode-mask .fresh-btn {
    font-size: 12px;
}

.pc-tool-lastLogin {
    background: url(.lastLogin.png);
    width: 79px;
    height: 35px;
    position: absolute;
    top: 178px;
    z-index: 10;
    color: #ff5d23;
    padding-top: 10px;
    box-sizing: border-box;
    text-align: center;
    left: 50%;
    margin-left: -40px;
}

.loginbox .login-tip-show {
    display: none;
}

.loginbox .login-by-sms .login-tip-show {
    display: block;
}




















































/* 老版本样式 */


.sign-logo img{
    margin-top: 10px;
}

.login-pop-shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: .7;
    filter: Alpha(Opacity=70);
    background-color: #000;
}
.placeholder {
    color: #a9a9a9;
    line-height: 33px;
}
input::-ms-clear{display:none;} /*隐藏文本框叉子*/
input::-ms-reveal{display:none;} /*隐藏密码框小眼睛*/
.login-pop {
    width: 548px;
    margin-left: -274px;
    padding: 10px 0px;
    position: fixed;
    top: 200px;
    left: 50%;
    z-index: 1001;
    font-size: 12px;
    background: #fff;
    background: #fff url(login-pop-bg.gif) no-repeat right bottom;
}

.login-pop-close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    background: url(login-pop-close.gif) no-repeat 0 0;
}
.login-pop-tab { border-bottom: 2px #e9e9e9 solid; }
.login-pop-tab ul { height: 40px; }
.login-pop-tab ul li {
    float: left;
    height: 40px;
    width: auto;
}
.login-pop-tab ul li a {
    display: block;
    padding: 0px 33px;
    font-size: 20px;
    line-height: 40px;
    color: #555;
    text-decoration: none;
    letter-spacing: 2px;
}
.login-pop-tab ul li a:hover { color: #000; }
.login-pop-tab ul li a.current {
    color: #ffaf15;
    border-bottom:2px #ffaf15 solid;
}

.login-pop-cont { padding: 15px 0 15px 40px; }
.login-pop-cont .c-item {
    width: 300px;
    float: left;
    border-right: 1px solid #dae2e5;
}
.login-pop-cont .c-item .ipt {
    width: 257px;
    height: 35px;
    padding: 0;
    margin-top: 10px;
    line-height: 37px;
    text-indent: 10px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    color: #979696;
    font-family: "microsoft yahei", Arial;
    transition: border-color 0.3s ease 0s;
}

.login-pop-cont .c-item .ipt.ipt-capcha { width: 110px; }

.login-pop-cont .c-item .captcha img {
    vertical-align: middle;
    cursor: pointer;
}

.login-pop-cont .c-item .ipt:focus {
    border: 1px solid #fba64b;
}

.login-pop-cont .c-item .ipt.ipt-err {
    border-color:#F00;
    background:#FFFBFC;
}

.login-pop-cont .c-item .captcha-gt { margin-top: 15px; }

.login-pop-cont .c-item .tolog,
.login-pop-cont .c-item .toreg { margin-top: 20px; }

.login-pop-cont .c-item .toreg a,
.login-pop-cont .c-item .tolog a { color: #3eb0d8; }

.login-pop-cont .c-item .toreg a:hover,
.login-pop-cont .c-item .tolog a:hover { text-decoration: underline; }

.login-pop-cont .c-item .tolog .btn-sub,
.login-pop-cont .c-item .toreg .btn-sub {
    width: 130px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 20px;
    letter-spacing: 2px;
    font-family: "微软雅黑", Arial;
    text-align: center;
    border: none;
    background: none repeat scroll 0 0 #f6a200;
}

.login-pop-cont .c-item .tolog>p,
.login-pop-cont .c-item .toreg>p {
    padding: 10px 0px 0px 10px;
    float: left;
    color: #858585;
}

.login-pop-cont .c-item .i-protocol { margin-top: 5px; }
.login-pop-cont .c-item .i-protocol label a { color: #2091fb; }

.login-pop-cont .c-oth {
    float: left;
    padding-top: 10px;
    padding-left: 40px;
}
.login-pop-cont .c-oth>p {
    margin-bottom: 10px;
    color: #666;
}
.login-pop-cont .c-oth a {
    width: 128px;
    height: 32px;
    display: block;
    line-height: 32px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
.login-pop-cont .c-oth>div>a {
    margin-bottom: 5px;
}

.login-pop-cont .c-oth .btn-wx { background-color: #40ad38; }
.login-pop-cont .c-oth .btn-qq { background-color: #3eb0d8; }
.login-pop-cont .c-oth .btn-sina { background-color: #d63b22; }
.login-pop-cont .c-oth .btn-acfun { background-color: #ffac0b; }

.login-pop-cont .c-oth .btn-wx:hover { background: #5cb956; }
.login-pop-cont .c-oth .btn-qq:hover { background:#5bbcde; }
.login-pop-cont .c-oth .btn-sina:hover { background:#dc5843; }
.login-pop-cont .c-oth .btn-acfun:hover { background:#ffc148; }

.login-pop-cont .c-oth .dy-icon {
    display: inline-block;
    position: relative;
    top: 2px;
    left: 3px;
    overflow: hidden;
    background: url(login-pop-icos.png) no-repeat;
}
.login-pop-cont .c-oth .dy-icon.dy-wx {
    width: 32px;
    height: 30px;
    float: left;
    background-position: -130px 0px;
}
.login-pop-cont .c-oth .dy-icon.dy-sina {
    width: 32px;
    height: 30px;
    float: left;
    background-position: -42px 0px;
}
.login-pop-cont .c-oth .dy-icon.dy-qq {
    width: 32px;
    height: 30px;
    float: left;
    background-position: -88px 0px;
}
.login-pop-cont .c-oth .dy-icon.dy-acfun {
    width: 32px;
    height: 30px;
    float: left;
    background-position: 0px 0px;
}

.login-pop-cont .c-oth .forget-pass {
    padding-top: 14px;
    margin-bottom: 0px;
}
.login-pop-cont .c-oth .forget-pass a {
    color: #3EB0D8;
    text-align: right;
}

/* 封禁功能和系统提示 */
.userForbidden {
    position: absolute;
    bottom: 225px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 260px;
    padding: 20px 20px 10px;
    background-color: rgb(77,77,77);
    z-index: 399;
}
:root .userForbidden{
    background-color: rgba(0,0,0,.7);
}
.userForbidden .forbiddenClose {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px;
    color: #b4b4b4;
    cursor: pointer;
}
.userForbidden p {
    font-size: 12px;
    color: #fff;
    height: 20px;
    line-height: 20px;
}
.userForbidden .forbiddenUsername {
    font-size: 14px;
    font-weight: bold;
    color: #ff4a35;
    width: 260px;
    height: 30px;
    line-height: 30px;
}
.userForbidden  .forbiddenUserName {
    max-width: 120px;
    display: inline-block;
    *display: block;
    *zoom: 1;
    vertical-align: top;
}
.userForbidden  .forbiddenReason {
    max-width: 190px;
    display: inline-block;
    *display: block;
    *zoom: 1;
    vertical-align: top;
}
.userForbidden .forbiddenServer {
    color: #12a1ff;
}
.userForbidden .forbiddenRule {
    text-align: center;
    margin-top: 15px;
}
.userForbidden .forbiddenRule a {
    color: rgba(255, 255, 255, .4);
    text-decoration: none;
}

.login-pop-cont {
    position: relative;
}
.login-pop-cont .c-item .tolog,
.login-pop-cont .c-item .toreg,
.login-pop-cont .c-item .tolog .btn-sub,
.login-pop-cont .c-item .toreg .btn-sub,
.login-pop-cont .c-item .tolog>p,
.login-pop-cont .c-item .toreg>p {
    margin-top: 10px;
}
.login-pop-cont .c-item .i-protocol { margin-top: 0; }
.login-pop-cont .c-item .i-protocol input,
.login-pop-cont .c-item .i-protocol label {
    margin-top: 5px;
}


/*
    @desc 登录注册改版
    @author zhuzijian@douyu.tv
*/
.hide {
    display: none !important;
}
.loginbox-shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: .7;
    filter: Alpha(Opacity=70);
    background-color: #000;
}

.loginbox {
    width: 100%;
    /*margin-left: -188px;*/
    /*padding: 40px 50px 0;*/
    position: relative;
    /*top: 200px;
    left: 50%;*/
    z-index: 1001;
    font-size: 12px;
    background: #fff;
    border-radius: 6px;
}

/* 内部重置 */
/* .loginbox a {
    color: #12a1ff;
} */
/* .loginbox .anchor_line {
    text-decoration: underline;
} */
.loginbox form {
    margin: 0 auto;
}
.loginbox .clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.loginbox .clearfix:after {
    clear: both;
    overflow: hidden
}

.loginbox .clearfix {
    zoom:1
}

.loginbox .clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0
}

.loginbox .ipt {
    /* width: 264px;
    height: 33px;
    padding-left: 34px; */
    /*padding-right: 4px;*/
    /*margin-top: 20px;*/
    /*line-height: 35px;*/
    /* border: 1px solid #ddd; */
    /*border-radius: 4px;*/
    /*color: #ddd;*/
    /* font-size: 14px; */
    font-family: "microsoft yahei", Arial;
    transition: border-color .3s ease 0s;
    outline: 0;
}
.loginbox .loginbox-p {
    position: relative;
    padding-top: 18px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
.loginbox .ipt-span {
    position: absolute;
    width: 30px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.ipt1 {
    background-image: url(login-head.png);
}
.ipt2 {
    background-image: url(login-lock.png);
}

.pw-span {
    position: absolute;
    right: 10px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 2;
}
.pw-hide {
    background: url(.noSee.png);
}
.pw-hide1, .pw-hide2 {
    top: 26px;
    right: 1px;
}
.pw-show {
    background: url(.canSee.png);
}
.loginbox .ipt.ipt-err {
    border-color:#F00;
    /* background:#FFF1F1; */
    /*background: url(.icon-error.png) no-repeat right center;*/
}
.loginbox .ipt-success {
    background: url(.icon-success.png) no-repeat right center;
}
.loginbox .ipt-parent-err {
    border-color:#F00 !important;
    background:#FFFBFC;
}
.loginbox .ipt-err-span {
    /* background-color: #FFF1F1; */
}
/* .loginbox .ipt:focus {
    outline: 0;
    border: 1px solid #b4b4b4;
}
.loginbox  .loginbox-phone-yzp.ipt:focus{
    border-right: none;
} */
.loginbox .loginbox-sbt {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: "微软雅黑", Arial;
    text-align: center;
    border: none;
    background: #F70;
    margin: 40px auto 0;
    background-image: linear-gradient(90deg, #FF6A00 0%, #FF4823 100%);
    box-shadow: 0 2px 12px 0 rgba(255,72,35,0.30);
    border-radius: 8px;
}
.loginbox .loginbox-sbt:hover {
    background: #F60;
}
/* .loginbox .loginbox-reg .loginbox-sbt {
    margin: 12px 0;
} */
.loginbox .loginbox-sbt:focus {
    outline: 0;
}

/* 头部 */
.loginbox  .loginbox-hd {
    width: 300px;
    height: 30px;
    margin: 30px 50px 0;
}
.loginbox .loginbox-close {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 24px;
    cursor: pointer;
    background: url(close.png?20200722);
    z-index: 1002;
}

.loginbox .loginbox-hd .loginbox-title {
    padding-left: 30px;
    font-size: 28px;
    color: #6A615A;
}
.loginbox .loginbox-hd .loginbox-hd-tab {
    width: 250px;
    padding: 0 50px;
    margin-left: -50px;
    border-bottom: 1px solid #e9e9e9;
}
.loginbox .loginbox-hd .loginbox-hd-tab ul {
    height: 30px;
}
.loginbox .loginbox-hd .loginbox-hd-tab li {
    height: 30px;
    float: left;
}
.loginbox .loginbox-hd .loginbox-hd-tab li a {
    display: none;
    /*padding: 0 10px;*/
    margin-top: -6px;
    margin-right: 10px;
    padding-bottom: 6px;
    line-height: 26px;
    font-size: 18px;
    color: #555;
    text-decoration: none;
}
.loginbox .loginbox-hd .loginbox-hd-tab li a.current {
    display: block;
    color: #34495e;
    font-weight: bold;
    /*border-bottom: 2px #F70 solid;*/
}
/* 头部-end */

/* 内容区公共 */
.loginbox .loginbox-bd {
    padding-bottom: 20px;
    position: relative;
}
.loginbox .loginbox-bd-hide {
    /*display: none;*/
}

.loginbox .loginbox-bd .third-list {
    width: 180px;
    margin: 0 auto;
    margin-top: 24px;
}

.loginbox .loginbox-bd .third-list.third-list-fb {
    width: 248px;
}
/* #51093 境外用户增加第三方facebook登陆 start by tangzhaojin*/
.loginbox .loginbox-bd .third-list .third-icon {
    position: relative;
    width: 42px;
    height: 42px;
}
.loginbox .loginbox-bd .third-list .third-icon-qq {
    background: url(qq.png?20200722);
    margin: 0 26px;
}
.loginbox .loginbox-bd .third-list .third-icon-wx {
    background: url(wechat.png?20200722);
}
.loginbox .loginbox-bd .third-list .third-icon-wb {
    background: url(weibo.png?20200722);
}
/* .loginbox .loginbox-bd .third-list .third-icon-qq:hover {
    background-position: 0 -54px;
}
.loginbox .loginbox-bd .third-list .third-icon-wx:hover {
    background-position: -58px -54px;
}
.loginbox .loginbox-bd .third-list .third-icon-wb:hover {
    background-position: -118px -54px;
} */
/* .loginbox .loginbox-bd .third-list .third-icon-wx:after,
.loginbox .loginbox-bd .third-list .third-icon-qq:after {
    position: absolute;
    top: 20px;
    right: -30px;
    content: '';
    width: 0;
    height: 20px;
    border-left: solid 1px #eee;
} */
    /* facebook 入口*/
.loginbox .loginbox-bd .third-list .third-icon-fb {
    background: url(.facebook.png);
    margin-left: 26px;
}
/* .loginbox .loginbox-bd .third-list-fb .third-icon-fb:hover {
    background-position: -177px -54px;
}
.loginbox .loginbox-bd .third-list-fb .third-icon-wx {
    margin: 0 33px;
}
.loginbox .loginbox-bd .third-list-fb .third-icon-wb {
    margin-right: 33px;
}
.loginbox .loginbox-bd .third-list-fb .third-icon-wx:after,
.loginbox .loginbox-bd .third-list-fb .third-icon-qq:after,
.loginbox .loginbox-bd .third-list-fb .third-icon-wb:after {
    position: absolute;
    top: 20px;
    right: -16px;
    content: '';
    width: 0;
    height: 20px;
    border-left: solid 1px #eee;
} */
.login-box-ch {
    display: none;
}
.lang_en_us .loginbox a.login-box-eng {
    display: none;
}
.lang_en_us .login-box-ch {
    display: block;
}
/* #51093 境外用户增加第三方facebook登陆 end by tangzhaojin*/
.loginbox .loginbox-bd .third-text {
    width: 400px;
    height: 20px;
    margin-top: 10px;
    margin-left: -50px;
    margin-bottom: 10px;
    background: url(.login-icon.png?20170116) no-repeat;
    background-position: 0 -74px;
    text-align: center;
    line-height: 14px;
    color: #B4B4B4;
}

/*.loginbox .loginbox-form-title {
    font-size: 16px;
    color: #666;
}*/
.loginbox .loginbox-bd-img {
    width: 65px;
    height: 65px;
    background: url(.login-icon.png?20170116) no-repeat;
    background-position: -262px 0;
    margin: 0 auto;
}
.loginbox .loginbox-bd-title {
    font-size: 22px;
    font-weight: bold;
    color: #34495e;
    text-align: center;
    width: 400px;
    margin: 0 0 10px -35px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.loginbox .loginbox-bd .loginbox-bd-fish {
    /*margin-top: 30px;*/
}
/* 内容区公共-end */

/* 内容-登录 */
.loginbox .loginbox-login{
    width: 100%;
    padding: 20px 20px 20px 20px;
    height: 515px;
    box-sizing: border-box;
}
/*.loginbox .loginbox-login form {
    padding-left: 30px;
}*/
/* .loginbox .loginbox-login .ipt {
    height: 35px;
    line-height: 35px;
    padding-left: 34px;
}
*/
.loginbox .loginbox-login .forget-pwd {
    margin-left: 5px;
    float: right;
    text-decoration: none;
}
.loginbox .loginbox-login .login-sbt-con {
    text-align: center;
    margin: 8px 0 20px;
    /*margin-left: -30px;*/
}
.loginbox .loginbox-login .loginbox-noact {
    margin-top: 12px;
    text-align: center;
}
.loginbox .loginbox-login .js-switch-reg{
    color: #999;
    text-decoration: none;
}
.loginbox .loginbox-login .captcha {
    vertical-align: middle;
}

.loginbox .captcha img {
    cursor: pointer;
    vertical-align: middle;
}

/*.loginbox .captcha-gt {
    margin-top: 20px;
}*/

.loginbox .loginbox-login .showpw1 {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 4px;
    z-index: -1;
}
/* 内容-登录-end */

/* 内容-注册 */
.loginbox .loginbox-reg {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    height: 515px;
}
.loginbox .loginbox-reg form {
    margin-bottom: 10px;
}

.loginbox .loginbox-reg .loginbox-protocol {
    margin-top: 11px;
    width: 300px;
    margin-left: 34px;
}

.loginbox .loginbox-reg .loginbox-protocol a {
    color: #ff5d23;
}

.loginbox .loginbox-reg .loginbox-protocol input {
    vertical-align: middle;
}
.loginbox .loginbox-reg .login-sbt-con {
    text-align: center;
    margin-top: 10px;
}
/* .loginbox .loginbox-reg .loginbox-hasact {
    text-align: left;
} */
.loginbox .loginbox-hasact a {
    color: #999;
    text-decoration: none;
}

.loginbox .loginbox-reg .showpw1,
.loginbox .loginbox-reg .showpw2 {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 22px;
    left: 0;
    border: none;
    outline: none;
    padding-left: 4px;
    z-index: -1;
}

/* .loginbox .loginbox-reg .loginbox-protocol a:hover {
    color: #0893ef;
} */

/* 注册 -- 手机验证码 start*/
.loginbox .form-item {
    margin-top: 10px;
    text-indent: 0;
}
.loginbox .form-item .form-label,
.loginbox .form-item .form-field {
    float: left;
    position: relative;
}

.loginbox .form-item .form-label {
    width: 330px;
    text-align: left;
    padding: 0 10px 3px 0;
}
.loginbox .phone-cap,
.loginbox .loginbox-phone-yzp {
    width: 194px;
    height: 40px;
    padding-left: 6px;
    border-right: none;
}
/*校验码*/.loginbox .ipt:focus
.loginbox .phone-capimg {
    width: 93px;
    height: 33px;
    vertical-align: top;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}
/*语音验证按钮*/
.loginbox .phone-send{
    display: block;
    width: 100px;
    height: 34px;
    overflow: hidden;
    background: #fff;
    color: #ff5d23;
    font-size: 16px;
    cursor: pointer;
    border: 0;
    outline: 0;
    /* text-align: center; */
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 2px;
    line-height: 34px;
}
/* .loginbox .phone-send:hover{
    background-color: #f60;
} */

.loginbox .phone-send.long {
    color: #999;
}
/* .loginbox .phone-send.long:hover {
    background: #b5b5b5;
} */
.loginbox .phone-send-text {
    margin: 10px 0;
    color: #a0a0a0;
    width: 340px;
}

/* 注册-- 手机验证码 end*/
/* 内容-注册-end */

/* 内容-手机绑定公共及业务 */
.loginbox .loginbox-phone {
    width: 330px;
    margin: 40px 35px 0;
}
.loginbox .loginbox-phone .ipt {
    width: 120px;
    height: 24px;
    line-height: 24px;
    margin-top: 0;
    font-size: 12px;
}
.loginbox .loginbox-reg .form-item {
    margin-top: 10px;
    text-indent: 0;
}
.loginbox .loginbox-reg .form-item .form-label,
.loginbox .loginbox-reg .form-item .form-field {
    float: left;
    position: relative;
}

.loginbox .loginbox-reg .form-item .form-label {
    width: 330px;
    text-align: left;
    padding: 0 10px 3px 0;
}
.loginbox .loginbox-phone .loginbox-phone-submit {
    margin-top: 10px;
}
.loginbox .loginbox-phone .loginbox-line {
    margin-bottom: 0;
}
.loginbox .loginbox-phone .loginbox-form-title {
    font-size: 12px;
    color: #F70;
    text-align: center;
    margin-bottom: 12px;
}
.loginbox .loginbox-phone .selectCountry-box {
    position: relative;
    float: left;
    width: 83px;
    height: 33px;
    border: 1px solid #e5e5e5;
    padding-left: 10px;
    text-align: left;
    line-height: 33px;
}
.loginbox .loginbox-phone .selectCountry-box-code {
    border: none;
    outline: none;
    width: 48px;
    height: 33px;
    line-height: 33px;
}
.loginbox .loginbox-phone .selectCountry-san-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
}
.loginbox .loginbox-phone .selectCountry-san {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #f70 transparent transparent transparent;
}
.loginbox .loginbox-phone .selectCountry-san1 {
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #f70 transparent;
}

.loginbox .loginbox-phone #selectCountry {
    display: none;
    position: absolute;
    top: 34px;
    left: -2px;
    height: 150px;
    padding-bottom: 15px;
    overflow-y: scroll;
    background-color: #fff;
    z-index: 10;
}
.loginbox .loginbox-phone .selectCountry-avtive {
    background-color: #fff0e2;
    color: #f70;
}
.loginbox .loginbox-phone #selectCountry li {
    float: left;
    width: 314px;
    height: 30px;
    cursor: pointer;
}
.loginbox .loginbox-phone #selectCountry li:hover {
    background-color: #fff0e2;
    color: #f70;
}
.loginbox .loginbox-phone .selectCountry-country {
    padding-left: 10px;
}
.loginbox .loginbox-phone .selectCountry-value {
    padding-right: 65px;
}
.loginbox .loginbox-phone .country-con{
    margin-top: 10px;
}
/*手机号码*/
.loginbox .loginbox-phone .country-con {
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
}
.loginbox .loginbox-phone .country-code {
    width: 40px;
    height: 24px;
    padding: 0 4px;
    line-height: 24px;
    border: 0;
}
.loginbox .loginbox-phone .country-phonenum {
    /*border: 0;*/
    width: 218px;
    height: 40px;
    padding: 0;
    margin-left: 5px;
    padding-left: 10px;
}
.loginbox .loginbox-phone .phone-cap,.loginbox .loginbox-phone .loginbox-phone-yzp {
    width: 218px;
    height: 33px;
    padding-left: 10px;
}
.loginbox .loginbox-phone .loginbox-phone-yzp {
    width: 206px;
}

.ipt-style {
    outline: none;
    border: none;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    padding-left: 4px;
    /* margin-top: -4px; */
    border-bottom: 1px solid #e9e9e9;
}
/*校验码*/
.loginbox .loginbox-phone .phone-capimg {
    width: 93px;
    height: 33px;
    vertical-align: top;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}
/*语音验证按钮*/
.loginbox .loginbox-phone .phone-send{
    display: block;
    width: 95px;
    height: 35px;
    overflow: hidden;
    background: #22a7ff;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    /*padding-left: 28px;*/
    cursor: pointer;
    border: 0;
    outline: 0;
    text-align: center;
}
.loginbox .loginbox-phone .long {
    width: 105px;
    background: #b5b5b5;
}
.loginbox .loginbox-phone .phone-send-text {
    margin: 10px 0;
    color: #a0a0a0;
    width: 340px;
}
.loginbox .loginbox-phone .loginbox-phone-submit span {
    letter-spacing: 1px;
}

/* 内容-手机绑定-end */

/* 内容-个人中心 */
.loginbox .loginbox-member {
    margin-top: 40px;
    padding-bottom: 30px;
}
.loginbox .loginbox-member .loginbox-member-text {
    text-align: center;
    font-size: 16px;
}
.loginbox .loginbox-member .loginbox-bd-title {
    color: #34495e;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: none;
}
.loginbox .loginbox-member .loginbox-bd-phonenum {
    width: 200px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #818181;
    margin-top: 10px;
}
.loginbox .loginbox-member .loginbox-member-text .apply-anchor {
    display: inline-block;
    *display: block;
    *zoom: 1;
    min-width: 120px;
    margin: 0 auto;
    padding: 8px;
    margin-top: 30px;
    background-color: #F70;
    color: #fefff3;
    font-size: 18px;
    border-radius: 4px;
}
.loginbox .loginbox-member .loginbox-line {
    margin-bottom: 0;
}
/* 内容-个人中心-end */


/*
    辅助提示类: 提示
*/
.loginbox .myuser-tip {
    position: absolute;
    width: 335px;
    height: 17px;
    font-size: 12px;
    line-height: 16px;
    z-index: 398;
    padding-left: 15px;
}
.loginbox .myuser-tip-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    background-image: url(.login-icon.png?20170116);
    background-repeat :no-repeat;

}
/* 错误图标*/
.myuser-tip-icon1 {
    height: 11px;
    margin-top: 3px;
    background-position: -19px -117px;
}
/* 蓝色感叹号 */
.myuser-tip-icon2 {
    height: 11px;
    margin-top: 3px;
    background-position: -19px -101px;
}
/* 弱密码 */
.myuser-tip-icon3 {
    height: 9px;
    margin-top: 2px;
    background-position: 0 -132px;
}
/* 中密码 */
.myuser-tip-icon4 {
    height: 9px;
    margin-top: 2px;
    background-position: 0 -117px;
}
/* 强密码 */
.myuser-tip-icon5 {
    height: 9px;
    margin-top: 2px;
    background-position: 0 -101px;
}
/* 密码提示颜色*/
/* 蓝 */
.myuser-tip .myuser-tip-text2 {
    color: #10a7ee;
}
/* 红 */
.myuser-tip .myuser-tip-text1,
.myuser-tip .myuser-tip-text3 {
    color: #ff4a35;
}
/* 橙 */
.myuser-tip .myuser-tip-text4{
    color: #f70;
}
/* 绿 */
.myuser-tip .myuser-tip-text5 {
    color: #37c82c;
}
/* 提示 */
.loginbox .myuser-info-tip {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 370px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #3bf;
    z-index: 400;
    padding-left: 14px;
}
.loginbox .myuser-info-tip-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    background: url(.login-icon.png?20170116) no-repeat;
    background-position: -19px -101px;
    margin-top: 3px;
}
/* 边框 */
/*.loginbox .myuser-info-tip-arrow1 {
    border-bottom: 6px solid #2a90d8;
    top: -7px;
}*/
/* 覆盖边框 */
/*.loginbox .myuser-info-tip-arrow2 {
    border-bottom: 6px solid #d4e9f7;
    top: -6px;
}*/
.loginbox .myuser-info-tip-cont {
    padding: 4px 10px;
    /*background: #d4e9f7;*/
}*/


/*
*@author yichunbao 20160818
**************异地登录验证******开始***
*/
.location-verify{
    position: relative;
    padding:0 15px 5px 55px;
    background-color:#fff;
    width: 390px;
    font-family: "Microsoft yahei";
    font-size: 14px;
}
.location-verify .waring{
    position: absolute;
    background:url(../../third/art-dialog-dy/skins/icons/warning.png);
    width: 31px;height: 31px;
    left:5px;
    top:0px;
}
.aui_content .location-verify p{
    font-size: 14px;
    line-height:22px;
    color:#3a3a3a;
}
.location-verify .mobile{
    margin-top: 16px;
    margin-bottom: 16px;
}
.location-verify .code-box{
    margin-top: 20px;
    width:430px;
}
.location-verify .code-box input[type=text]{
    padding: 0 10px;
    border: 1px solid #ccc;
    color: #979696;
    font-size: 14px;
    outline: 0;
    width: 135px;
    line-height: 28px;
    height:28px;
}
.location-verify .code-box .voice-send{
   font-size: 14px;
   margin-left: 10px;
   width: 94px;
   height: 30px;
   text-align: center;
   background-color: #ff8e01;
   color: #fff;
   border-radius: 4px;
   border:none;
}
.location-verify .code-box .voice-send.disabled{
   background-color: #b7b7b7;
   color: #e9e9e9;

}
.location-verify .code-box span{
    margin-left:10px;
    color:#ff7800;
    font-size: 12px;
    padding-left:22px;
    background: url(.err.png)no-repeat 0 center;
    line-height: 30px;
    display:none;
}

.location-verify .control{
    text-align: center;
    margin-top: 24px;
    margin-left:-55px;
    width: 460px;
}
.location-verify .control input{
    width:100px;
    height: 30px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
}
.location-verify .submit{
    background-color: #ff7700;
    border:1px solid #ff7700;
    color: #fff;
    margin-right: 14px;
}
.location-verify .submit:hover{
    background-color: #ff6600;
}
.location-verify .cancel{
    background-color: #fff;
    border:1px solid #ff7802;
    color: #ff7700;
}
.location-verify .cancel:hover{
    background-color: #ff6600;
    color:#fff;
}
.location-verify .tips{
    width: 270px;
    line-height: 14px;
    font-size: 12px;
    margin-top: 7px;
}
.location-verify img{
    vertical-align: middle;
}
/*
*@author yichunbao 20160818
**************异地登录验证******结束***
*/

/* 英文模式 */
.loginbox .login-box-eng {
    font-size: 14px;
    color: #999999;
    text-align: center;
    left: 150px;
    bottom: 20px;
    position: absolute;
    width: 100px;
}
/* 英文模式 */

/* 中文模式 */
.loginbox .login-box-ch {
    font-size: 14px;
    color: #999999;
    text-align: center;
    left: 150px;
    bottom: 20px;
    position: absolute;
    width: 100px;
}
/* 中文模式 */

/* #40126-账号体系_手机号登录-登录子类型 */
.loginbox-login-subtype .l-stype {
    color: #999;
    cursor: pointer;
    font-size: 18px;
    position: relative;
    text-align: center;
    display: inline-block;
}

.lang_en_us .l-stype {
    font-size: 15px;
}

.loginbox-login-subtype .l-divider {
     color: #eee;
     margin: 0 6px;
}
.loginbox-login-subtype .l-stype.active {
    color: #333;
    font-weight: bold;
}

.loginbox-login-subtype .l-stype:hover {
    color: #ff5d23;
    font-weight: bold;
}

.active .tabLine {
    position: absolute;
    left: 50%;
    width: 40px;
    height: 4px;
    background: #ff5d23;
    border-radius: 2px;
    margin-left: -20px;
    bottom: -20px;
}
.loginbox-p-stype-item {
    margin-top: 34px;
    height: 40px;
}
/*.loginbox-p-stype-item {
    display: none;
}*/
/*.loginbox-p-stype-item.active {
    display: block;
}*/

/* 国家地区选择组件 样式*/
.loginbox .selectCountry-box {
    position: relative;
    float: left;
    width: 10%;
    height: 40px;
    text-align: left;
    line-height: 40px;
    padding-left: 4px;
    box-sizing: border-box;
}
.loginbox .selectCountry-box-code{
    border: none;
    outline: none;
    width: 10%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.loginbox .selectCountry-san-box{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
}
.loginbox .selectCountry-san {
    position: absolute;
    top: 9px;
    right: -12px;
    width: 16px;
    height: 16px;
    background: url(down.png);
}
.loginbox .selectCountry-san1{
    background: url(.top.png);
}

.loginbox .select-country-list{
    display: none;
    position: absolute;
    top: 41px;
    left: -1px;
    width: 360px;
    height: 175px;
    padding-bottom: 15px;
    overflow-y: scroll;
    background-color: #fff;
    z-index: 400;
    overflow-x: hidden;
    border: 1px solid #e5e5e5;
    border-top: 0px;
}
.loginbox .selectCountry-avtive {
    background-color: #fff0e2;
    color: #f70;
}
.loginbox .select-country-list li{
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.loginbox .select-country-list li:hover{
    background-color: #fff0e2;
    color: #f70;
}
.loginbox .selectCountry-country{
    padding-left: 10px;
}
.loginbox .selectCountry-value {
    padding-right: 46px;
}
.loginbox .country-con{
    margin-top: 10px;
}
/*手机号码*/
.loginbox .country-con{
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
}
.loginbox .country-code{
    width: 40px;
    height: 24px;
    padding: 0 4px;
    line-height: 24px;
    border: 0;
}
.loginbox .country-phonenum{
    /*border: 0;*/
    width: 100%;
    height: 40px;
    padding: 0;
    border: none;
    outline: none;
    font-size: 16px;
}
/* 移植手机号码-END */

.loginbox .login-box-toptxt {
    width: 100%;
    text-align: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
}
.loginbox .loginbox-reg .login-box-toptxt {
    right: 50px;
}
/* #40126-账号体系_手机号登录-登录子类型-END */

/* #40126-账号体系_注册调整 */
.loginbox .loginbox-reg .login-box-eng {
    display: inline-block;
    margin-top: 10px;
}
/* #40126-账号体系_注册调整 */


/*#41798-账号体系升级-其他优化*/
.loginbox .loginbox-phone .loginbox-bd-title-wrap {
    width: 400px;
    margin: 0 0 10px -35px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.loginbox .loginbox-phone .loginbox-bd-title-wrap .loginbox-bd-title {
   font-size: 22px;
    font-weight: bold;
    color: #34495e;
    width: auto;
    margin: 0;
    padding: 0;
    border-bottom: none;
    display: inline;
}
.loginbox .loginbox-phone .loginbox-bd-title-wrap .loginbox-bd-loginnow {
    font-size: 22px;
    font-weight: bold;
    color: #f70;
}
/*#41798-账号体系升级-其他优化*/

/*#43111 Web端扫码登录 yaoxue begin*/

.status-scan,
.status-scanfail,
.status-scansucceed{
    min-height: 415px;
}
.status-scan .loginbox-bd-container,
.status-scanfail .loginbox-bd-container,
.status-scansucceed .loginbox-bd-container{
    display: none;
}
.status-scan .loginbox-scanwrap,
.status-scanfail .loginbox-scanwrap,
.status-scansucceed .loginbox-scanwrap{
    display: block;
}
.loginbox-scanwrap{
    text-align: center;
    position: relative;
}
.loginbox-scancontent .scan-note{
    margin-top: 42px;
    font-size: 0;
    font-weight: 700;
    color: #34495e;
}
.scan-note span,
.scan-note a{
    font-size: 14px;
}
.scan-note a{
    color: #f50;
}
.scan-note .note2{
    padding: 0 4px;
    color: #f50;
}
.scan-note .line {
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #ddd;
}
.scan-qrcode{
    position: relative;
    overflow: hidden;
    width: 146px;
    height: 146px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #f4f3f2;
    padding: 10px;
    box-sizing: border-box;
}
.scan-qrcode .qrcode-img{
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.scan-qrcode .qrcode-img .douyu-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    width: 36px;
    height: 36px;
    /* background: url(douyuicon.png?v=20170410) 0 0 no-repeat; */
}
.status-scanfail .scan-qrcode .qrcode-mask{
    display: block;
}
.scan-qrcode .qrcode-mask{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.scan-qrcode .qrcode-maskcon{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    color: #fff;
}
.scan-qrcode .qrcode-maskbg{
    margin-top: -100%;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    -ms-opacity: .6;
    -o-opacity: .6;
    opacity: .6;
}
.scan-qrcode .qrcode-mask span{
    margin-bottom: 18px;
    padding-top: 42px;
    font-size: 16px;
    display: inline-block;
}
.lang_en_us .qrcode-mask h2{
    font-size: 14px;
}

.fresh-btn-out {
    width: 100%;
    text-align: center;
}
.scan-qrcode .qrcode-mask .fresh-btn{
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 25px;
    line-height: 24px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #f50;
    display: inline-block;
}
.scan-time{
    margin: 14px 0 0 -50px;
    width: 400px;
    font-size: 0;
}
.scan-time span{
    font-size: 12px;
    color: #555;
}
.scan-time .time2{
    color: #f50;
}
.status-scansucceed .loginbox-scancontent{
    display: none;
}
.status-scansucceed .loginbox-scanmobile{
    display: block;
}
.loginbox-scanmobile{
    display: none;
}
.loginbox-scanmobile .scanmobile-icon{
    margin: 0 auto;
    width: 95px;
    height: 95px;
    background: url(scanmobile_icon.png?v=20170410) 0 0 no-repeat;
}
.loginbox-scanmobile .scanmobile-note{
    margin-top: 15px;
    font-size: 14px;
    font-weight: 700;
    color: #34495e;
}
.loginbox-scanmobile .scanmobile-back{
    margin-top: 22px;
}
.loginbox-scanmobile .scanmobile-back a{
    color: #f50;
}
.loginbox-scanicon{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 61px;
    height: 61px;
    background: url(scanicon.png?v=20170410) 0 0 no-repeat;
    cursor: pointer;
}
.status-scan .loginbox-scanicon,
.status-scanfail .loginbox-scanicon,
.status-scansucceed .loginbox-scanicon{
    background-position: 0 -61px;
}
/*#43111 Web端扫码登录 yaoxue end*/



/* 异地登录验证 */
.loginbox-con {
    position: relative;
}
.loginbox-con .location-verify-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 14px;
    z-index: 1003;
}
/* 单独登录页 */
.loginbox-con .location-verify-wrap .location-verify-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 1004;
}
/* iframe-SDK */
.loginbox-con-iframe .location-verify-wrap .location-verify-mask {
    top: -30px;
}
.loginbox-con .location-verify-close {
    position: absolute;
    top: 7px;
    right: 11px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 29px;
    font-weight: bolder;
    color: #ddd;
    cursor: pointer;
}

.loginbox-con .location-verify-close:hover {
    color: #ccc;
}
.loginbox-con .location-verify-content {
    position: relative;
    z-index: 1005;
    width: 380px;
    /* height: 285px; */
    background: #fff;
    border-radius: 4px;
    border: solid 1px #fff;
    margin: auto;
    margin-top: 60px;
}
.loginbox-con .location-verify-title {
    padding-left: 20px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    line-height: 42px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.loginbox-con .location-verify-tip {

}
.loginbox-con .location-verify-phone {
    margin: 15px 0;
}
.loginbox-con .location-verify-phone-input {
    display: inline-block;
    width: 205px;
    height: 35px;
    padding-left: 10px;
    margin-right: 5px;
    border: 1px #ddd solid;
    border-radius: 4px;
    outline: none;
    font-size: 12px;
}

.loginbox-con .location-verify-phone-input:focus {
    border-color: #ccc;
}
.loginbox-con .location-verify-vbtn {
    display: inline-block;
    border: 1px solid #ff7700;
    border-radius: 4px;
    padding: 0 5px;
    width: 100px;
    height: 37px;
    line-height: 30px;
    background: #ff7700;
    font-size: 12px;
    color: #fff;
    outline: none;
}

.loginbox-con .location-verify-vbtn.disabled {
    background: #ccc;
    border-color: #ccc;
}

.loginbox-con .location-verify-submit,
.loginbox-con .location-verify-cancel {
    width: 100px;
    height: 38px;
    cursor: pointer;
    background: #ff7700;
    border: 1px #ff7700 solid;
    border-radius: 4px;
    color: #fff;
}

.loginbox-con .location-verify-cancel {
    margin-left: 40px;
    background: #fff;
    color: #ff7700;
}

.loginbox-con .location-verify-cancel:hover {
    background: #ff7700;
    color: #fff;
}

.loginbox-con .location-verify-info {
    display: none;
    margin-top: 10px;
    color: #999;
}


.loginbox-con .location-verify-ft {
    text-align: center;
    margin: 25px 0 15px;
}

.loginbox-con .location-verify-bd {
    background: #fff;
    padding: 18px;
    text-align: center;
}
/* 异地登录验证 */

/* 异地登录验证 */
/* #60393-数字校验改极验验证及相应页面交互优化-2期 */
.loginbox-con .loginbox-phone .loginbox-phone-cword {
    width: 215px;
    height: 33px;
    padding-left: 10px;
    margin-right: 10px;
}
.loginbox .loginbox-phone .captcha-gt {
    margin-top: 10px;
}
/* #60393-数字校验改极验验证及相应页面交互优化-2期 */

/* #62364 web端登录默认手机扫码  start by tangzhaojin */
.scancode-login {
    padding: 0 20px 0 20px;
}
.scancode-login .scancode-header {
    padding-top: 20px;
}

.scancode-login .scancode-title {
    padding-bottom: 6px;
    line-height: 26px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    color: #34495e;
}
.scancode-login .scancode-middle {
    margin-top: 40px;
}
.scancode-login .scancode-qrcode {
    /* margin-top: 30px; */
    display: inline-block;
    vertical-align: top;
}
.scancode-middle .scancode-contrnt {
    /* height: 240px; */
    text-align: center;
}
.scancode-middle .scan-phonetip {
    /* width: 210px;
    height: 189px;
    margin-right: 8px;
    background: url(qrphone.png?v=20180521) no-repeat; */
}
.scancode-middle .scancode-tip {
    display: inline-block;
    margin-top: 5px;
}
.scancode-middle .scan-tip-icon {
    width: 30px;
    height: 30px;
    background: url(qrcode.png?v=20170820) no-repeat 0 0;
    margin: 5px 20px 0 0;
}
.scancode-middle .note1,
.scancode-middle .note3 {
    font-size: 14px;
    color: #999;
    text-align: left;
}
.scancode-login .scancode-footer {
    margin-top: 50px;
    padding-bottom: 27px;
}
.scancode-footer .scancode-link {
    padding: 0 30px;
}
.scancode-footer .scancide-to {
    font-size: 14px;
    color: #555;
    cursor: pointer;
}
.scancode-footer .link-border {
    color: #eee;
    margin: 0 10px;
}
.scancode-login .qrcode-img .douyu-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    width: 36px;
    height: 36px;
    /* background: url(douyulogo.png?v=20170820) 0 0 no-repeat; */
}
/* .scanicon-toLogin {
    position: absolute;
    top: -8px;
    right: 18px;
    width: 68px;
    height: 61px;
    background: url(qrcode.png?v=20170820) -39px 0 #fff no-repeat;
    cursor: pointer;
} */
/* .scanicon-qrcode {
    position: absolute;
    top: -40px;
    right: 20px;
    width: 68px;
    height: 61px;
    background: url(qrcode.png?v=20170820) -106px 0 #fff no-repeat;
    cursor: pointer;
} */
.scanicon-switch-box {
    position: absolute;
    top: 0;
    right: 0;
}
.scancode-tips {
    position: absolute;
    top: 25px;
    right: 55px;
    display: inline-block;
    padding: 0 15px;
    height: 23px;
    line-height: 23px;
    background-color: #fffbf9;
    border: 1px solid #ffc492;
    border-radius: 5px;
    white-space:nowrap;
}
.loginbox-bd .scancode-tips {
    top: -5px;
}
.scancode-tips:before,
.scancode-tips:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    left: 100%;
    border: solid transparent;
}
.scancode-tips:after {
    border-width: 4px;
    border-left-color: #fff;
    top: 7px;
}
.scancode-tips:before {
    border-width: 6px;
    border-left-color: #ffc492;
    top: 5px;
}

.scancode-tips .scancode-tip-words {
    display: inline-block;
    font-size: 12px;
    color: #f70;
    vertical-align: middle;
}
.scancode-tips .scancode-tip-icon {
    display: inline-block;
    height: 13px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(qrcode.png?v=20170820) #fff no-repeat;
}
.scancode-tips .scancode-tip-lock {
    width: 10px;
    background-position: -186px -2px;
}
.scancode-tips .scancode-tip-shield {
    width: 11px;
    background-position: -205px -2px;
}
/* #62364 web端登录默认手机扫码  end by tangzhaojin */
/* #65528 昵称注册改为手机号注册 start by tangzhaojin */

/* 登陆3种模式-样式控制 start */
.login-form .loginbox-p {
    display: none;
}
.login-form.login-by-nickname .loginbox-p.login-by-nickname,
.login-form.login-by-phoneNum .loginbox-p.login-by-phoneNum,
.login-form.login-by-sms .loginbox-p.login-by-sms{
    display: block;
}
.login-form .login-type-enter{
    display: none;
    color: #f70;
}
.login-form.login-by-nickname .login-type-enter.login-by-nickname,
.login-form.login-by-phoneNum .login-type-enter.login-by-phoneNum,
.login-form.login-by-sms .login-type-enter.login-by-sms{
    display: inline-block;
}
/* 登陆3种模式-样式控制 end */

/* 注册成功->修改昵称 start */
.reg-success-wrap {
    width: 400px;
    height: 322px;
}
.reg-success-wrap .reg-succ-title {
    border-bottom: 1px solid #E9E9E9;
}
.reg-success-wrap .reg-succ-title h2{
    width: 300px;
    height: 30px;
    margin: 30px 50px 0;
    color: #34495E;
    font-weight: bold;
    font-size: 18px;
}
.reg-success-wrap .reg-succ-content {
    width: 300px;
    margin: 20px 50px 0;
}
.reg-success-wrap .reg-succ-content .reg-succ-text{
    color: #666;
    font-size: 14px;
}
.reg-success-wrap .reg-succ-content .reg-succ-nameBox {
    font-size: 0;
    margin-top: 25px;
}
.reg-succ-content .reg-succ-nameBox label {
    display: inline-block;
    width: 78px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #000;
}
.reg-succ-content .reg-succ-nameBox input{
    width: 205px;
    height: 34px;
    line-height: 34px;
    padding-left: 15px;
    border: 1px solid #ddd;
    outline: none;
    font-size: 14px;
}
.reg-succ-content .reg-succ-btn {
    width: 100%;
    height: 40px;
    margin-top: 36px;
    background-color: #f70;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
}
/* 注册成功->修改昵称 end */
/* #65528 昵称注册改为手机号注册- end by tangzhaojin */

/* #81662 手机已经被使用支持直接换绑 wangti start */
/* .confirm-change-phone .aui_dialog {
    /* border: #f1f1f1 1px solid;
    /* box-shadow:0px 0px  5px 2px #f1f1f1;
} */

.confirm-change-phone .aui_header {
    display: none;
}

.confirm-change-phone .aui_main {
    padding-top: 20px;
}

.confirm-change-phone .aui_buttons{
    padding-bottom: 20px;
}

.confirm-change-phone .aui_buttons button{
    width: 100px;
    padding: 8px 0;
}

.confirm-change-phone .account {
    color: #ff7700;
}

.confirm-change-phone .aui_content {
    width: 260px;
    word-break: break-all;
}

/* #81662 手机已经被使用支持直接换绑 wangti end */

/* 客授权登录(PC客户端 + 伴侣客户端) tangzhaojin start */
.authorized-login-box {
  display: none;
}

.authorized-login-header {
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  color: #999;
  text-align: center;
}

/* .authorized-login-main {
  margin-top: 15px;
  font-size: 0;
} */

.authorized-login-main>div {
  vertical-align: middle;
  font-size: 12px;
}

.authorized-login-userInfo {
  width: 100%;
  text-align: center;
  display: inline-block;
  width: 146px;
}

.authorized-login-userInfo.is-both {
  width: 50%;
  text-align: center;
}

.authorized-login-userPic {
  position: relative;
  /* width: 86px;
  height: 86px;
  border: 2px solid #eee;
  border-radius: 50%; */
  cursor: pointer;
  width: 123px;
  height: 123px;
  padding: 10px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #f4f3f2;
}

.authorized-login-userPic:hover {
    background: rgba(255,93,35,0.06);
    border: 1px solid #FF5D23;
}

.authorized-login-userPic img {
  width: 100%;
  height: 100%;
}

/* .authorized-login-userPic::before {
  display: none;
  content: "";
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 20px;
  height: 19px;
  background: url(.hover_icon.png) no-repeat;
  z-index: 2;
}

.authorized-login-userPic::after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  z-index: 1;
}

.authorized-login-userPic:hover {
  border-color: #ff5d23;
} */

.authorized-login-userPic:hover::before {
  display: block;
}

.authorized-login-userPic:hover::after {
  display: block;
}

.authorized-login-userName {
    margin: 5px 0;
    /* max-width: 120px; */
    height: 22px;
    line-height: 22px;
    color: #999;
    position: absolute;
    width: 146px;
    padding: 0 20px;
    box-sizing: border-box;
}

.authorized-login-userName.is-both {
  max-width: 60px;
}

.authorized-login-tip {
    position: absolute;
    width: 123px;
    height: 34px;
    color: #fff;
    background: rgba(0,0,0,0.50);
    bottom: 10px;
    left: 10px;
    line-height: 34px;

}

/* .authorized-login-tip::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.authorized-login-tip.is-pc::before {
  width: 14px;
  height: 13px;
  background: url(.pc_icon.png) no-repeat;
}

.authorized-login-tip.is-bl::before {
  width: 14px;
  height: 11px;
  background: url(.bl_icon.png) no-repeat;
}

.authorized-login-tip.is-both::before {
  width: 22px;
  height: 15px;
  background: url(.both_icon.png) no-repeat;
} */

/* 授权登录(PC客户端 + 伴侣客户端) tangzhaojin end */

/* #87671 帐号相关优化 wangti start */
.capsLock-tip {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 56px;
    padding: 6px;
    color: #000;
    border: 1px solid #000;
    background-color: #fff;
    z-index: 399;
}

.capsLock-tip.hide {
    display: none;
}

.capsLockTip-triangle {
    position: absolute;
    left: 20px;
    top: -12px;
    width: 0;
    height: 0;
    font-size: 0;
    border: 6px solid #000;
    border-color: transparent transparent #000;
}

.capsLockTip-triangle:before {
    content: "";
    position: absolute;
    left: -6px;
    top: -5px;
    width: 0;
    height: 0;
    font-size: 0;
    border: 6px solid #fff;
    border-color: transparent transparent #fff;
}

/* #87671 帐号相关优化 wangti end */

/* 安保问题 liusijia start*/
.location-verify-type, .location-verify-type-value {
    display: inline-block;
    vertical-align: middle;
}
.location-verify-select {
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: left;
}
.location-verify-select .location-verify-select-arrow {
    position: absolute;
    top: 13px;
    right: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #f70 transparent transparent;
}
.location-verify-select.active .location-verify-select-arrow {
    border-width: 0 6px 6px;
    border-color: transparent transparent #f70;
}
.location-verify-select .location-verify-select-value {
    width: 230px;
    padding: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.location-verify-select .location-verify-select-list {
    display: none;
    position: absolute;
    top: 34px;
    left: -1px;
    border: 1px solid #ddd;
    border-bottom: none;
    background: #fff;
    z-index: 1;
}
.location-verify-select .location-verify-select-list .location-verify-select-item {
    width: 230px;
    height: 30px;
    padding: 0 10px;
    border-bottom: 1px solid #ddd;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.location-verify-other-wrap {
    width: 318px;
    margin: 0 auto;
    margin-bottom: 15px;
    text-align: right;
}
.location-verify-other-wrap .location-verify-other {
    color: #4a92f8;
    text-decoration: underline;
}
.location-verify-qa-wrap {
    display: none;
    padding: 0 10px;
}
.location-verify-qa-wrap .location-verify-qa-info {
    padding-top: 10px;
}
.location-verify-qa-wrap .location-verify-qa-info, .location-verify-qa-wrap .location-verify-qa-question {
    color: #0d0b10;
    font-size: 14px;
    font-weight: bold;
}
.location-verify-qa-wrap .location-verify-qa-question {
    margin-top: 10px;
}
.location-verify-qa-wrap .location-verify-qa-question-wrap {
    padding-bottom: 10px;
    height: 214px;
    overflow-y: auto;
}
.location-verify-qa-wrap .location-verify-qa-answer {
    display: inline-block;
    height: 26px;
    padding: 0 19px;
    border-radius: 26px;
    margin: 10px 10px 0;
    background: #eee;
    line-height: 26px;
    color: #666;
    font-size: 14px;
    cursor: pointer;
}
.location-verify-qa-wrap .location-verify-qa-answer.active {
    background: #ffaf6a;
    color: #fff;
}
.location-verify-qa-wrap .location-verify-qa-footer {
    padding: 10px 0 20px;
}
.location-verify-qa-wrap .location-verify-qa-btn {
    display: inline-block;
    width: 166px;
    height: 40px;
    border-radius: 4px;
    background: #f70;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    text-align:center;
    cursor: pointer;
}
.location-verify-qa-wrap .location-verify-qa-cancel {
    float: right;
}
.location-verify-qa-nodata{
    text-align: center;
}
.location-verify-qa-nodata p{
    padding: 30px 0;
}
.location-verify-qa-nodata .location-verify-qa-btn{
    margin-bottom: 20px;
}
/* 安保问题 liusijia end*/

/* 九宫格 */
.vcode9-shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    opacity: 0;
    filter: Alpha(Opacity=0);
    background-color: #000;
}

.vcode9 {
    width: 388px;
    height: 382px;
    margin: -191px 0 0 -194px;
    font-size: 12px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1003;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e0e0e0;
}

.vcode9-tit {
    height: 46px;
    overflow: hidden;
    background: #f6a200;
}

.vcode9-tit h3 {
    padding-left: 18px;
    float: left;
    line-height: 46px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
}

.vcode9-close {
    float: right;
    display: block;
    width: 46px;
    height: 46px;
    background: url(../../res/com/vcode9/vcode9-close.gif) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    transition: all .3s linear;
}

.vcode9-close:hover {
    background: url(../../res/com/vcode9/vcode9-close-hover.gif) no-repeat;
}

.vcode9-con { padding: 35px 47px 30px; }

.vcode9-preview {
    height: 36px;
    line-height: 36px;
    word-break: break-all;
}

.vcode9-preview>span {
    float: left;
    padding-right: 14px;
    font-size: 14px;
}

.vcode9-preview>b {
    height: 34px;
    width: 46px;
    float: left;
    line-height: 34px;
    font-size: 22px;
    font-weight: normal;
    border: 1px solid #ddd;
    border-right: none;
    text-align: center;
    background-repeat: no-repeat;
    background-position: -500px -500px;
}

.vcode9-preview .p-delete {
    width: 48px;
    height: 36px;
    border: none;
    cursor: pointer;
    background: url(../../res/com/vcode9/vcode9-del.png) no-repeat;
}

.vcode9-guide {
    height: 43px;
    padding-left: 58px;
    padding-top: 12px;
    margin-bottom: 5px;
}

.vcode9-guide>span {
    display: inline-block;
    width: 150px;
    height: 40px;
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer;
    background-position: 0px 40px;
}

.vcode9-guide>a {
    color: #3eb0d8;
    padding-left: 18px;
    font-style: normal;
}

.vcode9-action { padding-left: 58px; }

.vcode9-input {
    width: 194px;
    margin-top: 10px;
    margin-left: 58px;
}

.vcode9-input>a {
    display: block;
    float: left;
    width: 55px;
    height: 40px;
    margin: 0 5px 5px 0;
    border: 1px solid #e0e0e0;
    border-bottom-color: #bfbfbf;
    outline: 0;
    background: -ms-linear-gradient(top, #fff, #f5f5f5);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
    background: -moz-linear-gradient(top, #fff, #fafafa);
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#FFFFFF, endColorStr=#F5F5F5);
    zoom: 1;
}

.vcode9-input>a.i-0 b { background-position: 0 0; }

.vcode9-input>a.i-1 b { background-position: -55px 0; }

.vcode9-input>a.i-2 b { background-position: -110px 0; }

.vcode9-input>a.i-3 b { background-position: 0 -40px; }

.vcode9-input>a.i-4 b { background-position: -55px -40px; }

.vcode9-input>a.i-5 b { background-position: -110px -40px; }

.vcode9-input>a.i-6 b { background-position: 0 -80px; }

.vcode9-input>a.i-7 b { background-position: -55px -80px; }

.vcode9-input>a.i-8 b { background-position: -110px -80px; }

.vcode9-input>a>b {
    width: 55px;
    height: 40px;
    display: block;
    cursor: pointer;
    zoom: 1;
}

.vcode9-sign {
    height: 200px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #cccccc;
    text-align: center;
    padding-top: 10px;
    font-size: 16px;
    display: none;
}

.vcode9-sign .s-cdown {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    font-size: 14px;
    background-color: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding-left: 8px;
}

.vcode9-sign .s-cdown .closetxt,
.vcode9-sign .s-cdown .closebtn {
    color: #fff;
    cursor: pointer;
}

.vcode9-sign .s-cdown .cqnosign {
    color: #fb562a;
    margin-left: 10px;
}

.vcode9-sign .s-box {
    width: 390px;
    height: 210px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.vcode9-sign .s-box object,
.vcode9-sign .s-box img {
    width: 390px;
    height: 210px;
}

.loginbox .captcha-gt.render {
    position: relative;
    padding-top: 20px;
}

/* 图片验证码 */
.verify-imgCode-span {
    position: absolute;
    width: 30px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-image: url(login-yan.png);
}

.verify-imgCode-input {
    padding-left: 34px;
    width: 174px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #ddd;
    font-size: 14px;
    outline: none;
    vertical-align: middle;
    transition: border-color .3s ease 0s;
}

.verify-imgCode-img {
    position: absolute;
    vertical-align: middle;
}

.verify-captcha-error {
    border-color: #F00;
    background: #FFF1F1;
}
.refresh-code.disabled {
    color: #999;
}

.bindPhone-con {
    float: right;
    height: 515px;
    border-radius: 8px;
}

.bindPhone-con .loginbox-close {
    display: none;
}

.bindPhone-subTitle {
    height: 20px;
    line-height: 20px;
    color: #999;
}

.bindPhone-con .loginbox-p-stype-item {
    margin-top: 14px;
}

.bindPhone-con .loginbox-p.login-by-sms {
    display: block;
}

.bindPhone-con .cant-get-reason {
    display: block;
}

.bindPhone-skip {
    margin-top: 12px;
    color: #999;
    cursor: pointer;
}

.bindPhone-con .login-box-eng,
.bindPhone-con .login-box-ch {
    cursor: pointer;
}

.stolenAccountBox{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1002;
}

.stolenAccountBox-content{
  position: absolute;
  width: 280px;
  height: 216px;
  left: 50%;
  top: 50%;
  margin-left: -140px;
  margin-top: -108px;
  background-color: #ffffff;
  overflow: hidden;
  border-radius: 8px;
}

.stolenAccountBox-header{
  position: relative;
  width: 100%;
  height: 44px;
  text-align: center;
  background: #ff5d23;
  color: #ffffff;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 44px;
}

.stolenAccountBox-header-close{
  width: 14px;
  height: 14px;
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
  background: url('../../res/page/stolen_account/close-icon.png');
}

.stolenAccountBox-body{
  font-size: 14px;
  color: #666;
  text-align: center;
  padding: 28px 30px;
}

.stolenAccountBox-footer{
  text-align: center;
}

.stolenAccountBox-btn{
  cursor: pointer;
  display: inline-block;
  width: 104px;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
}

.stolenAccountBox-ok {
  margin-right: 20px;
  background: #ff5d23;
  border: none;
  color: #fff;
}

.stolenAccountBox-ok:hover {
  background-color: #e5531e
}

.stolenAccountBox-cancel {
  color: #ff5d23;
  background-color: transparent;
  border: 1px solid #ff5d23;
}

.stolenAccountBox-cancel:hover {
  background-color: #ffeee8;
  color: #ff5d23
}