html {
  font-size: 37.5px;
}

.page {
  position: relative;
  width: 20rem;
  height: 39rem;
  overflow: hidden;
}

.block_1 {
  width: 20rem;
  height: 43.307rem;
  background: url(./img/SketchPng7b35e0df40cff8702dd75ff40e276a34fa63ec4826b3763e700b3988cea3c579.png)
  100% no-repeat;
  background-size: 100% 100%;
}

.box_1 {
  background-color: rgba(37, 27, 58, 1);
  height: 4.667rem;
  width: 20rem;
  z-index: 9999;
}

.box_2 {
  width: 18.107rem;
  height: 0.88rem;
  margin: 0.827rem 0 0 1.12rem;
}

.text-wrapper_1 {
  width: 2.88rem;
  height: 0.88rem;
  overflow-wrap: break-word;
  font-size: 0;
  letter-spacing: -0.5600000023841858px;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 0.88rem;
}

.text_1 {
  width: 2.88rem;
  height: 0.88rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.746rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.88rem;
}

.text_2 {
  width: 2.88rem;
  height: 0.88rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.746rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.88rem;
}

.label_1 {
  width: 0.907rem;
  height: 0.56rem;
  margin: 0.107rem 0 0 11.654rem;
}

.label_2 {
  width: 0.827rem;
  height: 0.587rem;
  margin: 0.107rem 0 0 0.267rem;
}

.label_3 {
  width: 1.307rem;
  height: 0.614rem;
  margin: 0.107rem 0 0 0.267rem;
}

.box_3 {
  width: 18.4rem;
  height: 5.12rem;
  margin: 1rem 0 0.534rem 0.8rem;
}

.image-text_1 {
  width: 10.8rem;
  height: 3.12rem;
}

.image_1 {
  width: 3.12rem;
  height: 3.12rem;
}

.text-group_1 {
  width: 7.2rem;
  height: 2.32rem;
  margin-top: 0.347rem;
}

.text_3 {
  width: 3.147rem;
  height: 1.334rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.96rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.334rem;
}

.text_4 {
  width: 7.2rem;
  height: 1.12rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.8rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.12rem;
  margin-top: -0.133rem;
}

.button_1 {
  background-image: linear-gradient(
          270deg,
          rgba(254, 82, 87, 1) 0,
          rgba(232, 83, 236, 1) 100%
  );
  border-radius: 31px;
  height: 1.654rem;
  margin-top: 0.747rem;
  width: 4.267rem;
}

.text_5 {
  width: 2.987rem;
  height: 1.067rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.746rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.067rem;
  margin: 0.294rem 0 0 0.64rem;
}

.box_4 {
  width: 20rem;
  height: 38rem;
  background: url(./img/SketchPngc609cd1ed2a88052443bf182d574e1c1942fd672dacfce34808d559b24cb2617.png)
  100% no-repeat;
  /*background-size: 100% 100%;*/
}

.image-text_2 {
  width: 5.654rem;
  height: 2.214rem;
  margin: 0.534rem 0 0 0.8rem;
  z-index: 9999;
}

.single-avatar_1 {
  border-radius: 50%;
  background-image: url(./img/05193a5ceff74085bb17142a8fad03b9_mergeImage.png);
  background-size:100% 100%;
  width: 2.134rem;
  height: 2.134rem;
  margin-top: 0.08rem;
}

.section_1 {
  width: 2.987rem;
  height: 2.08rem;
}

.text-group_2 {
  width: 2.987rem;
  height: 1.067rem;
  overflow-wrap: break-word;
  color: rgba(37, 27, 58, 1);
  font-size: 0.746rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.067rem;
  text-shadow: 0 0 5px white ;
}

.tag_1 {
  width: 2.347rem;
  height: 0.907rem;
  background: url(./img/SketchPngbc0272b129aaaded6d527a53c0b9be983c0aecc37a0652ef48b5c1a14b9ce819.png)
  100% no-repeat;
  background-size: 100% 100%;
  margin-top: 0.107rem;
}

.text_6 {
  width: 1.84rem;
  height: 0.747rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.533rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: 0.08rem 0 0 0.267rem;
}

.group_1 {
  background-color: rgba(93, 248, 130, 1);
  border-radius: 50%;
  width: 0.294rem;
  height: 0.294rem;
  margin-left: -0.053rem;
}

.text-wrapper_2 {
  height: 0.907rem;
  background: url(./img/SketchPngbc0272b129aaaded6d527a53c0b9be983c0aecc37a0652ef48b5c1a14b9ce819.png)
  100% no-repeat;
  background-size: 100% 100%;
  width: 2.347rem;
  margin: -1.04rem 0 0 6.08rem;
  z-index: 9999;
}

.text_7 {
  width: 1.6rem;
  height: 0.747rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.533rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: 0.08rem 0 0 0.374rem;
}

.box_5 {
  height: 31.28rem;
  background: url(./img/SketchPnga4dc7067540ed275cfcb581c1c86621c344687801bd091ee43f1eebfcaba795a.png)
  100% no-repeat;
  background-size: 100% 100%;
  width: 14.107rem;
  margin: 2.347rem 0 0 2.694rem;
}

.block_2 {
  width: 20rem;
  height: 10.88rem;
  background: url(./img/SketchPng725a0c9df7a304a36fb3f6db9fc46f53fe88870cf405a31ab46de0d829fe0f78.png)
  100% no-repeat;
  background-size: 100% 100%;
  margin: 20.5rem 0 0 0;
}

.button_2 {
  background-image: linear-gradient(
          270deg,
          rgba(254, 82, 87, 1) 0,
          rgba(232, 83, 236, 1) 100%
  );
  border-radius: 51px;
  height: 2.72rem;
  width: 16.8rem;
  margin: 3.254rem 0 0 1.6rem;
}

.text_8 {
  width: 3.414rem;
  height: 1.2rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.853rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.2rem;
  margin: 0.774rem 0 0 6.694rem;
}

.text_9 {
  width: 13.654rem;
  height: 1.2rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.853rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.2rem;
  margin: 0.8rem 0 2.907rem 3.174rem;
}

.image-text_2 {
  width: 10.8rem;
  height: 3.12rem;
}

.image_2 {
  width: 3.12rem;
  height: 3.12rem;
}