* {
  margin: 0;
  padding: 0;
}
body {
  overflow-x: hidden;
}
.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 100vw;
  height: 95.79vw;
  overflow: hidden;
}

.image_1 {
  width: 100vw;
  height: 33.29vw;
}

.group_1 {
  background-color: rgba(216, 216, 216, 0);
  position: absolute;
  left: 0;
  top: 0;
  width: 15.63vw;
  height: 95.79vw;
  border: 1px solid rgba(151, 151, 151, 0);
}

.group_2 {
  background-color: rgba(216, 216, 216, 0);
  height: 95.79vw;
  border: 1px solid rgba(151, 151, 151, 0);
  width: 15.58vw;
  position: absolute;
  left: 84.43vw;
  top: 0;
}

.image-wrapper_1 {
  width: 10.16vw;
  height: 3.13vw;
  margin: 1.25vw 0 0 -82.86vw;
}

.image_2 {
  width: 3.34vw;
  height: 3.13vw;
}

.image_3 {
  width: 6.46vw;
  height: 1.05vw;
  margin-top: 1.05vw;
}

.section_1 {
  width: 46.88vw;
  height: 18.23vw;
  margin: 4.42vw 0 0 -59.21vw;
}

.block_1 {
  width: 46.88vw;
  height: 18.23vw;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2.5rem;
  border: 0.17rem solid rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(24px);
}

.box_1 {
  box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.16);
  height: 11.98vw;
  margin-left: 2.09vw;
  width: 42.71vw;
}

.block_2 {
  width: 42.71vw;
  height: 5.21vw;
  margin-top: 3.65vw;
}

.box_2 {
  border-radius: 20px;
  background-image: url(https://png.masyunrui.com/muban001/mnsj/icon.png);
  width: 5.21vw;
  height: 5.21vw;
  border: 1px solid rgba(151, 151, 151, 1);
  background-size: cover;
}

.text-wrapper_1 {
  width: 13.55vw;
  height: 4.17vw;
  margin: 0.52vw 0 0 1.25vw;
}

.text_1 {
  width: 6.98vw;
  height: 2.5vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.77vw;
  font-family: AlibabaPuHuiTi_2_85_Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 2.5vw;
}

.text_2 {
  width: 13.55vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.25vw;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
}

.box_3 {
  width: 12.5vw;
  height: 4.07vw;
  background: linear-gradient(135deg, #00a2ff 0%, #0054ff 100%);
  border-radius: 3.1rem;
  margin: 0.31vw 0 0 10.2vw;
  cursor: pointer;
}

.label_1 {
  width: 1.72vw;
  height: 1.52vw;
  margin: 1.3vw 0 0 2.65vw;
}

.text_3 {
  width: 5.21vw;
  height: 1.57vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.3vw;
  font-family: Alibaba-PuHuiTi-B;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 1.25vw 2.39vw 0 0.52vw;
}

.text-wrapper_2 {
  width: 16.62vw;
  height: 0.89vw;
  margin: 0 0 2.23vw 26.09vw;
}

.text_4 {
  width: 16.62vw;
  height: 0.89vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.62vw;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 0.89vw;
}

.text-wrapper_3 {
  width: 21.05vw;
  height: 1.15vw;
  margin: 1.35vw 0 0 3.43vw;
}

.text_5 {
  width: 2.82vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.83vw;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 1.15vw;
}

.text_6 {
  width: 3.91vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.83vw;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 1.15vw;
  margin-left: 1.83vw;
}

.text_7 {
  width: 2.5vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.83vw;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 1.15vw;
  margin-left: 3.23vw;
}

.text_8 {
  width: 4.59vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.83vw;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 1.15vw;
  margin-left: 2.19vw;
}

.text-wrapper_4 {
  width: 19.38vw;
  height: 1.15vw;
  margin: 0 0 2.6vw 4vw;
}

.text_9 {
  width: 1.67vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.83vw;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 1.15vw;
}

.text_10 {
  width: 1.67vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.83vw;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 1.15vw;
  margin-left: 3.47vw;
}

.text_11 {
  width: 3.29vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.83vw;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 1.15vw;
  margin-left: 4vw;
}

.text_12 {
  width: 3.29vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.83vw;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 1.15vw;
  margin-left: 2.47vw;
}

.text-wrapper_5 {
  width: 9.48vw;
  height: 3.44vw;
  margin: 10.41vw 0 0 -39.16vw;
}

.text_13 {
  width: 9.48vw;
  height: 3.44vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.9);
  font-size: 2.39vw;
  font-family: AlibabaPuHuiTi_2_75_SemiBold;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 3.44vw;
}

.section_2 {
  width: 2.71vw;
  height: 0.32vw;
  margin: 0.41vw 0 0 -35.78vw;
}

.group_3 {
  width: 2.71vw;
  height: 0.32vw;
  background: url(https://png.masyunrui.com/muban001/mnsj/juxing.png) 100%
    no-repeat;
  background-size: 100% 100%;
}

.section_3 {
  width: 68.81vw;
  height: 16.05vw;
  margin: 1.97vw 0 0 -68.8vw;
}

.block_3 {
  /*box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);*/
  height: 16.05vw;
  width: 21.36vw;
}

.block_4 {
  border-radius: 24px;
  background-image: url(https://png.masyunrui.com/muban001/mnsj/1.png);
  width: 21.36vw;
  height: 16.05vw;
  background-size: cover;
}

.block_5 {
  /*box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);*/
  height: 16.05vw;
  margin-left: 2.4vw;
  width: 21.36vw;
}

.group_4 {
  border-radius: 24px;
  background-image: url(https://png.masyunrui.com/muban001/mnsj/2.png);
  width: 21.36vw;
  height: 16.05vw;
  background-size: cover;
}

.block_6 {
  /*box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);*/
  height: 16.05vw;
  margin-left: 2.35vw;
  width: 21.36vw;
}

.section_4 {
  border-radius: 24px;
  background-image: url(https://png.masyunrui.com/muban001/mnsj/3.png);
  width: 21.36vw;
  height: 16.05vw;
  background-size: cover;
  /*border: 1px solid rgba(151, 151, 151, 1);*/
}

.text-wrapper_6 {
  width: 9.48vw;
  height: 3.44vw;
  margin: 6.51vw 0 0 -39.16vw;
}

.text_14 {
  width: 9.48vw;
  height: 3.44vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.9);
  font-size: 2.39vw;
  font-family: AlibabaPuHuiTi_2_75_SemiBold;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 3.44vw;
}

.section_5 {
  width: 2.71vw;
  height: 0.32vw;
  margin: 0.41vw 0 0 -35.78vw;
}

.group_5 {
  width: 2.71vw;
  height: 0.32vw;
  background: url(https://png.masyunrui.com/muban001/mnsj/juxing.png) 100%
    no-repeat;
  background-size: 100% 100%;
}

.section_6 {
  width: 14.69vw;
  height: 4.8vw;
  margin: 2.7vw 0 0 -41.77vw;
}

.text-group_1 {
  width: 14.69vw;
  height: 4.8vw;
}

.text_15 {
  width: 5.84vw;
  height: 2.61vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.45vw;
  font-family: AlibabaPuHuiTi_2_75_SemiBold;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 2.61vw;
  margin-left: 4.43vw;
}

.text_16 {
  width: 14.69vw;
  height: 1.98vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.35vw;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 1.98vw;
  margin-top: 0.21vw;
}

.text-wrapper_7 {
  width: 5.84vw;
  height: 2.61vw;
  margin: 2.7vw 0 0 -37.34vw;
}

.text_17 {
  width: 5.84vw;
  height: 2.61vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.45vw;
  font-family: AlibabaPuHuiTi_2_75_SemiBold;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 2.61vw;
}

.text-wrapper_8 {
  width: 68.75vw;
  height: 5.94vw;
  margin: 0.2vw 0 6.51vw -68.8vw;
}

.text_18 {
  width: 68.75vw;
  height: 5.94vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.35vw;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-weight: 700;
  text-align: center;
  line-height: 1.98vw;
}
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
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;
}