.page {
  background-color: rgba(245, 231, 226, 1);
  position: relative;
  width: 430px;
  height: 932px;
  overflow: hidden;
  position: absolute; /* 绝对定位 */
  top: 50%;           /* 上边缘移到父元素的一半 */
  left: 50%;          /* 左边缘移到父元素的一半 */
  transform: translate(-50%, -50%); /* 自身的中心点移到父元素的中心点 */
}

.box_1 {
  height: 1176px;
  background: url(./img/FigmaDDSSlicePNG10c1dfcd63088ed10bda17c4f2bef0de.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 631px;
  position: relative;
  margin: -85px 0 0 -116px;
}

.section_1 {
  width: 28px;
  height: 28px;
  margin: 91px 0 0 124px;
}

.group_1 {
  border-radius: 50%;
  height: 28px;
  border: 1px solid rgba(240, 184, 49, 1);
  width: 28px;
}

.group_2 {
  width: 17px;
  height: 11px;
  border: 1px solid rgba(240, 184, 49, 1);
  margin: 9px 0 0 7px;
}

.section_2 {
  width: 423px;
  height: 430px;
  margin: 84px 0 0 162px;
}

.text-wrapper_1 {
  width: 59px;
  height: 126px;
  margin-top: 272px;
}

.text_1 {
  width: 53px;
  height: 46px;
  overflow-wrap: break-word;
  color: rgba(240, 184, 49, 1);
  font-size: 30px;
  font-family: Style Script-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 30px;
}

.text_2 {
  width: 59px;
  height: 46px;
  overflow-wrap: break-word;
  color: rgba(240, 184, 49, 1);
  font-size: 30px;
  font-family: Style Script-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 30px;
  margin-top: 34px;
}

.box_2 {
  width: 173px;
  height: 164px;
  margin: 258px 0 0 35px;
}

.box_3 {
  background-color: rgba(240, 133, 25, 1);
  border-radius: 27px;
  height: 54px;
  width: 151px;
}

.block_1 {
  background-color: rgba(255, 215, 25, 1);
  border-radius: 27px;
  height: 45px;
  width: 141px;
  margin: 4px 0 0 4px;
}

.section_3 {
  background-color: rgba(197, 0, 2, 1);
  border-radius: 27px;
  height: 42px;
  width: 138px;
  margin: 2px 0 0 2px;
}

.text-wrapper_2 {
  border-radius: 27px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 1);
  width: 138px;
}

.text_3 {
  width: 40px;
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: Style Script-Regular;
  /* font-weight: NaN; */
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
  margin: 8px 0 0 49px;
}

.paragraph_1 {
  width: 166px;
  height: 90px;
  overflow-wrap: break-word;
  color: rgba(240, 184, 49, 1);
  font-size: 20px;
  font-family: Style Script-Regular;
  font-weight: NaN;
  text-align: left;
  margin: 20px 0 0 7px;
}

.image-wrapper_1 {
  height: 430px;
  background: url(./img/FigmaDDSSlicePNGde9bfee909b0d324f58b76ae678d805b.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-left: -131px;
  width: 287px;
}

.image_1 {
  mix-blend-mode: MULTIPLY;
  width: 438px;
  height: 202px;
  margin: -98px 0 0 -182px;
}

.text-wrapper_3 {
  width: 162px;
  height: 27px;
  margin: 332px 0 184px 254px;
}

.text_4 {
  width: 162px;
  height: 27px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Style Script-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.paragraph_2 {
  position: absolute;
  left: 160px;
  top: 281px;
  width: 20px;
  height: 180px;
  overflow-wrap: break-word;
  color: rgba(240, 184, 49, 1);
  font-size: 20px;
  font-family: Style Script-Regular;
  font-weight: NaN;
  text-align: left;
}

.paragraph_3 {
  position: absolute;
  left: 194px;
  top: 281px;
  width: 20px;
  height: 180px;
  overflow-wrap: break-word;
  color: rgba(240, 184, 49, 1);
  font-size: 20px;
  font-family: Style Script-Regular;
  font-weight: NaN;
  text-align: left;
}
a {
  text-decoration: none;
}