.bindingWrap[data-v-365fdd6b] {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  background: url(../img/loginBg.58b60201.png) no-repeat center;
  background-size: cover;
  position: relative;
}
.loginWrap[data-v-365fdd6b] {
  width: 600px;
  min-height: 425px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
}
.loginWrap .loginMenu[data-v-365fdd6b] {
    display: flex;
    justify-content: center;
}
.loginWrap .content[data-v-365fdd6b] {
    padding: 65px 116px 53px 116px;
    box-sizing: border-box;
}
.loginWrap .content[data-v-365fdd6b] .el-form-item {
      position: relative;
}
.loginWrap .content[data-v-365fdd6b] .el-form-item .el-form-item__label {
        position: absolute;
        left: 0;
        z-index: 2;
        line-height: 36px;
        padding: 0;
        text-align: center;
}
.loginWrap .content[data-v-365fdd6b] .el-form-item .el-form-item__content {
        width: 100% !important;
        margin-left: 0 !important;
}
.loginWrap .content[data-v-365fdd6b] .el-input__inner {
      padding-left: 70px;
      box-sizing: border-box;
}
.loginWrap .content .el-form-item[data-v-365fdd6b] {
      margin-bottom: 36px;
}
.loginWrap .content .codeWrap[data-v-365fdd6b] {
      position: relative;
}
.loginWrap .content .codeWrap[data-v-365fdd6b] .el-input__inner {
        padding-right: 104px;
        box-sizing: border-box;
}
.loginWrap .content .codeWrap .getCode[data-v-365fdd6b] {
        cursor: pointer;
        position: absolute;
        right: 16px;
        top: 0;
}
.loginWrap .content .codeWrap[data-v-365fdd6b] {
      overflow: hidden;
      position: relative;
}
.loginWrap .content .codeWrap .codeImg[data-v-365fdd6b] {
        position: absolute;
        right: 0;
        top: 0;
        width: 106px;
        height: 42px;
        line-height: 42px;
        border-radius: 4px;
        margin-left: 22px;
        overflow: hidden;
}
.loginWrap .content .codeWrap .codeImg img[data-v-365fdd6b] {
          width: 100%;
          height: 100%;
}
.loginWrap .content .loginBtn[data-v-365fdd6b], .loginWrap .content .noLoginBtn[data-v-365fdd6b] {
      width: 368px;
      height: 40px;
      background: #1D6EFE;
      border-radius: 2px;
      opacity: 1;
      cursor: pointer;
      font-size: 14px;
      font-weight: 400;
      color: #FFFFFF;
      text-align: center;
      line-height: 40px;
}
.loginWrap .content .retrieve[data-v-365fdd6b] {
      float: right;
      color: #1D6EFE;
      cursor: pointer;
      font-size: 14px;
      line-height: 14px;
      margin-top: 12px;
}
.loginWrap .content .passWord[data-v-365fdd6b] {
      color: #1D6EFE;
      cursor: pointer;
      font-size: 14px;
      line-height: 14px;
      margin-top: 12px;
      float: right;
      margin-right: 5px;
}
.loginWrap .content .noLoginBtn[data-v-365fdd6b] {
      opacity: 0.2;
}
.loginWrap .content .loginBtn[data-v-365fdd6b]:hover {
      opacity: 0.8;
}
.loginWrap .content .thirdPartyLogin[data-v-365fdd6b] {
      display: flex;
      justify-content: center;
}
.loginWrap .content .thirdPartyLogin .qq[data-v-365fdd6b], .loginWrap .content .thirdPartyLogin .wx[data-v-365fdd6b] {
        width: 34px;
        height: 34px;
        margin-top: 41px;
        opacity: 0.8;
}
.loginWrap .content .thirdPartyLogin .qq[data-v-365fdd6b]:hover, .loginWrap .content .thirdPartyLogin .wx[data-v-365fdd6b]:hover {
        opacity: 1;
        cursor: pointer;
}
.loginWrap .content .thirdPartyLogin .wx[data-v-365fdd6b] {
        margin-left: 60px;
}
.loginWrap .foot[data-v-365fdd6b] {
    width: 100%;
    height: 74px;
    box-sizing: border-box;
    padding: 30px 62px;
    background: #F5F7FA;
    border-radius: 2px;
    position: relative;
}
.loginWrap .foot .agreement[data-v-365fdd6b] {
      color: #666666;
      font-size: 14px;
      font-weight: 400;
      text-align: center;
}
.loginWrap .foot .agreement span[data-v-365fdd6b] {
        cursor: pointer;
        color: #1D6EFE;
        opacity: 0.8;
}
.loginWrap .foot .agreement span[data-v-365fdd6b]:hover {
        opacity: 1;
}