img[data-v-b1b8df54] {
  width: 100%;
}
input[data-v-b1b8df54] {
  width: 100%;
}
.login-contain[data-v-b1b8df54] {
  padding: 2.09375rem 1.5625rem 0;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border-radius: 1.71875rem 1.71875rem 0 0;
  position: relative;
}
.login .login-content[data-v-b1b8df54] {
  min-height: 30.6875rem;
}
.login .login-content .login-tel[data-v-b1b8df54] {
    display: flex;
    justify-content: space-between;
    font-size: 0.96875rem;
    font-family: DM Sans;
    font-weight: 400;
    color: #333333;
}
.login .login-content .login-tel > div[data-v-b1b8df54] {
      height: 3.125rem;
      line-height: 3.125rem;
      background: #F4F5F7;
      border-radius: 0.34375rem;
}
.login .login-content .login-tel .login-tel-left[data-v-b1b8df54] {
      text-align: center;
      width: 4.375rem;
}
.login .login-content .login-tel .login-tel-right[data-v-b1b8df54] {
      padding: 0 0.9375rem;
      width: calc(100% - 4.6875rem);
}
.login .login-content .login-tel .login-tel-right input[data-v-b1b8df54] {
        width: 100%;
}
.login .login-content .password[data-v-b1b8df54] {
    margin-top: 1.3125rem;
    width: 100%;
}
.login .login-content .password .password-item[data-v-b1b8df54] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 0 0.9375rem;
}
.login .login-content .forgetpassword .password-item[data-v-b1b8df54] {
    display: flex;
    width: 100%;
    padding-left: 0.9375rem;
}
.login .login-content .forgetpassword .password-item input[data-v-b1b8df54] {
      width: 60%;
}
.login .login-content .forgetpassword .password-item span[data-v-b1b8df54] {
      display: block;
      width: 40%;
      text-align: right;
      font-size: 0.96875rem;
      font-family: DM Sans;
      font-weight: 400;
      text-decoration: underline;
      color: #32B4F1;
      word-break: break-word;
      line-height: 0.9375rem;
}
.login .login-content .login-password[data-v-b1b8df54] {
    margin-top: 1.3125rem;
    border-radius: 0.34375rem;
    overflow: hidden;
}
.login .login-content .login-password > div[data-v-b1b8df54] {
      border-radius: 0;
}
.login .login-content .login-password .login-password-left[data-v-b1b8df54] {
      width: calc(100% - 40%);
      padding-left: 0.9375rem;
      font-size: 0.875rem;
}
.login .login-content .login-password .login-passwordl-right[data-v-b1b8df54] {
      width: 40%;
      background-color: #32B4F1;
      text-align: center;
      font-size: 0.875rem;
      font-family: DM Sans;
      font-weight: 400;
      color: #FFFFFF;
}
.login .login-content .login-password .showcode[data-v-b1b8df54] {
      background-color: #D7D7D7;
      color: #fff;
}
.login .login-content .login-error[data-v-b1b8df54] {
    display: flex;
    align-items: center;
    margin-top: 0.46875rem;
    font-size: 0.8125rem;
    font-family: DM Sans;
    font-weight: 400;
    color: #FF8888;
}
.login .login-content .login-error .login-error-img[data-v-b1b8df54] {
      width: 0.78125rem;
      height: 0.78125rem;
      margin-right: 0.15625rem;
}
.login .login-content .login-error .login-error-img img[data-v-b1b8df54] {
        width: 100%;
}
.login .login-content .login-voice[data-v-b1b8df54] {
    margin-top: 2.1875rem;
    text-align: center;
    font-size: 0.90625rem;
    font-family: DM Sans;
    font-weight: 400;
    color: #D0D0D0;
}
.login .login-content .login-voice span[data-v-b1b8df54] {
      color: #00BADC;
}
.login .login-content .login-btn[data-v-b1b8df54] {
    margin-top: 0.5625rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: #32B4F1;
    border-radius: 1.4375rem;
    font-size: 1.03125rem;
    font-family: DM Sans;
    font-weight: 400;
    text-align: center;
    color: #FFFFFF;
}
.login .login-content .login-other[data-v-b1b8df54] {
    display: flex;
    justify-content: space-between;
    margin-top: 1.125rem;
    padding: 0 0.625rem;
    font-size: 0.96875rem;
    font-family: DM Sans;
    font-weight: 400;
    color: #00BADC;
}
.login .login-content .login-other span[data-v-b1b8df54] {
      text-decoration: underline;
}
.login .login-content .login-other > div[data-v-b1b8df54]:nth-child(2) {
      white-space: nowrap;
}
.login .login-content[data-v-b1b8df54]:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 0.53125rem solid transparent;
  border-right: 0.53125rem solid transparent;
  border-top: 0.625rem solid transparent;
  border-bottom: 0.625rem solid white;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(calc(-100% + 0.03125rem)) translateX(-50%);
}
.login-reade[data-v-b1b8df54] {
  display: flex;
  margin-top: 0.9375rem;
  padding: 0 0.625rem;
}
.login-reade .login-reade-img[data-v-b1b8df54] {
    margin-right: 0.3125rem;
    width: 0.9375rem;
}
.login-reade > div[data-v-b1b8df54] {
    font-size: 0.90625rem;
    font-family: DM Sans;
    font-weight: 400;
    color: #D0D0D0;
    line-height: 0.9375rem;
}
.login-reade > div span[data-v-b1b8df54] {
      color: #32B4F1;
}
.huanhangdiv[data-v-b1b8df54] {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0.9375rem !important;
}
input[data-v-b1b8df54] {
  background: #F4F5F7 !important;
}