.loginPanel .loginCenterDiv .registerInputBlock {
  position: relative;
  height: 50px;
  line-height: 38px;
  border-radius: 5px;
  border: 1px solid #ccc;
  overflow: hidden;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
}

.marginBottomClass {
  margin-bottom: 1rem;
}

.loginPanel .loginCenterDiv .registerInputBlock:hover {
  border: 1px solid #409eff;
}

.loginPanel .loginCenterDiv .registerInputBlock input {
  position: absolute;
  right: 0px;
  top: 0px;
  width: calc(100% - 50px);
  height: 31px;
  line-height: 18px;
  padding: 10px 4px;
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
}

.loginPanel .rightContainer2 {
  position: absolute;
  right: 0;
  width: 60%;
  height: 100%;
  padding: 30px 35px;
  box-sizing: border-box;
}

.loginPanel .loginCenterDiv .registerBtn {
  width: 100%;
  height: 50px;
  border-radius: 4px;
  border: none;
  outline: none;
  color: #fff;
  font-size: 16px;
  background-color: #409eff;
  cursor: pointer;
}

.loginPanel .loginCenterDiv .registerBtn:hover {
  background-color: #74CBFF;
}

.loginPanel .loginCenterDiv .registerBtn:disabled {
  background-color: #ccc;
}

.loginPanel .loginCenterDiv .registerBtn.disabled {
  background-color: #ddd;
}

.loginPanel .loginCenterDiv .jumpBut {
  width: 100%;
  height: 50px;
  margin-top: 18px;
  border-radius: 4px;
  border: none;
  outline: none;
  color: #fff;
  font-size: 16px;
  background-color: #409eff;
  cursor: pointer;
}

.loginPanel .loginCenterDiv .jumpBut:hover {
  background-color: #74CBFF;
}

.loginPanel .loginCenterDiv .jumpBut:disabled {
  background-color: #ccc;
}

.loginPanel .loginCenterDiv .jumpBut.disabled {
  background-color: #ddd;
}

.jumpBut2:hover {
  background-color: #74CBFF;
}

.jumpBut2:disabled {
  background-color: #ccc;
}

.jumpBut2.disabled {
  background-color: #ddd;
}
.el-dialog {
  height: 80%;
}
.jumpBut2 {
  width: 100%;
  height: 50px;
  margin-top: 18px;
  border-radius: 4px;
  border: none;
  outline: none;
  color: #fff;
  font-size: 16px;
  background-color: #409eff;
  cursor: pointer;
}

.loginPanel .rightContainer3 {
  position: absolute;
  right: 0;
  width: 60%;
  height: 100%;
  padding: 20% 65px;
  box-sizing: border-box;
  text-align: center
}

.rightContainer3 .tipsClass {
  color: #999;
  font-size: 14px;
}

.registerVerifyCodeDiv .el-link-verify-code{
  display: inline-block;
  vertical-align: text-bottom;
  cursor: pointer;
  line-height: 52px;
  font-size: 12px;
  float:right;
  margin-right: 5px;
}

.contactTelDiv {

}

.registerSteps {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

.registerSteps .el-step__title{
  font-size: 12px;
}
/* is-finish */
.registerSteps .is-finish .el-step__icon.is-text {
  background-color: #409EFF;
}
.registerSteps .registerSteps1 .is-finish .el-step__line {
  left: 50%;
  background-color: #409EFF;
}

.registerSteps .is-finish .el-step__line {
  right: 0;
  left: 0;
  background-color: #409EFF;
}
.registerSteps .el-step:last-of-type .el-step__line {
  display: inline-block;
}
.registerSteps3 .is-process .el-step.is-center .el-step__line {
  margin-right: 0;
  transition-delay: 150ms;
  width: 0;
  right: 50%;
  left: 0;
}

/* is-process */
.registerSteps .is-process .el-step__icon.is-text {
  background-color: #c3c3c3;
  color: #c3c3c3;
  border-color: #c3c3c3;
}
.el-step__title.is-process {
  color: #c3c3c3;
  font-weight: normal;
}
.registerSteps .registerSteps3  .is-process .el-step__line {
  left: 0;
  right: 50%;
}
.registerSteps .is-process .el-step__line {
  left: 0;
  right: 0;
  background-color: #c3c3c3;
}


/* is-wait */
.registerSteps .is-wait .el-step__icon.is-text {
  background-color: #c3c3c3;
  color: #c3c3c3;
  border-color: #c3c3c3;
}
.registerSteps .registerSteps3 .is-wait .el-step__line {
  right: 50%;
  left: 0;
  display: inline-block;
  background-color: #c3c3c3;
}
.registerSteps3 .el-step__line-inner {
  border-width: 0;
}

.registerSteps .el-step__icon {
  width: 16px;
  height: 16px;
}

/*-------------------------------------手机css-------------------------------------------*/
@media screen and (min-width: 390px) and (max-width: 391px) {
  html {
    font-size: 76.171875%;
  }
}

.loginPanel2 {
  position: unset;
}
.login-banner {
  height: 36%;
  background: url(../../../default/images/login-banner.png) no-repeat 0 0;
  background-size: 100% 90%;
  padding-top: 1px;
}

.login-logo { height: 8rem; margin: 2.5rem auto 0; position: relative; text-align: center; }
.login-logo h1 { color: #595e6c; font-size: 1.5rem; font-weight: bolder; letter-spacing: 1px; margin: 0}
.login-logo p { color: #595e6c; font-size: 1rem; margin: 0}
.login-logo img { height: 70%; }

.login-banner-icon {
  width: 12.2rem;
  height: 38%;
  position: absolute;
  right: 10%;
  bottom: -3rem;
}
.login-banner-icon img { height: 100%; }

.login-banner-icon-none {
  display: none;
}

.us-icon {
  background: url(../../../default/images/logo.png);
}

.loginPanel .loginCenterDiv .mobileContainer svg {
  width: 26px;
  height: 26px;
  fill: #ccc;
  position: absolute;
  top: 12px;
  left: 10px;
}

.loginPanel .mobileContainer {
  position: absolute;
  width: 100%;
  padding: 35px;
  box-sizing: border-box;
}

.loginPanel .mobileContainer label {
  font-size: 14px;
  color: #999;
}

.loginPanel .mobileContainer .label18 {
  font-size: 18px;
  font-weight: bold;
  color: #666;
}

.loginPanel .mobileContainer2 {
  position: absolute;
  width: 100%;
  padding: 30px 35px;
  box-sizing: border-box;
}

.loginPanel .mobileContainer3 {
  position: absolute;
  width: 100%;
  /*height: 100%;*/
  padding: 20% 65px;
  box-sizing: border-box;
  text-align: center
}

.mobileContainer3 .tipsClass {
  color: #999;
  font-size: 14px;
}

/*
 背景图片  =============================================================================
*/
.mobileBgImgDiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat 50%;
  background-size: cover;
  background-color: white;
}

.mobileBgImgDivLayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
}
.mobileConfirm {
  width: 80%;
}

/*.loginPanel {*/
/*  width: 800px;*/
/*  height: 540px;*/
/*  position: fixed;*/
/*  left: calc(50% - 400px);*/
/*  top: calc(50% - 300px);*/
/*  filter: alpha(opacity:0);*/
/*  z-index: 300;*/
/*  !*margin-left: -200px;*!*/
/*  !*margin-top: -225.5px;*!*/
/*  opacity: 0;*/
/*  display: none;*/
/*  background: white;*/
/*  border-radius: 5px;*/
/*  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
/*  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
/*  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
/*}*/

.left-top-login-logo {
  position: fixed;
  left: 15px;
  top: 15px;
  z-index: 1;
}

.left-top-container {
  display: inline-block;
  /*height: 60px;*/
  margin-left: 10px;
}

.left-top-container span {
  display: block;
}

.left-top-container span:nth-child(1) {
  color: #FFFFFF;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 9px;
  line-height: 50px;
}

.left-top-container span:nth-child(2) {
  color: #FFFFFF;
  font-size: 10px;
}

* {
  margin: 0;
  padding: 0;
}

.qrCode_container {
  position: absolute;
  right: 0;
  top: 0;
}

.qrCode_title_1 {
  position: absolute;
  right: 60px;
  top: 20px;
  width: 112px;
  text-align: right;
  background-color: #EFF7FF;
  padding: 7px;
  color: #409EFF;
  cursor: pointer;
}

.qrCode_title_2 {
  position: absolute;
  right: 60px;
  top: 20px;
  width: 160px;
  text-align: right;
  background-color: #EFF7FF;
  padding: 7px;
  color: #409EFF;
  cursor: pointer;
}

.qrCode_login_container {
  text-align: center;
}

.qrCode_login_title {
  font-weight: bold;
  font-size: 22px;
  margin-top: 56px;
  letter-spacing: 2px;
}

.qrCode_div {
  width: 70%;
  height: 60%;
  border: 1px dashed #dcdcdc;
  margin-left: 15%;
  margin-top: 25px;
  position: relative;
}

.qrCode_div .top-angle:after, .qrCode_div .top-angle:before, .qrCode_div .footr-angle:after, .qrCode_div .footr-angle:before {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  box-sizing: border-box;
  border: 1px solid #3068e1;
}

.qrCode_div .top-angle:before {
  right: 0;
  top: 0;
  border-bottom: 0;
  border-left: 0;
}

.qrCode_div .top-angle:after {
  left: 0;
  top: 0;
  border-bottom: 0;
  border-right: 0;
}

.qrCode_div .footr-angle {
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  height: 22px;
}

.qrCode_div .footr-angle:before {
  right: 0;
  bottom: 0;
  border-top: 0;
  border-left: 0;
}

.qrCode_div .footr-angle:after {
  left: 0;
  bottom: 0;
  border-top: 0;
  border-right: 0;
}

.QRcode-info {
  height: 244px;
  width: 244px;
  background: rgba(48, 104, 225, 0.03);
  box-sizing: border-box;
  margin-top: 22px;
  margin-left: 20px;
  padding-top: 32px;
}

.QRcode-pic {
  width: 180px;
  margin: 0 auto 15px;
  height: 180px;
  overflow: hidden;
  position: relative;
}

.qrCode_bottom_tip {
  margin-top: 25px;
  font-weight: 500;
  font-size: 18px;
}

.qrCode_bottom_tip span {
  color: #1492ff;
  margin: 0 5px;
}

.zzd_register_title {
  font-weight: bold;
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 20px;
  letter-spacing: 2px;
}

.area_select {
  display: inline-block;
  width: 49.3%;
}

.smbRightPanel {
  position: absolute;
  left: 58%;
  top: 50%;
  margin-top: -270px;
  background: #fff;
  width: 462px;
  height: 540px;
}

.smbCenterPanel {
  position: absolute;
  left: calc(50% - 231px);
  top: 50%;
  margin-top: -270px;
  background: #fff;
  width: 462px;
  height: 540px;
}

.smbMobilePanel {
  box-shadow: 0 3px 13px rgba(3, 25, 44, 0.2) !important;
  height: auto !important;
  width: 92% !important;
  background: rgba(255, 255, 255, 0.9) !important;
  top: 20% !important;
  bottom: 15% !important;
  left: 4% !important;
  right: 4% !important;
  margin-top: 0 !important;
}

.loginPanel .smbPcContainer {
  width: 100%;
  padding: 70px 35px 35px 35px;
}

.smbPcContainer .login-name {
  text-align: center;
  margin-bottom: 50px;
}

.smbPcContainer .login-name span {
  font-size: 22px;
  color: #082137;
  position: relative;
  font-family: '微软雅黑'
}

.login-name span i {
  position: relative;
  z-index: 2;
  font-style: normal;
}

.login-name span:after {
  content: "";
  left: 0;
  width: 100%;
  bottom: -3px;
  position: absolute;
  height: 15px;
  background: rgba(64, 158, 241, 0.11);
  border-radius: 10px;
}

.loginPanel .smbMobileContainer {
  padding: 10% 5% 12%;
}

.smbMobileContainer .login-name {
  text-align: center;
  margin-bottom: 40px;
}

.smbMobileContainer .login-name span {
  font-size: 17px;
  color: #082137;
  position: relative;
  font-family: '微软雅黑'
}

.smbMobileContainer .loginBtn {
  margin-top: 15px !important;
}