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: 20.875rem;
  height: 3.75rem;
  object-fit: cover;
  display: block;
  margin: 0 auto 3.75rem;
}

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

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item {
  margin-bottom: 1.875rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item label {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.75rem;
  color: #666666;
  margin-bottom: 1.25rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item > input {
  width: 35.625rem;
  height: 5.5rem;
  background: #FFFFFF;
  border-radius: .5rem;
  border: .0625rem solid #DDDDDD;
  padding-left: 1.875rem;
  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 {
  display: flex;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form .captcha-item div input {
  width: 21.5625rem;
  height: 5.5rem;
  background: #FFFFFF;
  border-radius: .5rem;
  border: .0625rem solid #DDDDDD;
  padding-left: 1.875rem;
  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 button {
  width: 12.5625rem;
  height: 5.5rem;
  background: #FFFFFF;
  border-radius: .5rem;
  border: .0625rem solid #DDDDDD;
  margin-left: 1.5rem;
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: 1.75rem;
  color: #5E49FB;
}

.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: 35.625rem;
  height: 5.5rem;
  background: linear-gradient(270deg, #D12D9C 0%, #5E49FB 100%);
  border-radius: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 1.75rem;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  outline: none;
}

.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: #5E49FB;
}

.login-registrations .registrations-content .registrations-login-content .form-login .captcha-form > p {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 1.75rem;
  color: #333333;
  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 .username-item {
  margin-bottom: 1.875rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .username-item label {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.75rem;
  color: #666666;
  margin-bottom: 1.25rem;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .username-item input {
  width: 35.625rem;
  height: 5.5rem;
  background: #FFFFFF;
  border-radius: .5rem;
  outline: none;
  border: .0625rem solid #DDDDDD;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.75rem;
  color: #000;
  padding-left: 1.875rem;
}

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

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .forgot a {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.5rem;
  color: #6048F9;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form .username-login {
  width: 35.625rem;
  height: 5.5rem;
  background: linear-gradient(270deg, #D12D9C 0%, #5E49FB 100%);
  border-radius: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 1.75rem;
  color: #FFFFFF;
  border: none;
}

.login-registrations .registrations-content .registrations-login-content .form-login .username-form p:last-of-type {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 1.75rem;
  color: #333333;
  line-height: 3rem;
  text-decoration-line: underline;
  text-align: center;
  margin: 6.25rem 0 0;
}

@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 {
    width: 17.5rem;
    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 {
    width: 17.5rem;
    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;
  }
}