html {
  font-size: 62.5%;
  /* 设置基准字体大小为10px，方便rem计算 */
}

a {
  text-decoration: none;
  /* 取消下划线 */
  color: inherit;


}

@media (max-width: 380px) {
  html {
    font-size: 52.5%;
    /* 设置基准字体大小为10px，方便rem计算 */
  }

  .frame-eCX-2 {
    padding: 0.5rem;
    border-radius: 0.5rem;
  }

  .text-Crp-6,
  .text-VsH-7,
  .text-YiD-12,
  .text-GCH-2,
  .text-Cdx-3,
  .text-ink-2,
  .text-Zyv-17,
  .text-xgB-18,
  .text-Jff-19,
  .text-btz-1 {
    font-size: 1.6rem;
  }
}

body,
html {
  height: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
  overflow: hidden;
}

.frame-eCX-2 {
  position: relative;
  z-index: 2;
  height: 101.2rem;
  width: 43rem;
  background-image: linear-gradient(180deg, rgba(228, 236, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  mix-blend-mode: normal;
  overflow: hidden;
}

.vec-rectangle-YZC-2 {
  position: absolute;
  z-index: 1;
  left: 7.7rem;
  top: 0;
  width: 35.3rem;
  height: 45.6rem;
  mix-blend-mode: normal;
  --bg-img: var(--img-url);
  --img-url: url(../img/62a838a8eab2ec1264634398.png);
}

.vec-rectangle-YZC-2::before {
  background-repeat: no-repeat;
  background-size: 55.9rem 55.9rem;
  background-position: 0 -10.4rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  opacity: 0.2;
  background-image: var(--bg-img);
}

.vec-circular-qpr-3 {
  position: absolute;
  z-index: 2;
  left: -10rem;
  top: -13.9rem;
  width: 34.8rem;
  height: 34.8rem;
  filter: blur(5rem);
  mix-blend-mode: normal;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
}

.vec-rectangle-DSV-4 {
  position: absolute;
  z-index: 3;
  left: -0.5rem;
  top: 31.8rem;
  width: 44.6rem;
  height: 79.3rem;
  mix-blend-mode: normal;
  filter: contrast(100%) brightness(100%) hue-rotate(0deg);
  --bg-img: var(--img-url);
  --img-url: url(../img/6286fb0c271bdaed1c7742b2.png);
}

.vec-rectangle-DSV-4::before {
  filter: contrast(100%) brightness(100%) hue-rotate(0deg);
  background-repeat: no-repeat;
  background-size: 152.03892665474061rem 123.4592156862745rem;
  background-position: -40.702488531068315rem 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  opacity: 0.6;
  background-image: var(--bg-img);
}

.vec-rectangle-Inp-5 {
  position: absolute;
  z-index: 4;
  left: 4.5rem;
  top: 29rem;
  width: 5.9rem;
  height: 0.8rem;
  border-radius: 29.7rem;
  mix-blend-mode: normal;
  background: rgba(0, 119, 255, 0.3);
}

.span-Rfu-1 {
  text-decoration-line: none;
}

.p-text-Crp-6 {
  display: inline;
  margin: 0;
  width: 100%;
  text-align: left;
}

.text-Crp-6 {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 5;
  justify-content: start;
  left: 3.5rem;
  top: 27rem;
  height: 2.8rem;
  mix-blend-mode: normal;
  color: rgba(0, 119, 255, 1);
  font-size: 2rem;
  font-weight: 500;
  opacity: 1;
  font-family: 'AlibabaPuHuiTi-Medium';
  letter-spacing: 0;
  white-space: nowrap;
}

.text-Crp-6-br {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
}

.span-GOX-1 {
  text-decoration-line: none;
}

.p-text-VsH-7 {
  display: inline;
  margin: 0;
  width: 100%;
  text-align: left;
}

.text-VsH-7 {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 6;
  justify-content: start;
  left: 14.1rem;
  top: 27rem;
  height: 2.8rem;
  mix-blend-mode: normal;
  color: rgba(145, 175, 196, 1);
  font-size: 2rem;
  font-weight: 400;
  opacity: 1;
  font-family: 'AlibabaPuHuiTi-Regular';
  letter-spacing: 0;
  white-space: nowrap;
}

.text-VsH-7-br {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
}

.vec-rectangle-KdM-8 {
  position: absolute;
  z-index: 7;
  left: 3.1rem;
  top: 34.7rem;
  width: 36.9rem;
  height: 6.5rem;
  border-radius: 1rem;
  mix-blend-mode: normal;
  background: rgba(255, 255, 255, 1);
}

.vec-rectangle-Vkt-9 {
  position: absolute;
  z-index: 8;
  left: 3.1rem;
  top: 42.2rem;
  width: 36.9rem;
  height: 6.5rem;
  border-radius: 1rem;
  mix-blend-mode: normal;
  background: rgba(255, 255, 255, 1);
}

.vec-rectangle-gHG-10 {
  position: absolute;
  z-index: 9;
  left: 3.1rem;
  top: 49.7rem;
  width: 36.9rem;
  height: 6.5rem;
  border-radius: 1rem;
  mix-blend-mode: normal;
  background: rgba(255, 255, 255, 1);
}

.vec-rectangle-rOo-11 {
  position: absolute;
  z-index: 10;
  left: 25.4rem;
  top: 50.8rem;
  width: 13.8rem;
  height: 4.3rem;
  border-radius: 0.5rem;
  mix-blend-mode: normal;
}

.span-Hib-1 {
  text-decoration-line: none;
}

.p-text-YiD-12 {
  display: inline;
  margin: 0;
  width: 100%;
  text-align: left;
}

.text-YiD-12 {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 11;
  justify-content: start;
  left: 4.2rem;
  top: 57.8rem;
  height: 2.2rem;
  mix-blend-mode: normal;
  color: rgba(51, 57, 61, 1);
  font-size: 1.6rem;
  font-weight: 400;
  opacity: 1;
  font-family: 'AlibabaPuHuiTi-Regular';
  letter-spacing: 0;
  white-space: nowrap;
}

.text-YiD-12-br {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
}

.vec-rectangle-Gsy-1 {
  position: absolute;
  z-index: 0;
  left: 7.375rem;
  top: 0.3rem;
  width: 0.05rem;
  height: 1.6rem;
  mix-blend-mode: normal;
  background: rgba(92, 92, 92, 1);
}

.span-CKj-1 {
  text-decoration-line: none;
}

.p-text-GCH-2 {
  display: inline;
  margin: 0;
  width: 100%;
  text-align: left;
}

.text-GCH-2 {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 1;
  justify-content: start;
  left: 0;
  top: 0;
  height: 2.2rem;
  mix-blend-mode: normal;
  color: rgba(92, 92, 92, 1);
  font-size: 1.6rem;
  font-weight: 400;
  opacity: 1;
  font-family: 'AlibabaPuHuiTi-Regular';
  letter-spacing: 0;
  white-space: nowrap;
}

.text-GCH-2-br {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
}

.span-CKI-1 {
  text-decoration-line: none;
}

.p-text-Cdx-3 {
  display: inline;
  margin: 0;
  width: 100%;
  text-align: left;
}

.text-Cdx-3 {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 2;
  justify-content: start;
  left: 8.5rem;
  top: 0;
  height: 2.2rem;
  mix-blend-mode: normal;
  color: rgba(92, 92, 92, 1);
  font-size: 1.6rem;
  font-weight: 400;
  opacity: 1;
  font-family: 'AlibabaPuHuiTi-Regular';
  letter-spacing: 0;
  white-space: nowrap;
}

.text-Cdx-3-br {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
}

.frame-IFQ-13 {
  position: absolute;
  z-index: 13;
  left: 13.6rem;
  top: 70.3rem;
  width: 16.4rem;
  height: 2.2rem;
  mix-blend-mode: normal;
}

.frame-IFQ-13.fixed-width {
  width: 16.4rem;
}

.vec-rectangle-aSf-1 {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 36.9rem;
  height: 6.5rem;
  border-radius: 1rem;
  mix-blend-mode: normal;
  background: rgba(39, 127, 250, 1);
}

.span-PaP-1 {
  text-decoration-line: none;
  color: white;
  font-size: 2rem;
}

.p-text-ink-2 {
  display: inline;
  margin: 0;
  width: 100%;
  text-align: left;
}

.text-ink-2 {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 1;
  justify-content: start;
  left: 13.7rem;
  top: 1.6rem;
  height: 3.3rem;
  mix-blend-mode: normal;
  color: rgba(255, 255, 255, 1);
  font-size: 2.4rem;
  font-weight: 400;
  opacity: 1;
  font-family: 'AlibabaPuHuiTi-Regular';
  letter-spacing: 0;
  white-space: nowrap;
}

.text-ink-2-br {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
}

.frame-Lfy-14 {
  position: absolute;
  z-index: 14;
  left: 3.1rem;
  top: 62rem;
  width: 36.9rem;
  height: 6.5rem;
  mix-blend-mode: normal;
}

.frame-Lfy-14.fixed-width {
  width: 36.9rem;
}

.img-udR-1::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  opacity: 1;
  background-image: var(--bg-img);
  background-size: cover;
}



.frame-vnO-16 {
  position: absolute;
  z-index: 16;
  left: 5.3rem;
  top: 36.8rem;
  width: 2.4rem;
  height: 2.4rem;
  mix-blend-mode: normal;
  overflow: hidden;
}

.frame-vnO-16.fixed-width {
  width: 2.4rem;
}

.span-Ivs-1 {
  text-decoration-line: none;
}

.p-text-Zyv-17 {
  display: inline;
  margin: 0;
  width: 100%;
  text-align: left;
}

.text-Zyv-17 {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 16;
  justify-content: start;
  left: 6rem;
  top: 36.5rem;
  height: 2.8rem;
  mix-blend-mode: normal;
  color: rgba(196, 196, 196, 1);
  font-size: 2rem;
  font-weight: 400;
  opacity: 1;
  font-family: 'AlibabaPuHuiTi-Regular';
  letter-spacing: 0;
  white-space: nowrap;
}

.text-Zyv-17-br {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
}

.span-OvM-1 {
  text-decoration-line: none;
}

.p-text-xgB-18 {
  display: inline;
  margin: 0;
  width: 100%;
  text-align: left;
}

.text-xgB-18 {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 17;
  justify-content: start;
  left: 6rem;
  top: 44.2rem;
  height: 2.8rem;
  mix-blend-mode: normal;
  color: rgba(196, 196, 196, 1);
  font-size: 2rem;
  font-weight: 400;
  opacity: 1;
  font-family: 'AlibabaPuHuiTi-Regular';
  letter-spacing: 0;
  white-space: nowrap;
}

.text-xgB-18-br {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
}

.span-NwO-1 {
  text-decoration-line: none;
}

.p-text-Jff-19 {
  display: inline;
  margin: 0;
  width: 100%;
  text-align: left;
}

.text-Jff-19 {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 18;
  justify-content: start;
  left: 6rem;
  top: 51.5rem;
  height: 2.8rem;
  mix-blend-mode: normal;
  color: rgba(196, 196, 196, 1);
  font-size: 2rem;
  font-weight: 400;
  opacity: 1;
  font-family: 'AlibabaPuHuiTi-Regular';
  letter-spacing: 0;
  white-space: nowrap;
}

.text-Jff-19-br {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
}

.span-BPx-1 {
  text-decoration-line: none;
  font-size: 2rem;
  letter-spacing: 0px;
  line-height: 4rem;
  text-align: left;
  font-weight: 700;
  background: linear-gradient(124.62deg, rgba(0, 102, 245, 1) 0%, rgba(119, 113, 240, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.span-BPx-2 {
  text-decoration-line: none;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 21.95px;
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  vertical-align: top;
  margin-left: 1.5rem;
}

.p-text-btz-1 {
  display: inline;
  margin: 0;
  width: 100%;
  text-align: left;
}

.text-btz-1 {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 0;
  justify-content: start;
  left: 8.6rem;
  top: 0;
  height: 7.7rem;
  mix-blend-mode: normal;
  color: rgba(39, 127, 250, 1);
  font-size: 2.8rem;
  font-weight: 500;
  opacity: 1;
  font-family: 'AlibabaPuHuiTi-Medium';
  letter-spacing: 0;
  white-space: nowrap;
}

.text-btz-1-br {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
}

.vec-rectangle-afC-2 {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0.4rem;
  width: 7rem;
  height: 7rem;
  border-radius: 1.6rem;
  mix-blend-mode: normal;
  background: rgba(39, 127, 250, 1);
}

.img-pGH-3 {
  position: absolute;
  z-index: 2;
  border: unset !important;
  box-shadow: unset;
  left: 0.7rem;
  top: 1.7rem;
  width: 5.649127197265625rem;
  height: 4.5rem;
  border-radius: 0.191rem 0.077rem 0.191rem 0;
  mix-blend-mode: normal;
  --bg-img: var(--img-url);
  --img-url: url(../img/4ec625c73c1b5b63c5a18c2ed1f38c1f86fdf858.png);
}

.img-pGH-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  opacity: 1;
  background-image: var(--bg-img);
  border-radius: 0.191rem 0.077rem 0.191rem 0;
  background-size: cover;
}

.frame-zuJ-20 {
  position: absolute;
  z-index: 20;
  left: 3.5rem;
  top: 16rem;
  width: 30.7rem;
  height: 7.7rem;
  mix-blend-mode: normal;
}

.frame-zuJ-20.fixed-width {
  width: 30.7rem;
}

::-webkit-scrollbar {
  display: none;
}

.pointer-link,
.pointer-link>* {
  cursor: var(--cursor-pointer) !important;
}

* {
  --cursor-pointer: -webkit-image-set(url(../img/base2.png) 1x) 9 9, auto !important;
}

*:not(.pointer-link *) {
  cursor: -webkit-image-set(url(../img/base1.png) 1x, auto);
}

.custom-input {
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  width: 31.8rem;
}

.custom-input:empty:before {
  content: attr(data-placeholder);
  color: #aaa;
}

input {
  all: unset;
}

.remember-me-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
}

.remember-me-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.8rem;
  width: 1.8rem;
  background-color: #eeeeee00;
  border: 1px solid #000000;
  border-radius: 3px;
}

.remember-me-checkbox input:checked~.checkmark {
  border: 1px solid #000;
  border-radius: 3px;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.remember-me-checkbox input:checked~.checkmark:after {
  display: block;
}

.remember-me-checkbox .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid rgb(0, 0, 0);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.remember-me-checkbox span {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 2rem;
  color: rgba(51, 57, 61, 1);
  text-align: left;
  vertical-align: top;
}