﻿#loginBox{width:100%;height:100%}#loginBox .boxBj{display:inline-block;width:100%;height:100%;background:url('../image/loginbg.png') no-repeat center;background-size:cover}#loginBox .loginBox{width:3.6rem;height:4.88rem;background-color:#fff;border-radius:.06rem;position:absolute;left:50%;top:50%;margin-left:-1.8rem;margin-top:-2.44rem}#loginBox .headerBox{width:100%;height:2.08rem;border-radius:.06rem}#loginBox .headerBox>div:first-child{width:2.8rem;height:1.28rem;margin:0 auto;text-align:center}#loginBox .headerBox>div:first-child>img{width:.9rem;height:.9rem;margin-top:.4rem}#loginBox .headerBox>div:first-child .csc_img{width:2.08rem !important;height:.6rem !important;margin-top:.8rem !important}#loginBox .headerBox>div:first-child>div{font-size:.24rem;color:#000;font-weight:bold;margin-top:.07rem}#loginBox .headerBox>div:nth-child(2){width:100%;height:.21rem;font-size:.16rem;text-align:center;margin-top:.3rem}#loginBox .headerBox>div:nth-child(2)>div:first-child{width:50%;height:100%;float:left;border-right:.02rem solid #64676a}#loginBox .headerBox>div:nth-child(2)>div:nth-child(2){width:50%;height:100%;float:left}#loginBox .leftSpan{color:#595c5f;display:inline-block;height:.25rem;cursor:pointer}#loginBox .rightSpan{color:#595c5f;display:inline-block;height:.25rem;cursor:pointer}#loginBox .clickLeftSpan{color:#277ce1;font-weight:bold;border-bottom:.02rem solid #277ce1;display:inline-block;height:.25rem;cursor:pointer}#loginBox .clickRightSpan{color:#277ce1;font-weight:bold;display:inline-block;height:.25rem;border-bottom:.02rem solid #277ce1;cursor:pointer}#loginBox .headerBox>div:nth-child(3){width:100%;height:.28rem;line-height:.15rem;color:#f00;text-align:center}#loginBox .userName_warp{position:relative;margin-bottom:.12rem}#loginBox .userName{border:.01rem solid #d3d3d3;background:url('../image/user .png') left center no-repeat}#loginBox .userName:focus{border:.02rem solid #69aeff;background:url('../image/user1_03.png') .07rem center no-repeat}#loginBox .passWord_wrap{position:relative}#loginBox .passWord_wrap span{position:absolute;right:.2rem;top:.07rem;width:.22rem;height:.2rem}#loginBox .passWord_wrap .close{background:url("../image/hide_pwd.png") left center no-repeat;background-size:contain}#loginBox .passWord_wrap .open{background:url("../image/show_pwd.png") left center no-repeat;background-size:contain}#loginBox .picCode_warp input{width:2.4rem;margin:0 .1rem;display:inline-block}#loginBox .picCode_warp img{float:right;margin-right:.1rem;height:.34rem}#loginBox .footerSty.errNum{margin-top:.64rem}#loginBox input.userPassword::-ms-clear{display:none}#loginBox input.userPassword::-ms-reveal{display:none}#loginBox .userPassword{border:.01rem solid #d3d3d3;background:url("../image/Password.png") left center no-repeat}#loginBox .userPassword:focus{border:.02rem solid #69aeff;background:url("../image/Password2.png") .07rem center no-repeat}#loginBox .userMsg{font-size:.14rem;padding-left:.35rem;background-position:.07rem center;color:#323232;width:3.4rem;margin:0 auto;background-color:#fff}#loginBox .login-self{font-size:.12rem;color:#666;position:relative;padding-left:.26rem}#loginBox .login-self input{top:0;left:.25rem;height:.11rem}#loginBox .login-self input:focus{outline:none}#loginBox .langBox{width:100%;height:.43rem;margin-top:-.06rem}#loginBox .blackpass{width:100%;height:.26rem;line-height:.33rem}#loginBox .blackpass>div>span{margin-right:.1rem;color:#277ce1;cursor:pointer}#loginBox .yuyanBox{padding-right:.07rem;margin:.03rem 0}.yuyanBox ul li{height:.13rem;margin-top:.05rem;line-height:.12rem;cursor:pointer;width:.4rem;text-align:center}.yuyanBox ul li+li{border-left:.01rem solid #cdcdcd}.yuyanBox ul li.noBorder{border:none}.yuyanBox ul li:hover{color:#277ce1}#loginBox .marginSty{margin-left:.06rem;margin-top:.08rem;line-height:.13rem}#loginBox .yuyanBox .btnStyle{width:50%;margin-top:.09rem;padding-left:.05rem}#loginBox .yuyanBox .anniuBox{width:.8rem;background-color:#fff;border:.01rem solid #d3d3d3}#loginBox .yuyanBox .fontSize{font-size:.14rem}#loginBox .yuyanBox .iconStyle{color:#2f9ed7;padding-left:.01rem;margin-top:-.02rem}#loginBox .yuyanBox .dropdownStyle{padding:0;min-width:0;z-index:1001;margin-left:.05rem;width:.8rem}#loginBox .yuyanBox .dropdownLiStyle{border-bottom:.01rem solid #d3d3d3;width:.78rem;height:.3rem}#loginBox .yuyanBox .dropdownLi{width:.78rem;height:.3rem;border-bottom:.01rem solid #d3d3d3}#loginBox .yuyanBox .dropdownAStyle{padding:0;padding-left:.06rem;width:.78rem;line-height:.3rem}#loginBox .yuyanBox .yuyan{line-height:43px;width:50%}#loginBox .loginBtnBox{width:100%;height:.37rem}#loginBox .login-button{height:.37rem;width:3.4rem;background:#277ce1;border:none;color:#fff;margin-left:.1rem}#loginPswd .btn-blue{background-color:#277ce1 !important}#loginPswd .btn-blue:hover{background-color:#1c6bc9 !important}#loginPswd .btn-cancel{width:1.38rem;height:.35rem;background-color:#babfc4;color:#fff}#loginPswd .btn-cancel:hover{background-color:#909396}#loginBox .footerSty>div:nth-child(1){width:47%}#loginBox .footerSty>div:nth-child(2){width:42%;text-align:right;float:left !important;margin-left:7px}#loginBox .footerSty>div:nth-child(3){width:50%}#loginBox .spanSize{font-size:.12rem}#loginBox .spanSize>a{color:#fff !important}#loginBox .footerSty{margin-top:1.14rem;color:#fff;width:405px;margin-left:-3px}#jyBox .btn-password{width:1.4rem;height:.35rem;float:left;border:.01rem solid transparent}#jyBox .btn-login{color:#323232}#jyBox .btn-transation{color:#323232;background-color:#dbdcdc}#jyBox .txt-password{width:2.8rem;height:.35rem;border:.01rem #a9c0dc solid;text-align:left;padding-left:5px}#jyBox .btn-pwdSubmit{width:2.8rem;height:.35rem;background-color:#277ce1;color:#fff}#jyBox .dv-btnChange{width:2.8rem;height:2.82rem;position:absolute;left:50%;margin-left:-1.4rem}#jyBox .bg-btnClick{background-color:#277ce1;color:#fff}#jyBox .erro{color:#f00;text-align:center;height:20px;font-size:12px;line-height:24px}#jyBox .modifyText{font-size:16px;font-weight:bold;text-align:center;color:#131925;line-height:10px}#jyBox .firstLogin{font-weight:bold;text-align:center}#modifyPassword .marginZero{margin-top:0}#jyBox .errorTips{height:0;font-size:12px;line-height:0;color:#f00}#loginPswd .btn-password{width:1.4rem;height:.35rem;float:left;border:.01rem solid transparent}#loginPswd .btn-login{color:#323232}#loginPswd .btn-transation{color:#323232;background-color:#dbdcdc}#loginPswd .txt-password{width:2.8rem;height:.35rem;border:.01rem #a9c0dc solid;text-align:left;padding-left:5px}#loginPswd .btn-pwdSubmit{width:2.8rem;height:.35rem;background-color:#277ce1;color:#fff}#loginPswd .dv-btnChange{width:2.8rem;height:auto;margin:0 auto}#loginPswd .bg-btnClick{background-color:#277ce1;color:#fff}#loginPswd .erro{color:#f00;text-align:center;font-size:12px}#loginPswd .modifyText{font-size:16px;font-weight:bold;text-align:center;color:#131925;line-height:10px}#loginPswd .firstLogin{font-weight:bold;text-align:center}#modifyPassword .marginZero{margin-top:0}#loginPswd .errorTips{height:0;font-size:12px;line-height:0;color:#f00}.modalBox{width:341px;border-radius:5px;background-color:#fff}.modal-width{width:100%}.body-box{width:100%;border-radius:5px;padding:15px !important;padding-top:0 !important}.divH{height:54px}.shortCut{display:block;cursor:pointer;padding:.1rem .1rem 0 0;color:#277ce1;float:right;position:relative}.shortCut:hover{color:#277ce1;text-decoration:underline!important}.shortCut i{color:#277ce1;font-size:.14rem;position:absolute;right:.11rem;top:.13rem}.shortCut i:hover{color:#277ce1}.shortCut i:focus{border:none}.modal-resetPwd{width:4rem;margin:-1.75rem 0 0 -2rem}.contactSty{color:#fff;width:405px;margin-left:-.03rem}.widthAuto{width:auto !important}#resetPwd .modal-body{height:3rem}#resetPwd .modalFooter{height:.6rem}.CSI{width:5rem !important;margin:-1.75rem 0 0 -2.55rem !important}#resetPwd .clearLeft{padding-left:0}#resetPwd .lbl-title{margin-left:.15rem;font-size:.16rem;font-weight:bold}#loginModifyPass .tipPassword{margin-top:.07rem;color:#f61b06}#loginModifyPass .divH{height:.45rem !important}#loginBox .loginBox.BCI{height:4.5rem;margin-top:-3.3rem}#loginBox .BCI section p.chgPsw{width:100%;height:.4rem;line-height:.4rem;font-size:.12rem}#loginBox .BCI .footerSty{margin-top:.8rem;height:.45rem}#loginBox .BCI .tipMsgWrap{width:4.1rem;margin:0 0 0 -.06rem;color:#bfbff1;font-size:.12rem}#loginBox .BCI.enUk .tipMsgWrap{width:7.6rem;margin:0 0 0 -1.2rem}#loginBox .BCI .tipMsgWrap hr{border-top:.01rem dashed #8e91ec;margin:.1rem 0;width:92%}#loginBox .BCI .tipMsgWrap .title{color:#e2e2fa;padding-left:.2rem;height:.3rem;line-height:.3rem}#loginBox .BCI .tipMsgWrap>.title{background:url('../image/Login_notification.png') center left no-repeat}#loginBox .BCI .tipMsgWrap div>.title{background:url('../image/Reset_password.png') center left no-repeat}#loginBox .BCI .tipMsgWrap a.notice{color:#f4e291;text-decoration:underline!important;padding:0 .1rem}#loginBox .BCI .tipMsgWrap>div{margin-top:.1rem}#loginBox .BCI .tipMsgWrap>div p>a{color:#f4e291;text-decoration:underline!important}#loginBox .BCI .tipMsgWrap>div p:last-child{padding-left:.15rem}#loginBox .BCI.bottomTip{background:rgba(7,1,112,.18);color:#b5b6eb;position:absolute;bottom:0;left:0;right:0;height:.35rem;line-height:.35rem;text-align:center}#loginBox .BCI .tipMsgWrap div.browser{background:none;padding:0}#loginBox .BCI .bBoyBox{position:absolute;right:-2.1rem;top:4.25rem}#loginBox .BCI.enUk .bBoyBox{top:2.9rem}#loginBox .BCI .bBoy{display:block;width:1.3rem;height:1.7rem;background:url(../image/zxkf.gif) center no-repeat;background-size:contain}#loginBox .BCI .twoFABox{position:absolute;right:-3rem;top:0}#loginBox .BCI .twoFA{display:block;width:2.6rem;height:2rem;background:url(https://trade8.sctrade.com/image/darkBlue/login/smallFA_cn.png) center no-repeat;background-size:contain}#loginBox .BCI.enUk .twoFA,#loginBox .BCI.cnHk .twoFA{background:url(https://trade8.sctrade.com/image/darkBlue/login/smallFA_en.png) center no-repeat;background-size:contain}#loginBox .bciLogin{height:100%;width:100%;display:inline-block;overflow:auto}#loginBox .bciLogin>div{position:relative;height:100%;width:100%;display:inline-block;min-height:8.5rem}#loginBox .headerBox>div.hengLogo{width:2.8rem}#loginBox .headerBox>div.hengLogo img{width:100%;height:auto;margin-top:.45rem}#brokerLogin{width:100%;height:3.24rem;background:url(../image/bottomBg.jpg) no-repeat bottom;background-color:#f2f7fd}#brokerLogin>div:first-child>div:first-child{left:50%;width:570px;height:1.7rem;float:left;position:absolute;margin-left:-285px;margin-top:.7rem}#brokerLogin>div:first-child>div:first-child>div:first-child{width:230px;text-align:center;height:100%}#brokerLogin .csc_img{width:2.08rem !important;height:.6rem !important;margin-top:.54rem !important}#brokerLogin>div:first-child>div:first-child>div:first-child>img{width:1.16rem;height:1.16rem;margin-top:.03rem}#brokerLogin>div:first-child>div:first-child>div:first-child>div{font-size:.28rem !important;font-weight:bold}#brokerLogin>div:first-child>div:first-child>div:nth-child(2)>div{float:left;height:.34rem}#errSty{width:2.6rem;height:.41rem !important;margin-left:71px !important;color:#f00;text-align:center;margin-top:-.21rem}#brokerLogin .spanSty{font-size:.14rem;display:inline-block;height:.34rem;line-height:.34rem;margin-right:.1rem;width:61px;text-align:right}#brokerLogin .inputSty{width:2.6rem !important;height:.34rem}#brokerLogin .userName{border:.01rem solid #d3d3d3;background:url('../image/user 1.png') left center no-repeat}#brokerLogin .userName:focus{border:.02rem solid #69aeff;background:url('../image/user1_031.png') .07rem center no-repeat}#brokerLogin .passWord_wrap{position:relative}#brokerLogin .passWord_wrap span.eyeIcon{position:absolute;right:.15rem;top:.07rem;display:inline-block;width:.24rem;height:.2rem}#brokerLogin .passWord_wrap .close{background:url("../image/hide_pwd.png") left center no-repeat;background-size:contain}#brokerLogin .passWord_wrap .open{background:url("../image/show_pwd.png") left center no-repeat;background-size:contain}#brokerLogin .passWord_wrap input::-ms-clear{display:none}#brokerLogin .passWord_wrap input::-ms-reveal{display:none}#brokerLogin .userPassword{border:.01rem solid #d3d3d3;background:url("../image/Password1.png") left center no-repeat}#brokerLogin .userPassword:focus{border:.02rem solid #69aeff;background:url("../image/Password21.png") .07rem center no-repeat}#brokerLogin .userMsg{font-size:.14rem;padding-left:.35rem;background-position:.07rem center;color:#323232;width:3.4rem;margin:0 auto}#brokerLogin .login-btn{height:.37rem;width:2.6rem;background:#277ce1;border:none;color:#fff;margin-left:70px;margin-top:.1rem}.modal-Ayers_2FA{width:4rem;margin:-1rem 0 0 -2rem;left:50%;top:50%}.modal-Ayers_2FA h5{color:#eaeaea}.dvTip_2FA{margin-left:.2rem;text-align:left;color:#0094ff}.dvVerify_2FA{float:left;width:50%}.inputVerify_2FA{width:1.75rem;float:right}.dvMaginTop_2FA{margin-top:.1rem}.modal-Ayers_2FA{width:4rem;margin:-1rem 0 0 -2rem}.modal-JYB_2FA{width:5rem;margin:-1.35rem 0 0 -2.5rem}.modal-Ebroker_2FA{width:5rem;margin:-1.35rem 0 0 -2.5rem}.modal-IAisia_2FA{width:4rem;margin:-1.12rem 0 0 -2rem}.dvTip_2FA{margin-left:.2rem;text-align:left;color:#0094ff}.dvVerify_2FA{float:left;width:50%}.inputVerify_2FA{width:1.75rem;float:right}.dvMaginTop_2FA{margin-top:.1rem}#registration .txt-narrow{width:.5rem;display:inline-block}#registration .txt-width{width:.6rem;display:inline-block}#registration .txt-card{width:1.72rem}#registration .modalFooter{height:.6rem}#registration .txt-align{text-align:right}#registration .txt-title{padding-left:.36rem}