/*微课堂登录*/
.wktLogin{margin-top:1rem; position:relative;}
.wktLogin .head{ display:flex;justify-content:space-between;}
.wktLogin .title{font-size:1.25rem;color:#578bed;font-weight:600;font-family:PingFangSC-Medium; height:1.2rem; line-height:1.2rem;}
.wktLogin .inputBox{width: 100%;margin-top: 2rem;}
.wktLogin .inputBox .inputLi{width: 100%;border-bottom: 1px solid #efefef; height:3.8rem; display:flex;align-items:center;justify-content:space-between;}
.wktLogin .inputBox .inputLi i{ width:1.2rem; height:1.2rem;text-align:center;line-height:1.2rem; background:#9a9b9e;font-size:0.9rem; color:#fff;border-radius:100%;  display:none;}
.closeBtn{ position:absolute; top:2.25rem; right:0; width:0.94rem; height:0.94rem; background:#999; color:#fff;font-size:0.5rem;border-radius:100%;text-align:center;line-height:0.94rem; display:none;}
.wktLogin .inputBox .inputLi1{width: 65%;border-bottom: 1px solid #efefef; display:inline-block; float:left;}
.wktLogin .inputBox li input{font-size:1rem;line-height: 3rem;width: 100%;height: 100%;background-color:transparent;}
#accountLogin .btnBox{width:100%; height:2.1rem; margin-top:2rem;line-height:2.1rem; display:flex;align-items:center;justify-content:space-between;}
.wktLogin .tabBtn{ height:0.6rem; font-size:0.875rem; font-family:PingFangSC-Regular; font-weight:400; color:#1b1c1e; line-height:0.6rem; display:flex;align-items:center;justify-content:space-between; margin-top:0.4rem;}
.wktLogin .loginImg{width:0.6rem; height:0.6rem; margin-left:0.41rem;}
.wktLogin .btn{background:#dfdfdf;margin-top:2.75rem; border-radius:2rem;color:#fff;line-height:2.8rem; width:8.12rem; text-align:center; float:right;}
.wktLogin .btn:hover{ opacity:0.85;}
/*.wktLogin .tabText{width:1.55rem; height:1.05rem; font-size:0.75rem; font-family:PingFangSC-Semibold; font-weight:600; color:rgba(255,255,255,1); line-height:1.05rem;}*/
#accountLogin .btn.active{background:#578bed;}
#mobileLogin .btn.active{background:#578bed;}
.popBox1{ display:none;}
.maskSuccess{width:8.34rem; height:3.19rem; background:rgba(0,0,0,0.7); border-radius:0.25rem; position:fixed; top:11.625rem; left:50%; margin-left:-4.17rem;justify-content:center; }
.maskSuccess .successIcon{display:inline-block; font-size:1.5rem; color:#fff;}
.maskSuccess .loginSxt{ font-size:1rem; font-family:PingFangSC-Regular; font-weight:400; color:rgba(255,255,255,1); margin-left:0.86rem;display:inline-block; color:#fff;}
.noBind{ width:100%;text-align:center;line-height:2rem; color:#909195;font-size:1rem; margin-top:1.56rem;}
.noBind .fnFont{font-size:1rem;color:#909195;}
.switchBox{ width:17.5rem; background:#fff; position:fixed; top:50%; left:50%; margin-top:-6.14rem; margin-left:-8.75rem; padding-top:2.66rem;border-radius:0.25rem; display:none;}
.switchBox .text{ width:100%; padding:0 1.75rem;text-align:center; color:#1b1c1e;font-size:1rem;line-height:1.5rem;}
.switchBox .bindBtn{ width:100%; height:2.8rem; border-top:1px solid #578bed; margin-top:2.8rem;}
.switchBox .bindBtn .cancelBind{ display:inline-block; width:50%; height:100%; background:#eff4fb; color:#578bed;font-size:1rem; float:left;text-align:center;line-height:2.8rem;border-radius:0 0 0 0.25rem;}
.switchBox .bindBtn .trueBind{ display:inline-block; width:50%; height:100%; background:#578bed; color:#fff;font-size:1rem; float:left;text-align:center;line-height:2.8rem;border-radius:0 0 0.25rem 0;}
.bindMask{ width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); display:none;}
/*mobileLogin*/
#mobileLogin{ display:none;}
#mobileLogin .btnBox{width:100%; height:2.1rem; margin-top:2rem;line-height:2.1rem; display:flex;align-items:center;justify-content:space-between;}
#mobileLogin .password2{font-size:0.94rem;line-height: 3rem;width: 69%;height: 100%;color:#909195;background-color:transparent;}
#mobileLogin .inputLi2{width:35%;font-size:1rem; font-family:PingFangSC-Medium;color:#909195;text-align:center; float:left; border:0;}
#mobileLogin .inputLi2 .gain{text-align:center; color:#909195;font-size:1rem; margin:0 auto;line-height:1.06rem;}
#mobileLogin .inputLi2 .gain.act{ color:#578bed;}
#mobileLogin .inputLi2 .gain.act::-webkit-input-placeholder{color:#578bed;}
#mobileLogin .time{width:1.4rem; height:0.7rem; font-size:0.75rem; font-family:PingFangSC-Medium; font-weight:500; color:rgba(55,57,59,1); line-height:0.7rem; margin-left:2.5rem;display:none;}
#mobileLogin .tabBtn{ height:0.6rem; font-size:0.875rem; font-family:PingFangSC-Regular; font-weight:400; color:#1b1c1e; line-height:0.6rem; display:flex;align-items:center;justify-content:space-between;}
.layer{ display:none; width:10rem; height:3rem; background:rgba(0,0,0,0.7);border-radius:0.25rem; position:fixed; top:50%; left:50%; margin-top:-5rem; margin-left:-5rem; font-size:0.875rem; font-family:PingFangSC-Regular; font-weight:400; color:rgba(255,255,255,1);text-align:center;line-height:3rem;}
.wxLogin{ margin:5rem auto 0;}
.wxLogin .topLogin{margin-bottom:1.6rem; display:flex;align-items:center;}
.wxLogin .topLogin .leftLine{ width:37%; height:1px; background:#efefef; display:inline-block;}
.wxLogin .topLogin .rightLine{ width:35%; height:1px; background:#efefef; display:inline-block;}
.wxLogin .topLogin .loginTxt{ color:#909195;font-size:0.75rem; margin:0 0.53rem;}
.wxLogin .botLogin{text-align:center;}
.wxLogin .botLogin .wxBg{ width:3rem; height:3rem;border-radius:100%; background:#eaf5e9; display:flex;align-items:center;justify-content:center; margin:0 auto 0.59rem;}
.wxLogin .botLogin .weixin{font-size:2rem; color:#09bb07;}
.wxLogin .botLogin .wxTxt{font-size:0.75rem; color:#1b1c1e;}
.gt_popup{ width:14rem !important; height:14rem !important; position:absolute !important; top:50%;  left:50%; padding-bottom:0 !important; display:none; margin-top:-7rem;margin-left:-7rem;}
.gt_popup svg{ background:none !important;}
/*codeLogin*/
#codeLogin .maskSuccess{display:none; width:5rem; height:5rem; background:rgba(0,0,0,0.7); border-radius:0.25rem; position:fixed; top:50%; left:50%; margin-top:-9.6rem; margin-left:-2.5rem;text-align:center;}
#codeLogin .btn.active{background:rgba(42,192,208,1);}
#codeLogin .btnBox{width:100%; height:2.1rem; margin-top:2rem;line-height:2.1rem;}
.wxBind{ background:#fff; padding:1.28rem 0;border-radius:0.25rem;}
.photoMask{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none; z-index:100;}
.banBox .seleTit .seleClose{ display:flex; width:1rem; height:1rem; background:#ccc;border-radius:100%;justify-content:center;align-items:center; position:absolute; top:0.84rem; right:0.94rem;}
.banBox .seleTit .seleClose .fnFont{font-size:0.8rem; color:#fff;}
.selctBox .open{font-size:20px; color:#909195;}
.banBox{ position:fixed; bottom:0; left:0; background:#fff;border-radius:0.25rem 0.25rem 0 0; width:100%; height:auto; z-index:200;max-height:28.75rem; display:none;}
.banBox .seleTit{ width:100%; height:2.56rem;line-height:2.56rem;text-align:center; color:#707174;font-size:0.75rem; position:relative;border-bottom:1px solid #efefef;}
.banBox ul li{ padding:1rem 0; display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.banBox ul li .txt1{ color:#1b1c1e;}
.banBox ul li .duiG{font-size:20px; color:#5a8ded; display:none;}
.banBox ul li.act .duiG{ display:block;}
.banBox ul{height:26.16rem;overflow-y:scroll;}
.countrySelect{width: 6rem;height: 3rem;line-height: 3rem;font-size: 1rem;margin-right: 0.56rem;color: #000;}
.countrySelect .fnFont{font-size: 0.7rem;color: #272727;}
.countrySelect .countryId{display: inline-block;width: 3rem;text-align: left;margin-right: 0.25rem;}