body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
  margin: 0;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}
button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}
.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
.page {
  position: relative;
  width: 100vw;
  height: 111.14583vw;
  overflow: hidden;
}
.box_1 {
  background-color: #ffffff;
  position: relative;
  width: 100vw;
  height: 109.11458vw;
}
.group_1 {
  width: 99.84375vw;
  height: 47.23958vw;
  background-size: 100% 100%;
  background: #e3152b;
}
.text_1 {
  width: 48.69792vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: #ffffff;
  font-size: 1.04167vw;
  font-family: Roboto-Black;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
  margin: 2.08333vw 0 0 25.67708vw;
}
.box_2 {
  width: 62.34375vw;
  height: 27.91667vw;
  margin: 4.16667vw 0 11.82292vw 18.80208vw;
}
.image_1 {
  width: 33.125vw;
  height: 24.47917vw;
  margin-top: 3.4375vw;
}
.box_3 {
  width: 26.25vw;
  height: 27.23958vw;
}
.box_4 {
  width: 19.53125vw;
  height: 5.05208vw;
}
.section_2 {
  background-color: #d8d8d8;
  border-radius: 0.78125vw;
  height: 5.05208vw;
  width: 5.05208vw;
}
.block_1 {
  position: relative;
  width: 5.05208vw;
  height: 5.05208vw;
  background: url(../img/single.png) 100% no-repeat;
  background-size: 100% 100%;
}
.single {
  width: 5.05208vw;
  height: 5.05208vw;
}
.text_2 {
  width: 0.10417vw;
  height: 0.20833vw;
  overflow-wrap: break-word;
  color: #333333;
  font-size: 0.10417vw;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 0.20833vw;
  margin: 1.35417vw 0 0 1.875vw;
}
.group_4 {
  width: 0.26042vw;
  height: 0.26042vw;
  background: url(../img/SketchPng530e81a529965ff600eed68ea39cf4f81832599482343a1846c08a14544d82b7.png) -1px
    0px no-repeat;
  background-size: 0.3125vw 0.3125vw;
  margin: 0.20833vw 0 0 3.64583vw;
}
.group_5 {
  width: 3.02083vw;
  height: 0.3125vw;
  background: url(../img/SketchPnge3fa1c042f4cc10d18fdad42fdbb6533faba1c9fa49437d4acaa09ca6e1bdef1.png) -1px -1px
    no-repeat;
  background-size: 3.07292vw 0.41667vw;
  margin: 1.09375vw 0 0 1.40625vw;
}
.group_6 {
  height: 1.45833vw;
  background: url(../img/SketchPng710ca76d5ba9875055c8935ef4fc66c12a443999a381bd7524b9006ef2ae9e08.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 0.15625vw;
  width: 5.05208vw;
}
.text-wrapper_1 {
  height: 1.35417vw;
  background: url(../img/SketchPng8e56dab7a2beb86004c7cfb447b0dac5e1f9c08a157c9b96f9f81b98cc5b6586.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 0.10417vw;
  width: 5.05208vw;
}
.text_3 {
  text-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.5);
  width: 3.33333vw;
  height: 0.72917vw;
  overflow-wrap: break-word;
  color: #fc2214;
  font-size: 0.57292vw;
  font-family: AlimamaShuHeiTi-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.72917vw;
  margin: 0.3125vw 0 0 0.83333vw;
}
.group_7 {
  height: 1.45833vw;
  background: url(../img/SketchPngbf28ddf85635170fa7044f349025c89d2c18f926b7bf06f3e8483f708e0a7fd0.png) -1px -1px
    no-repeat;
  background-size: 3.75vw 1.51042vw;
  width: 3.69792vw;
  position: absolute;
  left: 0.83333vw;
  top: 1.61458vw;
}
.group_8 {
  width: 2.1875vw;
  height: 1.19792vw;
  background: url(../img/SketchPng0cd1e74824dfccfee0502c45437acf61ec6589f75f1220798b260e6ad0210488.png) -1px
    0px no-repeat;
  background-size: 2.29167vw 1.25vw;
  margin: -0.72917vw 0 0 -0.3125vw;
}
.text_4 {
  width: 12.8125vw;
  height: 2.8125vw;
  overflow-wrap: break-word;
  color: #ffffff;
  font-size: 2.5vw;
  font-family: Roboto-Black;
  text-align: left;
  white-space: nowrap;
  line-height: 2.8125vw;
  margin-top: 1.19792vw;
}
.text-wrapper_2 {
  width: 26.25vw;
  height: 11.25vw;
  overflow-wrap: break-word;
  font-family: Roboto-Black;
  color: #fff;
  text-align: left;
  line-height: 1.875vw;
  margin-top: 2.08333vw;
}
.paragraph_1 {
  width: 26.25vw;
  height: 11.25vw;
  overflow-wrap: break-word;
  color: #ffffff;
  font-size: 1.25vw;
  font-family: Roboto-Black;
  text-align: left;
  line-height: 1.875vw;
}
.text_5 {
  width: 26.25vw;
  height: 11.25vw;
  overflow-wrap: break-word;
  color: #ffe105;
  font-size: 1.25vw;
  font-family: Roboto-Black;
  text-decoration: underline;
  text-align: left;
  line-height: 1.875vw;
}
.text_6 {
  width: 26.25vw;
  height: 11.25vw;
  overflow-wrap: break-word;
  color: #ffffff;
  font-size: 1.25vw;
  font-family: Roboto-Black;
  text-align: left;
  line-height: 1.875vw;
}
.group_9 {
  border-radius: 0.52083vw;
  background-image: url(../img/7084743ec9a54ea3bfb98a60d245570c_mergeImage.png);
  width: 16.14583vw;
  height: 4.6875vw;
  margin: 4.16667vw 0 0 9.89583vw;
  border: 0.15625vw solid #fff;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
}
.group_10 {
  width: 100vw;
  height: 15.46875vw;
  justify-content: flex-center;
  margin-top: 1.4375vw;
  background: #e3152b;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.text_11 {
  width: 0.10417vw;
  height: 0.15625vw;
  overflow-wrap: break-word;
  color: #333333;
  font-size: 1px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 0.15625vw;
  margin: 4.42708vw 0 0 49.94792vw;
}
.block_2 {
  width: 0.15625vw;
  height: 0.20833vw;
  background: url(../img/SketchPng45bdc3936760b7b02cc5e5d32c65d20e62a8d2b6bd2a1d751a2e6b9c72dc040f.png)
    0px 0px no-repeat;
  background-size: 0.20833vw 0.20833vw;
  margin: 0.15625vw 0 0 49.89583vw;
}
.text_12 {
  overflow-wrap: break-word;
  color: #ffffff;
  font-size: 1.25vw;
  font-family: Roboto-Black;
  text-align: left;
  white-space: nowrap;
  line-height: 1.35417vw;
}
.text_13 {
  width: 17.76042vw;
  height: 1.45833vw;
  overflow-wrap: break-word;
  color: #ffffff;
  font-size: 1.04167vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.45833vw;
  margin-top: 1.40625vw;
}
.image_2 {
  position: absolute;
  left: 47.91667vw;
  top: 3.75vw;
  width: 4.16667vw;
  height: 2.65625vw;
}
.box_5 {
  position: absolute;
  left: 0;
  top: 47.23958vw;
  width: 100vw;
  height: 48.48958vw;
}
.text_14 {
  width: 7.76042vw;
  height: 2.5vw;
  overflow-wrap: break-word;
  color: #242424;
  font-size: 1.875vw;
  font-family: Roboto-Black;
  text-align: left;
  white-space: nowrap;
  line-height: 2.5vw;
  margin: 10.83333vw 0 0 46.14583vw;
}
.text-wrapper_6 {
  width: 31.5625vw;
  height: 1.25vw;
  margin: 3.33333vw 0 0 34.16667vw;
}
.text_15 {
  width: 4.94792vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: #333333;
  font-size: 0.9375vw;
  font-family: Roboto-Black;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
}
.text_16 {
  width: 3.33333vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: #333333;
  font-size: 0.9375vw;
  font-family: Roboto-Black;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
  margin-left: 9.27083vw;
}
.text_17 {
  width: 4.79167vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: #333333;
  font-size: 0.9375vw;
  font-family: Roboto-Black;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
  margin-left: 9.21875vw;
}
.group_12 {
  background-color: #f2f2f2;
  width: 26.71875vw;
  height: 0.15625vw;
  margin: 1.14583vw 0 0 36.61458vw;
}
.group_17 {
  width: 62.60417vw;
  height: 20.83333vw;
  margin: 4.63542vw 0 3.80208vw 18.64583vw;
}
.group_14 {
  border-radius: 0.72917vw;
  background-image: url(../img/6df859aeab0b49b081c4293670285e83_mergeImage.png);
  width: 30.83333vw;
  height: 20.83333vw;
  background-size: contain;
  background-repeat: no-repeat;
}
.group_18 {
  width: 29.6875vw;
  height: 9.79167vw;
}
.text-wrapper_4 {
  width: 27vw;
  height: 12.4375vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Roboto-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 1.25vw;
}
.text_18 {
  width: 25.83333vw;
  height: 8.4375vw;
  overflow-wrap: break-word;
  color: #333333;
  font-size: 1.04167vw;
  font-family: Roboto-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 1.25vw;
}
.paragraph_2 {
  width: 27vw;
  height: 8.4375vw;
  overflow-wrap: break-word;
  color: #999999;
  font-size: 1.04167vw;
  font-family: Roboto-Regular;
  text-align: left;
  line-height: 1.25vw;
}
.text_19 {
  width: 25.83333vw;
  height: 8.4375vw;
  overflow-wrap: break-word;
  color: #999999;
  font-size: 1.04167vw;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 1.25vw;
}
.text_20 {
  width: 25.83333vw;
  height: 8.4375vw;
  overflow-wrap: break-word;
  color: #999999;
  font-size: 1.04167vw;
  font-family: Roboto-Regular;
  text-align: left;
  line-height: 1.25vw;
}
.text_21 {
  width: 25.83333vw;
  height: 8.4375vw;
  overflow-wrap: break-word;
  color: #999999;
  font-size: 1.04167vw;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 1.25vw;
}
.paragraph_5 {
  width: 25.83333vw;
  height: 8.4375vw;
  overflow-wrap: break-word;
  color: #999999;
  font-size: 1.04167vw;
  font-family: Roboto-Regular;
  text-align: left;
  line-height: 1.25vw;
}
.text_22 {
  width: 25.83333vw;
  height: 8.4375vw;
  overflow-wrap: break-word;
  color: #999999;
  font-size: 1.04167vw;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 1.25vw;
}
.paragraph_6 {
  width: 25.83333vw;
  height: 8.4375vw;
  overflow-wrap: break-word;
  color: #999999;
  font-size: 1.04167vw;
  font-family: Roboto-Regular;
  text-align: left;
  line-height: 1.25vw;
}
.text-wrapper_5 {
  width: 29.6875vw;
  height: 20.79167vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Roboto-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 1.25vw;
  margin-top: 1.5625vw;
}
.paragraph_3 {
  width: 29.6875vw;
  height: 9.79167vw;
  overflow-wrap: break-word;
  color: #333333;
  font-size: 1.04167vw;
  font-family: Roboto-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 1.25vw;
}
.paragraph_4 {
  width: 29.6875vw;
  height: 9.79167vw;
  overflow-wrap: break-word;
  color: #999999;
  font-size: 1.04167vw;
  font-family: Roboto-Regular;
  text-align: left;
  line-height: 1.25vw;
}
.text_23 {
  width: 29.6875vw;
  height: 9.79167vw;
  overflow-wrap: break-word;
  color: #999999;
  font-size: 1.04167vw;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 1.25vw;
}
.paragraph_7 {
  width: 29.6875vw;
  height: 9.79167vw;
  overflow-wrap: break-word;
  color: #999999;
  font-size: 1.04167vw;
  font-family: Roboto-Regular;
  text-align: left;
  line-height: 1.25vw;
}
.label_1 {
  position: absolute;
  left: 49.375vw;
  top: 18.38542vw;
  width: 1.30208vw;
  height: 1.30208vw;
}
.label_2 {
  position: absolute;
  left: 62.76042vw;
  top: 18.38542vw;
  width: 1.30208vw;
  height: 1.30208vw;
}
.label_3 {
  position: absolute;
  left: 35.98958vw;
  top: 18.38542vw;
  width: 1.30208vw;
  height: 1.30208vw;
}
.group_16 {
  box-shadow: 0px 0.36458vw 1.35417vw 0px rgba(207, 207, 207, 0.5);
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -6.25vw;
  height: 12.91667vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-text_5 {
  width: 15.625vw;
  height: 12.91667vw;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.image_3 {
  width: 4.16667vw;
  height: 4.16667vw;
}
.text-group_1 {
  height: 3.75vw;
  overflow-wrap: break-word;
  color: #333333;
  font-size: 1.04167vw;
  font-family: PingFangSC-Regular;
  line-height: 1.875vw;
  margin-top: 0.9375vw;
  text-align: center;
}
.section_3 {
  width: 15.625vw;
  height: 12.91667vw;
  background: url(../img/SketchPngf1f93392f2569bde41c3960673738da01ee24e02aa37f69ba62774f8024b02d7.png)
    100% no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.image-text_6 {
  width: 11.51042vw;
  height: 6.97917vw;
}
.image_4 {
  width: 4.16667vw;
  height: 4.16667vw;
}
.text-group_2 {
  height: 3.75vw;
  overflow-wrap: break-word;
  color: #333333;
  font-size: 1.04167vw;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 1.875vw;
  margin-top: 0.9375vw;
  text-align: center;
}
.image-text_7 {
  width: 11.04167vw;
  height: 6.97917vw;
}
.image_5 {
  width: 4.16667vw;
  height: 4.16667vw;
}
.text-group_3 {
  width: 11.04167vw;
  height: 3.75vw;
  overflow-wrap: break-word;
  color: #333333;
  font-size: 1.04167vw;
  font-family: PingFangSC-Regular;
  text-align: right;
  white-space: nowrap;
  line-height: 1.875vw;
  margin-top: 0.9375vw;
}
.section_4 {
  width: 15.625vw;
  height: 12.91667vw;
  background: url(../img/SketchPngf1f93392f2569bde41c3960673738da01ee24e02aa37f69ba62774f8024b02d7.png)
    100% no-repeat;
  background-size: 100% 100%;
}
.image-text_8 {
  width: 13.38542vw;
  height: 8.75vw;
}
.image_6 {
  width: 4.16667vw;
  height: 4.16667vw;
}
.text-group_4 {
  width: 13.38542vw;
  height: 3.75vw;
  overflow-wrap: break-word;
  color: #333333;
  font-size: 1.04167vw;
  font-family: PingFangSC-Regular;
  line-height: 1.875vw;
  margin-top: 0.83333vw;
  text-align: center;
}