body {
  background-color: #f5f7fa;
}

.login-registrations .registrations-content .registrations-header {
  display: flex;
  padding: 2.1875rem 1.875rem;
  background-color: #fff;
}

.login-registrations .registrations-content .registrations-header img {
  width: 3rem;
  height: 3rem;
  object-fit: cover;
}

.login-registrations .registrations-content .registrations-header h2 {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 2.5rem;
  color: #111111;
  margin-left: 13rem;
}

.login-registrations .registrations-content .registrations-login-content {
  padding-top: 4rem;
}

.login-registrations .registrations-content .registrations-login-content > img {
  width: 12.875rem;
  height: 7.5rem;
  object-fit: cover;
  display: block;
  margin: 0 auto 3.75rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login {
  width: 43.125rem;
  margin: 0rem auto;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .specia_content h2 {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 4rem;
  color: #111111;
  text-align: center;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .specia_content p {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.625rem;
  color: #999999;
  text-align: center;
  margin: 3.75rem 0;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item {
  width: 43.125rem;
  height: 6.125rem;
  background: #FFFFFF;
  border-radius: 3.0625rem;
  display: flex;
  padding-left: 1.875rem;
  align-items: center;
  margin-bottom: 2.8125rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item .img_phone, .login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item .phone_img {
  width: 3rem;
  height: 3rem;
  object-fit: cover;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item p {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 2rem;
  color: #333333;
  margin-left: 1.875rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item .down_load_img {
  width: 1.375rem;
  height: 1.375rem;
  object-fit: cover;
  margin-left: .9375rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item > input {
  height: 6.125rem;
  background: #FFFFFF;
  border: none;
  padding-left: 1.875rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.75rem;
  color: #000;
  outline: none;
  padding-left: 2.0625rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item > input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item div {
  display: flex;
  align-items: center;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item div input {
  width: 21.5625rem;
  height: 6.125rem;
  background: #FFFFFF;
  border: none;
  padding-left: 2.0625rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.75rem;
  color: #000;
  outline: none;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item div input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item div button {
  width: 12.5rem;
  height: 4rem;
  background: rgba(48, 110, 247, 0.5);
  border-radius: 2rem;
  margin-left: 1.5rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.75rem;
  color: #FFFFFF;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .take_note {
  width: 35.625rem;
  height: 2.875rem;
  background: #E3DFFF;
  border-radius: .25rem;
  display: flex;
  align-items: center;
  padding-left: .875rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .take_note img {
  width: 1.375rem;
  height: 1.375rem;
  object-fit: cover;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .take_note p {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.25rem;
  color: #6048F9;
  margin-left: .8125rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-login {
  width: 43.125rem;
  height: 5.5rem;
  background: #306ef7;
  border-radius: 2.75rem;
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 2.125rem;
  color: #FFFFFF;
  border: none;
  margin: 1.875rem 0;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .pact {
  display: flex;
  align-items: center;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .pact input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 2.5rem;
  height: 2.5rem;
  background: #FFFFFF;
  border-radius: 50%;
  border: .0625rem solid #999999;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .pact input:checked {
  background: url(/h5/images/login/radio_in.png) no-repeat;
  background-size: cover;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .pact p {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.5rem;
  color: #333333;
  margin-left: 1.5625rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .pact p a {
  color: #306EF7;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form > p {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 1.75rem;
  color: #306EF7;
  line-height: 3rem;
  text-decoration-line: underline;
  text-align: center;
  margin-top: 3.125rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .specia_content h2 {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 4rem;
  color: #111111;
  text-align: center;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .specia_content p {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.625rem;
  color: #999999;
  text-align: center;
  margin: 3.75rem 0;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .username-item {
  width: 43.125rem;
  height: 6.125rem;
  background: #FFFFFF;
  border-radius: 3.0625rem;
  display: flex;
  align-items: center;
  padding-left: 1.875rem;
  margin-bottom: 1.875rem;
  position: relative;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .username-item .img_phone, .login-registrations .registrations-content .registrations-login-content .form-login .username-form .username-item .lock_img {
  width: 3rem;
  height: 3rem;
  object-fit: cover;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .username-item p {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 2rem;
  color: #333333;
  margin-left: 1.875rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .username-item .down_load_img {
  width: 1.375rem;
  height: 1.375rem;
  object-fit: cover;
  margin-left: .9375rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .username-item > input {
  height: 6.125rem;
  border: none;
  padding-left: 1.875rem;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.75rem;
  color: #000;
  outline: none;
  padding-left: 2.0625rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .username-item > input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .username-item .pos_eye {
  position: absolute;
  right: 1.875rem;
  top: 50%;
  transform: translateY(-50%);
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .username-item .pos_eye .eye_img {
  width: 3rem;
  height: 3rem;
  object-fit: cover;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .forgot {
  margin: .625rem 0 2.5rem;
  text-align: right;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .forgot a {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 1.75rem;
  color: #306EF7;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .agree_login {
  display: flex;
  align-items: center;
  margin-bottom: 2.5rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .agree_login input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 2.5rem;
  height: 2.5rem;
  background: #FFFFFF;
  border-radius: 50%;
  border: .0625rem solid #999999;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .agree_login input:checked {
  background: url("/h5/images/login/radio_in.png") no-repeat;
  background-size: cover;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .agree_login p {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.5rem;
  color: #333333;
  margin-left: 1.5625rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .agree_login p a {
  color: #306EF7;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .username-login {
  width: 43.125rem;
  height: 5.5rem;
  background: #306EF7;
  border-radius: 2.75rem;
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 2.125rem;
  color: #FFFFFF;
  border: none;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form p.username-change {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 1.75rem;
  color: #306EF7;
  text-align: center;
  margin-top: 2.5rem;
}

@media screen and (max-width: 48rem) {
  .modal-window {
    --tblr-modal-width: 35rem;
  }
  .modal-window .modal-content {
    background: #FFFFFF;
    border-radius: 1rem;
  }
  .modal-window .modal-content .modal-box {
    padding-top: 3.125rem;
    position: relative;
  }
  .modal-window .modal-content .modal-box h4 {
    font-family: PingFang SC;
    font-weight: bold;
    font-size: 2.25rem;
    color: #111111;
    text-align: center;
    margin-bottom: 2.5rem;
  }
  .modal-window .modal-content .modal-box p {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 1.75rem;
    color: #111111;
    text-align: center;
    margin-bottom: 3.125rem;
  }
  .modal-window .modal-content .modal-box .modal-choose {
    display: flex;
  }
  .modal-window .modal-content .modal-box .modal-choose div:first-child {
    flex: 1;
    height: 5.5rem;
    background: #ECECEC;
    border-bottom-left-radius: 1rem;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 2rem;
    color: #111111;
    text-align: center;
    line-height: 5.5rem;
  }
  .modal-window .modal-content .modal-box .modal-choose div:last-child {
    flex: 1;
    height: 5.5rem;
    background: #0052D9;
    border-bottom-right-radius: 1rem;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 2rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 5.5rem;
  }
  .modal-window .modal-content .modal-box .pos {
    width: 1.5rem;
    height: 1.5rem;
    background: url("/h5/images/login/close.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 1.25rem;
    right: 1.875rem;
  }
}