html {
  font-size: 37.5px;
}

body{
  min-width: 1300px;
  display: flex;
  justify-content: center;
}

.wrap{
  position: relative;
  padding-bottom: 81px;
  /*width: 1400px;*/
  /*transform: translateY(-6.774rem);*/
}

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

.group_28 {
  /*width: 51.2rem;*/
  /*height: 109.414rem;*/
}

.box_13 {
  height: 6.774rem;
  /*background: url(./img/SketchPng0cbf331de8071e17777fa1b5ebeb599ea05d766602b06283acadbd73fa6afee4.png)*/
  /*  100% no-repeat;*/
  /*width: 51.2rem;*/
}

.group_29 {
  width: 1.494rem;
  height: 0.267rem;
  background-color: rgba(255, 255, 255, 1);
  margin: 6.374rem 0 0 28.32rem;
}

.box_14 {
  width: 23.92rem;
  height: 7.867rem;
  margin: 2.667rem 0 0 1.68rem;
}

.block_3 {
  width: 9.547rem;
  height: 7.867rem;
  border: 2px solid rgba(51, 51, 51, 1);
}

.paragraph_1 {
  width: 12.8rem;
  height: 5.014rem;
  display: inline-block;
  color: rgba(88, 88, 88, 1);
  font-size: 0.346rem;
  font-family: PingFangSC-Regular;
  line-height: 0.48rem;
  text-align: left;
  margin-top: 2.027rem;
}

.box_15 {
  width: 27.92rem;
  height: 7.307rem;
  margin: 1.974rem 0 0 0rem;
}

.box_1 {
  height: 7.307rem;
  border: 1px solid rgba(151, 151, 151, 1);
  background-color: rgba(93, 107, 116, 1);
  width: 9.334rem;
}

.section_5 {
  width: 7.574rem;
  height: 5.734rem;
  margin: 1.227rem 0 0 0.934rem;
}

.text_3 {
  width: 2.4rem;
  height: 0.667rem;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 0.667rem;
  text-align: left;
  margin-left: 2.534rem;
}

.group_3 {
  width: 1.307rem;
  height: 0.027rem;
  background: url(./img/SketchPng8b31723071859babd3b732d551b40c5064ef7f0940f3dcaddb04e0526754cce6.png)
    0rem -0.027rem no-repeat;
  background-size: 1.307rem 0.08rem;
  margin: 0.214rem 0 0 3.094rem;
}

.text_4 {
  width: 7.574rem;
  height: 3.947rem;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  font-family: PingFangSC-Regular;
  line-height: 0.48rem;
  text-align: left;
  margin-top: 0.88rem;
}

.box_2 {
  height: 7.307rem;
  background-color: rgba(245, 217, 164, 1);
  width: 9.414rem;
}

.group_30 {
  width: 2.88rem;
  height: 0.907rem;
  margin: 1.227rem 0 0 3.467rem;
}

.text_5 {
  width: 2.88rem;
  height: 0.667rem;
  display: inline-block;
  color: rgba(51, 51, 51, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 0.667rem;
  text-align: left;
}

.box_3 {
  width: 1.307rem;
  height: 0.027rem;
  background: url(./img/SketchPng2620030953743419ce2afee9df940f8ab321ae4339be5ddc6418af69a85e5d3f.png)
    0rem -0.027rem no-repeat;
  background-size: 1.307rem 0.08rem;
  margin: 0.214rem 0 0 0.614rem;
}

.box_4 {
  height: 7.307rem;
  border: 1px solid rgba(151, 151, 151, 1);
  background-color: rgba(93, 107, 116, 1);
  width: 9.174rem;
}

.box_16 {
  width: 2.88rem;
  height: 0.907rem;
  margin: 1.227rem 0 0 3.334rem;
}

.text_7 {
  width: 2.88rem;
  height: 0.667rem;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 0.667rem;
  text-align: left;
}

.section_1 {
  width: 1.307rem;
  height: 0.027rem;
  background: url(./img/SketchPng8b31723071859babd3b732d551b40c5064ef7f0940f3dcaddb04e0526754cce6.png)
    0rem -0.027rem no-repeat;
  background-size: 1.307rem 0.08rem;
  margin: 0.214rem 0 0 0.614rem;
}

.box_17 {
  width: 2.374rem;
  height: 0.587rem;
  margin: 1.334rem 0 0 12.933rem;
}

.block_6 {
  width: 0.027rem;
  height: 0.4rem;
  background: url(./img/SketchPngc23f8965eb0f42e0b85153339121cb7ab0c668dfbbe253f600dc63ec77bf0d92.png) -0.027rem
    0rem no-repeat;
  background-size: 0.08rem 0.4rem;
  margin-top: 0.134rem;
}

.text_9 {
  width: 1.707rem;
  height: 0.587rem;
  display: inline-block;
  color: rgba(51, 51, 51, 1);
  font-size: 0.426rem;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 0.587rem;
  text-align: left;
  margin-left: 0.32rem;
}

.block_7 {
  width: 0.027rem;
  height: 0.4rem;
  background: url(./img/SketchPngc23f8965eb0f42e0b85153339121cb7ab0c668dfbbe253f600dc63ec77bf0d92.png) -0.027rem
    0rem no-repeat;
  background-size: 0.08rem 0.4rem;
  margin: 0.134rem 0 0 0.294rem;
}

.box_18 {
  width: 27.974rem;
  height: 28.987rem;
  margin: 1.067rem 0 0 0rem;
}

.box_19 {
  width: 9.174rem;
  height: 28.987rem;
}

.group_5 {
  z-index: 11;
  position: relative;
  width: 9.174rem;
  height: 14.774rem;
  overflow: hidden;
  background: url(./img/SketchPng86c43af734abf881365e44a5e737baf360ba3c2eb321db9d88d7689c2a98f0b1.png)
    100% no-repeat;
}

.image_3 {
  z-index: 12;
  position: absolute;
  left: 0;
  top: 0;
  width: 9.174rem;
  height: 14.747rem;
}

.group_6 {
  z-index: 26;
  position: relative;
  width: 9.174rem;
  height: 13.92rem;
  overflow: hidden;
  background: url(./img/SketchPng48c7508749a691958038050f01ec290153d287c4c259b170d14d4ee75d9b444a.png)
    0rem -0.027rem no-repeat;
  background-size: 9.174rem 13.92rem;
  margin-top: 0.294rem;
}

.image_4 {
  z-index: 27;
  position: absolute;
  left: 0;
  top: -0.026rem;
  width: 9.174rem;
  height: 13.92rem;
}

.box_20 {
  width: 18.587rem;
  height: 28.987rem;
}

.block_20 {
  width: 18.587rem;
  height: 9.467rem;
}

.group_8 {
  z-index: 14;
  position: relative;
  width: 9.174rem;
  height: 9.467rem;
  overflow: hidden;
  background: url(./img/SketchPng94b8f2e43691d5d561a5c3f9931f6aedac9e00dbc20da0bf35379e89d886b6d4.png)
    0rem 0rem no-repeat;
  background-size: 9.174rem 9.467rem;
}

.image_5 {
  z-index: 15;
  position: absolute;
  left: -0.026rem;
  top: 0;
  width: 9.174rem;
  height: 9.467rem;
}

.group_9 {
  z-index: 17;
  position: relative;
  width: 9.174rem;
  height: 9.467rem;
  overflow: hidden;
  background: url(./img/SketchPng867a872502ce1004726ffb582cb0073db34d3ad5cfb85f75e3bb950185c518c7.png)
    0rem 0rem no-repeat;
  background-size: 9.174rem 9.467rem;
}

.image_6 {
  z-index: 18;
  position: absolute;
  left: -0.026rem;
  top: 0;
  width: 9.174rem;
  height: 9.467rem;
}

.block_21 {
  width: 17.787rem;
  height: 9.467rem;
  margin: 0.267rem 0 0 0.8rem;
}

.box_21 {
  width: 7.574rem;
  height: 4.454rem;
  margin-top: 2.48rem;
}

.paragraph_3 {
  width: 6rem;
  height: 2.88rem;
  display: inline-block;
  color: rgba(51, 51, 51, 1);
  font-size: 0.666rem;
  font-family: PingFangSC-Medium;
  line-height: 0.96rem;
  text-align: left;
}

.paragraph_2 {
  width: 6.347rem;
  height: 0.907rem;
  display: inline-block;
  color: rgba(130, 130, 130, 1);
  font-size: 0.32rem;
  font-family: PingFangSC-Light;
  line-height: 0.454rem;
  text-align: left;
  margin-top: -0.8rem;
}

.image_1 {
  width: 7.574rem;
  height: 1.067rem;
  background: url(./img/SketchPng0af5c595b5db1838da8ac8b7462e12d3fbfd9ffd29f78d9d4a1e9317acd491e4.png)
    100% no-repeat;
  margin-top: 0.4rem;
}

.section_3 {
  z-index: 20;
  position: relative;
  width: 9.174rem;
  height: 9.467rem;
  overflow: hidden;
  background: url(./img/SketchPng19b0651b05b52cf62d2af2d98a9cb098a233cdf0a729f0b9e4f4e86dd6d4d55d.png)
    0rem 0rem no-repeat;
  background-size: 9.174rem 9.467rem;
}

.image_7 {
  z-index: 21;
  position: absolute;
  left: -0.026rem;
  top: -0.026rem;
  width: 9.174rem;
  height: 9.467rem;
}

.block_11 {
  z-index: 23;
  position: relative;
  width: 18.56rem;
  height: 9.414rem;
  overflow: hidden;
  background: url(./img/SketchPng57cc745ede83ffccb677199298508c95b3ef181662e02b59d44b03b597833e1d.png)
    0rem 0rem no-repeat;
  background-size: 18.587rem 9.414rem;
  margin-top: 0.374rem;
}

.group_25 {
  z-index: 24;
  position: absolute;
  left: 0;
  top: -0.293rem;
  width: 18.56rem;
  height: 10.534rem;
  background: url(./img/SketchPng0e9eb74a2f7bd4bfb89b48116da05d26656f94b22d1c34f81c6e4cc66463abc2.png)
    0rem 0.267rem no-repeat;
  background-size: 18.56rem 9.414rem;
}

.text_10 {
  width: 6.667rem;
  height: 0.96rem;
  display: inline-block;
  color: rgba(51, 51, 51, 1);
  font-size: 0.666rem;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 0.96rem;
  text-align: left;
  margin: 1.52rem 0 0 10.773rem;
}

.box_22 {
  width: 18.507rem;
  height: 11.52rem;
  margin: 1.067rem 0 0 0.213rem;
}

.group_10 {
  z-index: 50;
  height: 11.52rem;
  overflow: hidden;
  background: url(./img/SketchPng288446cd8a7cc65da76171e8d5dbac1bcd6c0682899647894c88dbb53e9661b2.png)
    100% no-repeat;
  width: 9.254rem;
  position: relative;
}

.block_13 {
  z-index: 58;
  width: 5.414rem;
  height: 6.347rem;
  background: url(./img/SketchPnged0d3698ab5c6df695b7f065e86a3fc7aaf5ef3df3373886b2576c26e4741371.png) -0.08rem -0.08rem
    no-repeat;
  background-size: 5.494rem 6.427rem;
}

.image_8 {
  z-index: 51;
  position: absolute;
  left: 0;
  top: 0;
  width: 9.254rem;
  height: 11.52rem;
}

.group_11 {
  z-index: 53;
  position: relative;
  width: 9.254rem;
  height: 11.52rem;
  overflow: hidden;
  background: url(./img/SketchPngf0e17b64b2c040b11725ec3fee0440a647e32d1d47047e37e0742baf2804e87f.png)
    0rem 0rem no-repeat;
  background-size: 9.254rem 11.52rem;
}

.image_9 {
  z-index: 54;
  position: absolute;
  left: -0.026rem;
  top: 0.08rem;
  width: 9.254rem;
  height: 11.44rem;
}

.text_11 {
  width: 6.667rem;
  height: 0.96rem;
  display: inline-block;
  color: rgba(51, 51, 51, 1);
  font-size: 0.666rem;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 0.96rem;
  text-align: left;
  margin: 1.547rem 0 0 10.773rem;
}

.box_23 {
  width: 27.654rem;
  height: 14.134rem;
  margin: 1.147rem 0 0 0.267rem;
}

.group_14 {
  z-index: 62;
  position: relative;
  width: 7.6rem;
  height: 14.107rem;
  overflow: hidden;
  background: url(./img/SketchPngcfb6c6d11aa2d0d166c883d2e30deda237f79aa672e161ed290a78358fcbccc3.png)
    100% no-repeat;
}

.image_10 {
  z-index: 63;
  position: absolute;
  left: 0;
  top: 0;
  width: 7.6rem;
  height: 14.107rem;
}

.group_15 {
  z-index: 65;
  position: relative;
  width: 11.067rem;
  height: 14.107rem;
  overflow: hidden;
  background: url(./img/SketchPng063b2337b0be6312c4ee6d69268ab2ed814587fc53501b3b56a4d650fd58d5b6.png)
    100% no-repeat;
  margin-left: 0.694rem;
}

.image_11 {
  z-index: 66;
  position: absolute;
  left: 0;
  top: 0;
  width: 11.067rem;
  height: 14.107rem;
}

.group_31 {
  width: 7.6rem;
  height: 14.134rem;
  margin-left: 0.694rem;
}

.box_5 {
  z-index: 68;
  position: relative;
  width: 7.6rem;
  height: 6.56rem;
  overflow: hidden;
  background: url(./img/SketchPng338004da42a4cc4b1f1fffa2903bf8c80fa4acdc6a1fb4b166d225b7ef29e937.png)
    100% no-repeat;
}

.image_12 {
  z-index: 69;
  position: absolute;
  left: 0;
  top: 0;
  width: 7.6rem;
  height: 6.56rem;
}

.box_6 {
  z-index: 71;
  position: relative;
  width: 7.6rem;
  height: 7.067rem;
  overflow: hidden;
  background: url(./img/SketchPnga9e49feb632c72e46b864b0bb1bddf4c3a68b4b2b588e67e514c62c8f456e19a.png)
    100% no-repeat;
  margin-top: 0.507rem;
}

.image_13 {
  z-index: 72;
  position: absolute;
  left: 0;
  top: 0;
  width: 7.6rem;
  height: 7.067rem;
}

.block_15 {
  z-index: 76;
  position: relative;
  width: 27.654rem;
  height: 15.84rem;
  overflow: hidden;
  background: url(./img/SketchPng17fda41e8542232f8d65a99310b6f4ca58a27c7b732e06d311009e3676dfba8f.png)
    100% no-repeat;
  margin: 2.16rem 0 0 0.267rem;
}

.image_14 {
  z-index: 77;
  position: absolute;
  left: 0;
  top: 0;
  width: 27.654rem;
  height: 15.84rem;
}

.block_16 {
  z-index: 6;
  position: absolute;
  /*left: 13.867rem;*/
  left: 2.24rem;
  top: 1.786rem;
  width: 9.547rem;
  height: 8.32rem;
  overflow: hidden;
  background: url(./img/SketchPnge0037a6048175fb3d3b355a1f8eaf8e42601719f2ca400724fee60d7fe621890.png)
    100% no-repeat;
}

.image_15 {
  z-index: 7;
  position: absolute;
  left: 0;
  top: 0;
  width: 9.547rem;
  height: 8.32rem;
}

.block_17 {
  z-index: 33;
  height: 10.347rem;
  border: 1px solid rgba(51, 51, 51, 1);
  width: 27.92rem;
  position: absolute;
  /*left: 11.627rem;*/
  top: 0.826rem;
}

.image_17 {
  width: 5.12rem;
  height: 1.094rem;
  margin: 1.787rem 0 0 12.8rem;
}

.text_6 {
  z-index: 46;
  position: absolute;
  left: 10.267rem;
  top: 15.52rem;
  width: 7.574rem;
  height: 5.68rem;
  display: inline-block;
  color: rgba(51, 51, 51, 1);
  font-size: 0.346rem;
  font-family: PingFangSC-Regular;
  line-height: 0.48rem;
  text-align: left;
}

.text_8 {
  z-index: 9999;
  position: absolute;
  left: 19.547rem;
  top: 15.52rem;
  width: 7.574rem;
  height: 5.68rem;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  font-family: PingFangSC-Regular;
  line-height: 0.48rem;
  text-align: left;
}

.group_12 {
  z-index: 56;
  position: absolute;
  left: 18.693rem;
  top: 55.333rem;
  width: 9.254rem;
  height: 11.52rem;
  overflow: hidden;
  background: url(./img/SketchPngf762d081d54fcd2838776ad0ee38d1f32de047a604baa8df57c5ea23cb36a38a.png)
    0rem 0rem no-repeat;
  background-size: 9.254rem 11.52rem;
}

.image_16 {
  z-index: 57;
  position: absolute;
  left: -0.026rem;
  top: 0;
  width: 9.254rem;
  height: 11.52rem;
}

.group_13 {
  z-index: 59;
  position: absolute;
  left: 22.427rem;
  top: 60.553rem;
  width: 5.494rem;
  height: 6.347rem;
  background: url(./img/SketchPnge8bb51b0fa618a6702640b602c42004de435a9f166d275c7cf666d5ff99a9829.png) -0.027rem
    0rem no-repeat;
  background-size: 5.6rem 6.427rem;
}

.image_18 {
  z-index: 79;
  position: absolute;
  left: 0;
  top: 111.574rem;
  /*width: 51.2rem;*/
  /*height: 12.987rem;*/
}