.loginBody {
  overflow: hidden;
  height: 100%;
  background-color: #6b7f94;
}

.loginPanel {
  height: auto ;

  width: 100% ;
  background-color:#efefef;
  color:#606060;
  border-radius: 5px;
  box-shadow: 0px 0px 15px #303030;


}

.inElectron
{
  background-color: transparent;
  background-image: url(../../img/login-bg.jpg);
  background-size: cover;
}

.loginPanelMobile {
  height: 0px;
  width: 0px;
  top: 40%;
  left: 50%;
  margin-left:30px;
  margin-right:30px;
  position: absolute;
  /* background-color:#efefef; */
  /* color:#606060; */


}


.loginPanelElectron {
   height: 0px;
   width: 0px;
   top: 40%;
   left: 50%;
   margin-left:30px;
   margin-right:30px;
   position: absolute;
   background-color:transparent;
   color:#606060;


}



.centerMobile {

  width: 400px;
  height: 300px;
  position: absolute;
  margin-top: -200px;
  margin-left: -200px;

}



.center {
  background-color: #ffffff;
  width: 400px;
  height: 300px;
  position: absolute;
  margin-top: -200px;
  margin-left: -200px;
  opacity: 0.85;
}

.roundInput {
  border-radius: 16px;
  background-color: white;
}

input.roundInput:focus{
  border: 1px solid #0986E6 ;
}

.roundButton {
  border-radius: 16px;
  height:32px;
  width:100px;
  outline: none;

}

/* Full Background Image */
img.full-bg {
  min-height: 100%;
  min-width: 1280px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1280px) {
  img.full-bg {
      left: 50%;
      margin-left: -640px;
  }
}


.footer
{
 position:absolute; left:0; width:100%; height:50px; bottom:0;
    color:#333;line-height:50px;
text-align: center;
}



.loginType {
  display: inline-block;
  padding: 0px;
  height:25px;
  margin-left:0px;
  margin-right:48px;
 --font-size:1.1em;
  font-weight: bold;
  border-bottom:1px solid transparent;
  cursor:pointer;
}
.loginType:last-of-type{
  margin-right: 0;
}

.loginType:hover
{
   color: #50BEEA;
}

.loginTypeActive
{
  border-bottom:1px solid #50BEEA;
}


.scanType {
   display: inline-block;
   padding: 0px;
   margin:0;
   height:25px;


   font-weight: bold;
   border-bottom:1px solid transparent;
   cursor:pointer;
}

.scanType:hover
{
   color: #50BEEA;
   padding:0;
   margin:0;
}


.qywx_login {
  width:24px;
  height:24px;
  background-image : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGcgZmlsbD0ibm9uZSIgb3BhY2l0eT0iLjMiPjxwYXRoIGZpbGw9IiMyOTg1REQiIGQ9Ik0wIDE0YzAgNy43MzIgNi4yNjggMTQgMTQgMTRzMTQtNi4yNjggMTQtMTRTMjEuNzMyIDAgMTQgMCAwIDYuMjY4IDAgMTR6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIxLjkxIDE2LjM5M2EzLjk0MyAzLjk0MyAwIDAxLS45ODItMS44NjggMS4wNiAxLjA2IDAgMDAtMS4wNDUtLjkxOSAxLjA1NCAxLjA1NCAwIDAwLS4xOSAyLjA5IDMuNjkxIDMuNjkxIDAgMDExLjkzMiAxLjAxNC4yNDIuMjQyIDAgMDAuMTU4LjA2My4yMTYuMjE2IDAgMDAuMjIyLS4yMjJjLS4wMzItLjA2My0uMDMyLS4xMjYtLjA5NS0uMTU4em0tMy4zNTctLjY5N2EzLjk0MyAzLjk0MyAwIDAxLTEuODY4Ljk4MiAxLjA2IDEuMDYgMCAwMC0uOTE4IDEuMDQ1IDEuMDU0IDEuMDU0IDAgMDAyLjA5LjE5IDMuNjkxIDMuNjkxIDAgMDExLjAxMy0xLjkzMi4yNDIuMjQyIDAgMDAuMDYzLS4xNTguMjE2LjIxNiAwIDAwLS4yMjEtLjIyMi43MjkuNzI5IDAgMDAtLjE1OS4wOTV6bS0uNjk2IDMuMzU3Yy40NzUuNTA3LjgyMyAxLjE0Ljk4MSAxLjg2OGExLjA2IDEuMDYgMCAwMDEuMDQ1LjkxOSAxLjA1NCAxLjA1NCAwIDAwLjE5LTIuMDkgMy42OTEgMy42OTEgMCAwMS0xLjkzMS0xLjAxNC4yNDIuMjQyIDAgMDAtLjE1OS0uMDYzLjIxNi4yMTYgMCAwMC0uMjIxLjIyMi42OTIuNjkyIDAgMDAuMDk1LjE1OHptMy4zNTYuNzI4YTMuOTQzIDMuOTQzIDAgMDExLjg2OS0uOTgxQTEuMDYgMS4wNiAwIDAwMjQgMTcuNzU1YTEuMDU0IDEuMDU0IDAgMDAtMi4wOS0uMTkgMy42OTEgMy42OTEgMCAwMS0xLjAxMyAxLjkzMS4yNDIuMjQyIDAgMDAtLjA2NC4xNTljMCAuMTI2LjA5NS4yMjEuMjIyLjIyMWEuNjQ5LjY0OSAwIDAwLjE1OC0uMDk1eiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik04LjIzIDIwLjEzYy0uMTkgMC0uMzgtLjA2NC0uNTM4LS4xNTktLjMxNy0uMjIxLS40NzUtLjYwMS0uNDQ0LTEuMDc2di0uMDMybC4xNTktMS4yOThDNS44NTUgMTYuMzMgNSAxNC41NTYgNSAxMi43MmMwLTMuNzA1IDMuNDgzLTYuNzE0IDcuNzktNi43MTRzNy43OSAzLjAwOSA3Ljc5IDYuNzQ1aC0xLjA3N2MwLTMuMTM1LTMuMDA4LTUuNjY4LTYuNzEzLTUuNjY4UzYuMDc3IDkuNjE2IDYuMDc3IDEyLjc1YzAgMS41ODQuNzkxIDMuMTM1IDIuMjE2IDQuMjEyYS40NzQuNDc0IDAgMDEuMTkuNDc1bC0uMTkgMS41ODN2LjA5NXMuMDMyIDAgLjA2NC0uMDMxbDEuODM2LS45MTlhLjUzLjUzIDAgMDEuMzgtLjAzMWMuNjk3LjE5IDEuNDU3LjMxNiAyLjE4NS4zMTYuNzYgMCAxLjQ4OS0uMDk1IDIuMTg1LS4zMTZsLjI4NSAxLjAxM2E5LjMwNSA5LjMwNSAwIDAxLTIuNDcuMzQ4IDguOTk3IDguOTk3IDAgMDEtMi4yOC0uMjg1bC0xLjY3OC44MjRjLS4xNTguMDYzLS4zOC4wOTUtLjU3LjA5NXoiLz48L2c+PC9zdmc+) ;
  background-repeat:  no-repeat;
  background-size: 24px 24px ;
}

.thirdLoginSep { border-top: 1px solid #ddd; height:20px;  }
.thirdLoginTip {  margin-top:-11px; font-size:12px; text-align:center; }
.thirdLoginTip label {background-color: #efefef; padding:0 10px; }

/*  =============================================== */

.loginway-icon-box { position:absolute; right:3px;top:0; width:52px; height:52px;  }
.loginway-button {width:52px;height:52px; cursor:pointer; }


#loginWay-scan {padding:20px; }


/*  ====================2024-09-05=========================== */

.middle-panel {
    position:relative;
   max-width: 640px ;
   sborder: 0px solid #888;
}


.parent-panel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;


/**主要代码*/
display: flex;
align-items: stretch;
justify-content: center;
/* max-width: 1920px; */
/* max-width: calc(100vh * 2.293); */
left: 50% !important;
transform: translateX(-50%);
}
.loginBody {
background-color: #FFFFFF !important;
}


.left-panel {
background-image: url(../img/login_bg.png);
background-repeat: no-repeat;
/* background-size: 1280px 1080px; */
background-size:  cover;
background-position: center;
flex: 1;
height: 100%;
}

.login-box,
.register-box {
width: 640px !important;
margin: 0 !important;
height: 100%;
display: flex;
align-items: center;
}

.loginPanel {
box-shadow: none !important;
background-color: #FFFFFF !important;
padding: 0 120px 0 120px;
}

.logo_name {
font-size: 28px;
font-weight: 600;
color: #000;
}

.logo {

/* background-color: rgba(204, 204, 204, 1); */
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}

.logo img{
width: 100%;
height: 100%;
font-size: 0px;

}

.login-logo,
.register-logo {
margin-bottom: 40px;
}

.login-box-msg,
.register-box-msg {
text-align: left;
padding-left: 0;
}

ul.login-box-msg{
  text-align: center;
}

.loginType {
color: #000000;
font-size: 20px;
font-weight: 400;
}

.loginType:hover {
color: #000000;
font-weight: 700;
}

.loginTypeActive {
border: none;
position: relative;
color: #000000;
font-weight: 700;
}

li.loginTypeActive::after {
content: "";
display: block;
width: 30px;
height: 4px;
background: #0986E6;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -12px;
}

.form-control-feedback:not(.btn) {
display: none;
}

.has-feedback .form-control {
height: 50px;
border-radius: 6px;
background: #FFFFFF;
border: 1px solid #DDDDDD;
}

.form-group {
margin-bottom: 30px;
}

.form-group.byName::before,
.form-group.byPhone::before {
font-size: 14px;
font-weight: 400;
display: block;
padding-bottom: 10px;
}

.form-group.byName.loginName::before {
content: '账号';
}

.form-group.byName.loginPassword::before {
content: '密码';
}

.form-group.byPhone.loginPhone::before {
content: '手机号';
}

.form-group.byPhone.loginSmscode::before {
content: '验证码';
}

.form-group.byName.loginPassword .form-control-feedback {
display: none;
width: 16px;
height: 16px;
bottom: 16px;
top: initial;
right: 16px;
line-height: 0;
background-image: url(../img/hide_password.png);
background-size: 100%;
cursor: pointer;
z-index: 99;
pointer-events: initial;
}

#cb_sms,#cb_sms_forget {
display: flex;
width: 100px !important;
height: 3.125rem;
bottom: 0;
top: initial;
right: 0;
align-items: center;
justify-content: center;
border-radius: 0px 6px 6px 0px !important;
background: #EEEEEE;
color: #999999;
box-shadow: none;
}

#cb_sms.active,#cb_sms_forget.active {
  background: #0986E6;
  color: #FFFFFF;
}
#cb_sms.active:hover,#cb_sms_forget.active:hover {
  background: #0986e6;
  opacity: 0.8;
}

#cb_sms.active_sms {
background: #0986E6;
color: #FFFFFF;
}

.form-group.byName.loginPassword .form-control-feedback.showPassword {
background-image: url(../img/show_password.png);
}

.form-group.byName.loginPassword .form-control-feedback::before {
display: none;
}

.forget_box {
padding-bottom: 20px;
text-align: right;
}

#loginType_forget {
  color: #666666;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  }
  #loginType_forget:hover {
  color: #0986E6;
  }

#cb_login {
height: 50px;
border-radius: 6px;
letter-spacing: 4px;
background-color: #0986E6 !important;
}
#cb_login:hover{
  opacity: 0.8;
  background-color: #0986e6 !important;
}
#cb_forget {
height: 50px;
border-radius: 6px;
letter-spacing: 4px;
background-color: #0986E6 !important;
}

#cb_register {
margin-top: 20px;
height: 50px;
border-radius: 6px;
color: #0986E6 !important;
letter-spacing: 4px;
background-color: #FFFFFF !important;
border: 1px solid #0986E6 !important;

}
.back_btn_name{    
display: inline-block;
padding: 0px;
height: 25px;
margin-left: 10px;
margin-right: 10px;
font-size: 20px;
color: #000000;
font-weight: 700;
}
.back_btn{
min-width: 76px;
height: 30px;
border-radius: 117px;
background: #FFFFFF;
border: 1px solid #CCCCCC;
font-size: 12px;
font-weight: 400;
color: #000;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}

.thirdLoginTip label {
background-color: #FFF;
}


@media (max-width: 768px) {
.middle-panel {
    width:100%;
}
.login-box, .register-box {
    width:100%!important;
}
.centerMobile{
    width:100%!important;
    margin: 0;
    top: 0;
    left: 0;
}
  #appName{
      display: flex!important;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      margin-top: 20px;
  }
  #loginWay-input{
      padding: 0 16px;
  }
}