.container {
  display: flex;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: 100% 100%;

  .logincontrler {
    position: relative;
    width: 100%;

    .loginButton {
      width: 100%;
      height: 42px;
      background: #005bb5;
    }
    .loginForm {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 420px;
      padding: 20px;
      background: #fff;
      border-radius: 10px;
      transform: translate(-50%, -50%);

      :global {
        .ant-form-item-label
          > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
          display: none !important;
        }

        .ant-col-24 {
          height: 60px;
        }

        .ant-input-prefix {
          margin-right: 14px;
        }

        .ant-input-affix-wrapper-status-error .ant-input-prefix {
          margin-right: 14px;
          color: black;
        }
      }

      .loginItem {
        height: 42px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e6e6e6;
      }

      .image {
        position: absolute;
        top: 0;
        right: 35px;
        width: 100px;
        height: 30px;
        background-color: #666;
        cursor: pointer;
      }

      .ant-form-item-control-input-content {
        text-align: left;
      }
      .logo {
        width: 300px;
        margin: 0 auto;
        margin-bottom: 40px;
        font-size: 0;
      }
      .forget {
        margin-left: auto;
        text-align: right;
        span {
          cursor: pointer;
        }
      }
    }
  }

  /*重置密码*/
  .forgetContainer {
    position: relative;
    width: 100%;

    .container_reset {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 420px;
      width: 420px;
      height: 427px;
      padding: 20px 35px;
      background: #fff;
      border-radius: 10px;
      transform: translate(-50%, -50%);

      .forget_header {
        position: relative;
        display: flex;
        justify-content: center;
        height: 31px;
        margin-top: 30px;
        margin-bottom: 50px;
        color: #333333;
        font-size: 24px;
        line-height: 31px;

        :global {
          .ant-image {
            position: absolute;
            top: 0;
            left: 0;
          }

          .ant-image:hover {
            cursor: pointer;
          }
        }
      }

      .sub_title {
        margin-bottom: 50px;
        color: #999999;
        font-size: 12px;
        font-family: MicrosoftYaHei;
        text-align: center;
      }

      .forget_container {
        position: relative;
        .loginItem {
          height: 42px;
          padding-bottom: 10px;
          border-bottom: 1px solid #e6e6e6;
        }

        :global {
          .ant-input-prefix {
            margin-right: 23px;
          }
          .ant-input-affix-wrapper-status-error .ant-input-prefix {
            margin-right: 23px;
            color: black;
          }
        }

        .verifi_code {
          width: 351px;
          height: 42px;
          margin-top: 20px;
          background: #005bb5;
          border-radius: 2px;
        }

        .getCode {
          position: absolute;
          right: 0;
          bottom: 105px;
          color: #005bb5;
          font-size: 14px;
          font-family: MicrosoftYaHei;
          line-height: 20px;
          cursor: pointer;
        }
      }
    }
  }
}

.loginBorder {
  border-radius: 10px;
}
.navActive {
  display: flex;
  margin-bottom: 40px;
  span {
    flex: 1;
    padding-bottom: 10px;
    color: #666;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
  }
  .active {
    color: #005bb5;
    font-weight: bold;
    border-bottom: 2px solid #005bb5;
  }
}
.codeImage {
  cursor: pointer;
}