.center1200{width:1200px; margin-left:auto;margin-right:auto;}
.logindiv {
    width: 700px;
    height: 450px;
    background-color: #fff;
    border-radius: 8px;
}

.login-left {
    position: relative;
    width: 200px;
    height: 450px;
    background-image: url('https://img1.17img.cn/ui/simg/instrument/child/webinar2020pc/images/bg@2x.png');
    background-size: 205px 450px;
    float: left;
    border-radius: 8px 0px 0px 8px;
}

.login-right {
    position: relative;
    width: 500px;
    height: 450px;
    background-color: #fff;
    float: right;
    border-radius: 0 8px 8px 0;
}

.sidebar {
    width: 100px;
    text-align: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 6px;
    border: 1px solid #4499f7;
    border-radius: 0px 10px 0px 10px;
}


.close-img {
    position: absolute;
    padding: 5px;
    right: 12px;
    top: 12px;
}

.login-type-current {
    width: 180px;
    padding-left: 50px;
    padding-right: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    color: rgba(12,127,242,1);
}

.login-type {
    font-size: 18px;
    padding-left: 50px;
    padding-right: 10px;
    font-weight: 400;
    line-height: 23px;
    color: rgba(16,31,46,1);
}

.login-input-div {
    margin-top: 20px;
    width: 100%;
    height: 50px;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(233,235,242,1);
    border-radius: 4px;
}

.code-btn {
    background-color: rgba(255,255,255,1);
    border: 0px;
    height: 48px;
    font-size: 16px;
    line-height: 16px;
    color: rgba(12,127,242,1);
}

.code-btn-disabled {
    background-color: rgba(255,255,255,1);
    border: 0px;
    height: 48px;
    font-size: 16px;
    line-height: 16px;
    color:rgba(190,197,204,1); margin-left: -15px;
}


.login-msg {
    font-size: 12px;
    line-height: 16px;
    color: rgba(242,70,12,1);
}

.login-btn-div {
    margin-top: 10px;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    background: rgba(12,127,242,1);
}

.login-btn {
    height: 22px;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    color: rgba(255,255,255,1);
}

.login-policy {
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    color: rgba(155,155,155,1);
	top: -128px;
	position: relative;
}


.logintype {
    border-right: 1px solid #E4E7EB;
    padding: 0px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: rgba(12,127,242,1);
}
.login-left .sidebar:hover{background-color:#4499f7;}

.bind-mobile {
    width: 500px;
    height: 420px;
    background-color: #fff;
    border-radius: 8px;
}

.bind-mobile-right {
    position: relative;
    width: 500px;
    height: 250px;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
}

/*20210721*/
#btncode{margin-left:6px;}
.light-btn {
/*  text-decoration: none;

  left: 50%;
  top:355px;
  transform: translate(-50%, -50%);*/
position: relative;
  font-size:18px;
  background: linear-gradient(90deg, #0C7FF2,#032FEC,#f441a5, #ffeb3b, #0C7FF2);
  background-size: 400%;
width:100%!important;
height: 46px;
line-height: 42px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border-radius:2px;
  z-index: 1;
cursor: pointer;
top: 75px; z-index: 1;
border: 0;
}
.light-btn:hover::before,
.light-btn:hover {animation: sun 8s infinite;}

.light-btn::before {
  content: '';
position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  background: linear-gradient(90deg, #0C7FF2,#032FEC, #f441a5, #ffeb3b, #0C7FF2);
  background-size: 400%;
  border-radius:2px;
 /* filter: blur(10px);*/
  z-index: -1;
}
@keyframes sun {100%{background-position: -400% 0;}}
.loginbox{width: 480px; height: 520px; background:#fff; border-radius:0 4px 4px 0;position: relative;}
.logo_common {
    width: 160px;
    height: 38px;
}
.m60{padding:40px 60px;}
.navtap{font-size: 18px; line-height:40px;padding:25px 0 0 0; color: #7D7E80;font-weight: normal;margin-left:85px;display:inline-block;}
.navtap .tapa{font-weight: bold; color:#333; border-bottom: 3px solid #032FEC;margin-right:30px;}
.navtap .tapb{margin-right:30px;}
.fl{float: left;}
.hand{cursor: pointer;}
input[type="checkbox"] {}
.login-input-div2021 {
    margin-top:15px;
    width: 100%;
    height:48px;
    background:#fff;
    overflow: hidden;
    border-radius:2px;position: relative;border: 1px solid #C8C9CC;
}
.login-input-div2021 input{}
.login-input-div2021 ::placeholder {color:#969799;}
.login-policy{color: #919599; font-size: 12px; top:-128px; position: relative;}
.login-policy a{color: #475766; text-decoration:underline;}
.footbox{height:70px; font-size:16px; color:#7D7E80;position: absolute; bottom: 0px; left: 0; line-height:70px; text-align: center; background: #F7F8FA;}
.footbox .logintype {
    border-right: 1px solid #EBEDF0;
    padding: 0px 20px;
    font-size: 16px;
    font-weight:normal;
    line-height: 17px;
    color:#7D7E80;}
.footbox .logintype:hover{color:#0C7FF2;}
.tipsred{position:absolute; top:285px; left:60px; color: #F14728; font-size: 12px;}
.tipsfog{position:absolute; top:285px; right: 40px; color: #666666; font-size: 13px;}
.tipsfog a{ color: #666666; text-decoration: none;}
.login-input-div2021:hover{border: 1px solid #0C7FF2;}
.code-btn2{border: 0px;height: 48px;font-size: 16px;line-height: 16px;color:#969799;}
.eyes{position: absolute; right:15px; top:15px;}
.smfontbox{text-align: center; margin: 20px;color:#666666; line-height: 26px; font-size:16px;}	

.dwlist{width: 163px; position:fixed; background-color: #fff;border: 1px solid #C8C9CC; border-radius:2px;margin-top:48px; z-index:21;list-style:none; margin-left: -1px;}	
.dwlist ul{list-style: none; padding:0 15px; }
.dwlist ul li{list-style: none;}
.dwlist li{line-height:30px;font-size: 14px;padding: 0px;}
.dwlist li:hover{color:rgba(12,127,242,1); background:#F7F8FA;}

.alertdiv .outBox div{-webkit-box-sizing: unset!important; box-sizing: unset!important;}