html {
  font-size: 37.5px;
}

.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 51.2rem;
  height: 28.8rem;
  overflow: hidden;
}

.box_1 {
  background-color: rgba(18, 18, 18, 1);
  height: 28.8rem;
  width: 51.2rem;
}

.group_1 {
  width: 51.2rem;
  height: 14.4rem;
  background: url(./img/SketchPng0eb3df8f2fc80e9f89b0f20db2f5c48a062234713d189faa4f2d44bbdcf02ec2.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 14.4rem;
}

.box_4 {
  background-image: url(./img/a3163fe4c01a4e27b6ecf35b44e7091b_mergeImage.png);
  position: absolute;
  left: 0;
  top: 0;
  width: 51.2rem;
  height: 28.8rem;
}

.box_2 {
  background-color: rgba(255, 255, 255, 0.08);
  width: 51.2rem;
  height: 1.6rem;
}

.label_1 {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0.4rem 0 0 23.76rem;
}

.image_6 {
  width: 2.454rem;
  height: 0.32rem;
  margin: 0.64rem 23.92rem 0 0.267rem;
}

.group_6 {
  position: relative;
  width: 51.2rem;
  height: 25.627rem;
}

.section_2 {
  width: 25.2rem;
  height: 13.334rem;
  margin: 1.04rem 0 0 3.894rem;
}

.image-wrapper_1 {
  height: 13.334rem;
  /* background: url(./img/SketchPngaba89492eb793e8fd4192d07150379c5a3bd6d4745de65f078fa67c6e7642350.png) -0.027rem
    0rem no-repeat; */
  background-size: 13.36rem 13.334rem;
  width: 13.334rem;
  position: relative;
}

.image_7 {
  width: 1.867rem;
  height: 1.867rem;
  margin: 5.52rem 0 0 5.707rem;
}

.image_8 {
  position: absolute;
  left: 5.734rem;
  top: 8.427rem;
  width: 19.44rem;
  height: 2.534rem;
}

.text_16 {
  width: 7.814rem;
  height: 2.214rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.6rem;
  font-family: PonyBold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 2.214rem;
  margin: 5.36rem 0 0 -5.227rem;
}

.text_17 {
  width: 2.534rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  font-family: SourceHanSansCN-Normal;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.64rem;
  margin: 6.934rem 0 0 6.747rem;
}

.section_3 {
  width: 5.334rem;
  height: 1.6rem;
  margin: 0.32rem 0 0 9.6rem;
}

.text-wrapper_7 {
  background-color: rgba(76, 255, 128, 1);
  border-radius: 8px;
  height: 1.6rem;
  width: 5.334rem;
}

.text_18 {
  width: 2.907rem;
  height: 0.774rem;
  overflow-wrap: break-word;
  color: rgba(17, 17, 17, 1);
  font-size: 0.533rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.774rem;
  margin: 0.4rem 0 0 1.227rem;
}

.section_4 {
  width: 9.787rem;
  height: 3.2rem;
  margin: 1.067rem 0 5.067rem 9.654rem;
}

.image-text_4 {
  position: relative;
  width: 9.787rem;
  height: 3.2rem;
}

.image-text_5 {
  position: relative;
  width: 9.787rem;
  height: 3.2rem;
}

.image-text_6 {
  width: 9.787rem;
  height: 3.2rem;
}

.thumbnail_4 {
  width: 0.16rem;
  height: 0.24rem;
  margin-top: 1.894rem;
}

.text-wrapper_8 {
  width: 9.44rem;
  height: 3.2rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: SourceHanSansCN-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 0.8rem;
}

.text_19 {
  width: 9.44rem;
  height: 3.2rem;
  overflow-wrap: break-word;
  color: rgba(82, 253, 255, 1);
  font-size: 0.373rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 0.8rem;
}

.text_20 {
  width: 9.44rem;
  height: 3.2rem;
  overflow-wrap: break-word;
  color: rgba(76, 255, 128, 1);
  font-size: 0.373rem;
  font-family: SourceHanSansCN-Normal;
  font-weight: NaN;
  text-align: left;
  line-height: 0.8rem;
}

.paragraph_3 {
  width: 9.44rem;
  height: 3.2rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;
  font-family: SourceHanSansCN-Normal;
  font-weight: NaN;
  text-align: left;
  line-height: 0.8rem;
}

.text_21 {
  width: 9.44rem;
  height: 3.2rem;
  overflow-wrap: break-word;
  color: rgba(82, 253, 255, 1);
  font-size: 0.373rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 0.8rem;
}

.text_22 {
  width: 9.44rem;
  height: 3.2rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 0.8rem;
}

.paragraph_4 {
  width: 9.44rem;
  height: 3.2rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;
  font-family: SourceHanSansCN-Normal;
  font-weight: NaN;
  text-align: left;
  line-height: 0.8rem;
}

.text_23 {
  width: 9.44rem;
  height: 3.2rem;
  overflow-wrap: break-word;
  color: rgba(82, 253, 255, 1);
  font-size: 0.373rem;
  font-family: SourceHanSansCN-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 0.8rem;
}

.text_24 {
  width: 9.44rem;
  height: 3.2rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;
  font-family: SourceHanSansCN-Normal;
  font-weight: NaN;
  text-align: left;
  line-height: 0.8rem;
}

.thumbnail_5 {
  position: absolute;
  left: 0;
  top: 0.294rem;
  width: 0.16rem;
  height: 0.24rem;
}

.thumbnail_6 {
  position: absolute;
  left: 0;
  top: 1.094rem;
  width: 0.16rem;
  height: 0.24rem;
}

.image_9 {
  position: absolute;
  left: 13.094rem;
  top: 12.8rem;
  width: 15.947rem;
  height: 0.854rem;
}

.image_3 {
  position: absolute;
  left: 31.6rem;
  top: 3.614rem;
  width: 10rem;
  height: 21.654rem;
}

.image_2 {
  position: absolute;
  left: 39.814rem;
  top: 16.214rem;
  width: 3.547rem;
  height: 3.414rem;
}

.image_1 {
  position: absolute;
  left: 29.92rem;
  top: 20.267rem;
  width: 3.547rem;
  height: 3.414rem;
}

.group_5 {
  background-color: rgba(0, 0, 0, 1);
  height: 1.6rem;
  width: 51.2rem;
  position: absolute;
  left: 0;
  top: 24rem;
}

.text-wrapper_5 {
  width: 32.24rem;
  height: 1.6rem;
  background: url(./img/SketchPnge089ea72a02bed8bcccd513d514630d37028560abf939f86aaec53e72f58720b.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-left: 9.654rem;
}

.text_13 {
  width: 2.214rem;
  height: 0.534rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;
  font-family: SourceHanSansCN-Normal;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
  margin: 0.534rem 0 0 13.12rem;
  cursor: pointer;
}

.text_14 {
  width: 2.374rem;
  height: 0.534rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;
  font-family: SourceHanSansCN-Normal;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
  margin: 0.534rem 0 0 1.067rem;
  cursor: pointer;
}

.text_151 {
  width: 2.374rem;
  height: 0.534rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;
  font-family: SourceHanSansCN-Normal;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
  margin: 0.534rem 0 0 1.067rem;
  cursor: pointer;
}

.image_5 {
  position: absolute;
  left: 41.174rem;
  top: 4.054rem;
  width: 1.6rem;
  height: 1.6rem;
}

.label_2 {
  position: absolute;
  left: 31.04rem;
  top: 17.174rem;
  width: 0.934rem;
  height: 0.8rem;
}

.text-wrapper_6 {
  background-color: rgba(0, 0, 0, 1);
  height: 1.6rem;
  margin-top: -0.026rem;
  width: 51.2rem;
}

.text_15 {
  width: 4.827rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 0.32rem;
  font-family: SourceHanSansCN-Normal;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.454rem;
  margin: 0.587rem 0 0 23.2rem;
}