.loginPage[data-v-37dfd6fc] {
  width: 100%;
  height: 100%;
  min-width: 1240px;
  background: url(../img/loginBg.58b60201.png) no-repeat center;
  background-size: cover;
  position: relative;
}
.loginPage .loginLogo[data-v-37dfd6fc] {
    position: absolute;
    width: 222px;
    height: 30px;
    left: 30px;
    top: 25px;
    cursor: pointer;
}
.loginPage .content[data-v-37dfd6fc] {
    width: calc(53.3% + 515px);
    min-width: calc(722px + 515px);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding-right: 515px;
    box-sizing: border-box;
}
.loginPage .content .leftImg[data-v-37dfd6fc] {
      width: 100%;
      min-width: 722px;
      display: inline-block;
}
.loginPage .content .loginWrap[data-v-37dfd6fc] {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 450px;
      min-height: 440px;
      background: #FFFFFF;
      box-shadow: 0 3px 6px -4px #394fc430;
      border-radius: 2px;
      padding-bottom: 70px;
      box-sizing: border-box;
}
.loginPage .content .loginWrap .back[data-v-37dfd6fc] {
        position: absolute;
        right: 0;
        top: -34px;
        line-height: 18px;
        font-size: 14px;
        color: #282C33;
        cursor: pointer;
}
.loginPage .content .loginWrap .back img[data-v-37dfd6fc] {
          width: 18px;
          height: 18px;
          vertical-align: middle;
          margin-top: -2px;
}
.loginPage .content .loginWrap .topType[data-v-37dfd6fc] {
        width: 100%;
        height: 64px;
        border-bottom: 1px solid #EEEEEE;
        box-sizing: border-box;
        padding-left: 50px;
}
.loginPage .content .loginWrap .topType p[data-v-37dfd6fc] {
          font-weight: 400;
          font-size: 16px;
          color: #999999;
          display: inline-block;
          margin-right: 24px;
          cursor: pointer;
          padding: 24px 0 16px 0;
          border-bottom: 2px solid rgba(0, 0, 0, 0);
          box-sizing: border-box;
}
.loginPage .content .loginWrap .topType .active[data-v-37dfd6fc] {
          font-weight: 600;
          font-size: 16px;
          color: #191B21;
          border-bottom: 2px solid #1D6EFE;
}
.loginPage .content .loginWrap .formWrap[data-v-37dfd6fc] {
        width: 350px;
        margin: 48px auto 24px auto;
}
.loginPage .content .loginWrap .formWrap[data-v-37dfd6fc] .el-form-item {
          position: relative;
}
.loginPage .content .loginWrap .formWrap[data-v-37dfd6fc] .el-form-item .el-form-item__label {
            position: absolute;
            left: 0;
            z-index: 2;
            line-height: 36px;
            padding: 0;
            text-align: center;
}
.loginPage .content .loginWrap .formWrap[data-v-37dfd6fc] .el-form-item .el-form-item__content {
            width: 100% !important;
            margin-left: 0 !important;
}
.loginPage .content .loginWrap .formWrap[data-v-37dfd6fc] .el-input__inner {
          padding-left: 70px;
          box-sizing: border-box;
}
.loginPage .content .loginWrap .formWrap .showHiddenIco[data-v-37dfd6fc] {
          width: 22px;
          height: 22px;
          vertical-align: middle;
          cursor: pointer;
}
.loginPage .content .loginWrap .formWrap .codeWrap[data-v-37dfd6fc] {
          position: relative;
}
.loginPage .content .loginWrap .formWrap .codeWrap[data-v-37dfd6fc] .el-input__inner {
            padding-right: 104px;
}
.loginPage .content .loginWrap .formWrap .codeWrap .getCode[data-v-37dfd6fc] {
            cursor: pointer;
            position: absolute;
            right: 16px;
            top: 0;
}
.loginPage .content .loginWrap .formWrap .codeWrap .codeImg[data-v-37dfd6fc] {
            position: absolute;
            right: 1px;
            top: 1px;
            width: 100px;
            height: 35px;
            line-height: 35px;
            border-radius: 4px;
            margin-left: 22px;
            overflow: hidden;
}
.loginPage .content .loginWrap .formWrap .codeWrap .codeImg img[data-v-37dfd6fc] {
              width: 100%;
              height: 100%;
}
.loginPage .content .loginWrap .formWrap .agreement[data-v-37dfd6fc] {
          color: #666666;
          font-size: 12px;
          font-weight: 400;
          margin-bottom: 30px;
}
.loginPage .content .loginWrap .formWrap .agreement span[data-v-37dfd6fc] {
            cursor: pointer;
            color: #1D6EFE;
}
.loginPage .content .loginWrap .formWrap .loginBtn[data-v-37dfd6fc], .loginPage .content .loginWrap .formWrap .noLoginBtn[data-v-37dfd6fc] {
          width: 350px;
          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;
}
.loginPage .content .loginWrap .formWrap .noLoginBtn[data-v-37dfd6fc] {
          opacity: 0.2;
}
.loginPage .content .loginWrap .formWrap .loginBtn[data-v-37dfd6fc]:hover {
          opacity: 0.8;
}
.loginPage .content .loginWrap .formWrap .operate[data-v-37dfd6fc] {
          overflow: hidden;
}
.loginPage .content .loginWrap .formWrap .operate .retrieve[data-v-37dfd6fc] {
            float: right;
            color: #1D6EFE;
            cursor: pointer;
            font-size: 14px;
            line-height: 14px;
            margin-top: 12px;
}
.loginPage .content .loginWrap .formWrap .operate .passWord[data-v-37dfd6fc] {
            color: #1D6EFE;
            cursor: pointer;
            font-size: 14px;
            line-height: 14px;
            margin-top: 12px;
            float: right;
            margin-right: 5px;
}
.loginPage .content .loginWrap .formWrap .fake-input[data-v-37dfd6fc] {
          position: absolute;
          top: 0;
          left: 0;
          width: 0;
          height: 0;
          padding: 0;
          border: none;
}
.loginPage .content .loginWrap .bottomWrap[data-v-37dfd6fc] {
        width: 450px;
        height: 70px;
        background: #F8F8FA;
        border-radius: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
}
.loginPage .content .loginWrap .bottomWrap .qq[data-v-37dfd6fc], .loginPage .content .loginWrap .bottomWrap .wx[data-v-37dfd6fc] {
          width: 34px;
          height: 34px;
          opacity: 0.8;
}
.loginPage .content .loginWrap .bottomWrap .qq[data-v-37dfd6fc]:hover, .loginPage .content .loginWrap .bottomWrap .wx[data-v-37dfd6fc]:hover {
          opacity: 1;
          cursor: pointer;
}