/*微课堂登录*/
.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;}