@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}
html,
body {
  color: #000;
  font-family: Helvetica Neue, PingFang SC, Microsoft YaHei, Helvetica, Arial,
    sans-serif;
  height: 100%;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:any-link {
  color: unset;
}
ul,
li {
  list-style: none;
}
.main {
  width: 100%;
}

.mr250 {
  margin-right: 2.5rem;
}
.mr100 {
  margin-right: 1rem;
}
.ml172 {
  margin-left: 1.72rem;
}
.ml222 {
  margin-left: 2.22rem;
}
.pb0 {
  position: absolute;
}
.center {
  display: flex;
  align-items: center;
}
body {
  display: flex;
}
@media screen and (max-width: 640px) {
}

@media screen and (max-width: 475px) {
}
/* 你的样式 */
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;
}

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

.group_1 {
  height: 7.32rem;
  background: url("./img/23.png") 100% no-repeat;
  background-size: 100% 100%;
  width: 14.4rem;
  position: relative;
}

.group_2 {
  width: 11.48rem;
  height: 0.55rem;
  margin: 0.22rem 0 0 1.3rem;
}

.image_1 {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 10px;
}

.text_1 {
  width: 1.95rem;
  height: 0.4rem;
  overflow-wrap: break-word;
  color: rgba(39, 38, 54, 1);
  font-size: 0.28rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 0.4rem;
  margin: 0.08rem 0 0 0.18rem;
}

.text_2 {
  width: 1.2rem;
  height: 0.25rem;
  overflow-wrap: break-word;
  color: rgba(39, 38, 54, 1);
  font-size: 0.18rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 0.25rem;
  margin: 0.15rem 0 0 5.09rem;
}

.text_3 {
  width: 1.46rem;
  height: 0.25rem;
  overflow-wrap: break-word;
  color: rgba(39, 38, 54, 1);
  font-size: 0.18rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 0.25rem;
  margin: 0.15rem 0 0 1.05rem;
}

.image-wrapper_1 {
  width: 0.17rem;
  height: 0.19rem;
  margin: 1.34rem 0 0 9.52rem;
}

.thumbnail_1 {
  width: 0.17rem;
  height: 0.19rem;
}

.text-wrapper_1 {
  width: 6.11rem;
  height: 0.44rem;
  margin: 1.79rem 0 0 1.32rem;
}

.text_4 {
  width: 6.11rem;
  height: 0.44rem;
  overflow-wrap: break-word;
  color: rgba(226, 36, 46, 1);
  font-size: 0.44rem;
  font-family: Aharoni-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.44rem;
}

.group_3 {
  width: 7.52rem;
  height: 0.49rem;
  margin: 0.08rem 0 0 1.32rem;
}

.text_5 {
  width: 2.78rem;
  height: 0.37rem;
  overflow-wrap: break-word;
  color: rgba(39, 38, 54, 1);
  font-size: 0.26rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  line-height: 0.37rem;
  margin-top: 0.12rem;
}

.thumbnail_2 {
  width: 0.17rem;
  height: 0.19rem;
}

.group_4 {
  width: 10.92rem;
  height: 0.5rem;
  margin: 0.07rem 0 0 1.36rem;
}

.paragraph_1 {
  width: 4.02rem;
  height: 0.5rem;
  overflow-wrap: break-word;
  color: rgba(116, 114, 128, 1);
  font-size: 0.18rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 0.25rem;
}

.thumbnail_3 {
  width: 0.17rem;
  height: 0.19rem;
  margin-top: 0.08rem;
}

.image-wrapper_2 {
  width: 0.17rem;
  height: 0.19rem;
  margin: 0.58rem 0 1.88rem 8.4rem;
}

.thumbnail_4 {
  width: 0.17rem;
  height: 0.19rem;
}

.group_5 {
  width: 5.76rem;
  height: 4.66rem;
  position: absolute;
  top: 1.58rem;
  right: 1.05rem;
}

.image_2 {
  position: absolute;
  left: 7.37rem;
  top: 5.13rem;
  width: 0.97rem;
  height: 0.97rem;
}

.group_6 {
  border-radius: 50%;
  position: absolute;
  left: 7.98rem;
  top: 2.51rem;
  width: 4.28rem;
  height: 3.7rem;
  border: 2.511471698113209px 21.86932048489971,
    17.89307905012562 rgba(223, 220, 255, 1);
}

.group_7 {
  border-radius: 50%;
  height: 2.05rem;
  border: 2.511471698113209px 21.86932048489971,
    17.89307905012562 rgba(223, 220, 255, 1);
  width: 4.85rem;
  position: absolute;
  left: -0.29rem;
  top: 0.84rem;
}

.section_1 {
  background-color: rgba(121, 128, 138, 1);
  border-radius: 50%;
  width: 0.1rem;
  height: 0.1rem;
  margin: 0.19rem 0 0 3.38rem;
}

.group_8 {
  background-color: rgba(223, 220, 254, 0.64);
  border-radius: 50%;
  position: absolute;
  left: 0.86rem;
  top: 3.59rem;
  width: 1.97rem;
  height: 0.19rem;
}

.group_9 {
  height: 3.92rem;
  background: url(./img/24.png) 0rem -0.01rem no-repeat;
  background-size: 2.99rem 3.93rem;
  width: 2.99rem;
  position: absolute;
  left: 8.76rem;
  top: 2.24rem;
}

.group_10 {
  height: 3.69rem;
  background: url(./img/25.png) 0rem 0rem no-repeat;
  background-size: 2.71rem 3.7rem;
  width: 2.71rem;
  margin: 0.08rem 0 0 0.11rem;
}

.box_1 {
  width: 0.86rem;
  height: 0.45rem;
  margin: 0.12rem 0 0 1.48rem;
}

.group_11 {
  background-color: rgba(12, 22, 31, 1);
  border-radius: 0px 0px 5px 5px;
  height: 0.45rem;
  width: 0.86rem;
}

.group_12 {
  width: 0.39rem;
  height: 0.17rem;
  margin: 0.1rem 0 0 0.05rem;
}

.box_2 {
  background-color: rgba(123, 130, 143, 1);
  border-radius: 3px;
  width: 0.39rem;
  height: 0.17rem;
}

.group_13 {
  width: 0.08rem;
  height: 0.08rem;
  margin: 0.06rem 0 0.04rem 0.7rem;
}

.box_3 {
  background-color: rgba(216, 216, 216, 1);
  border-radius: 50%;
  width: 0.08rem;
  height: 0.08rem;
}

.box_4 {
  width: 1.67rem;
  height: 0.67rem;
  margin: 0.22rem 0 0 0.97rem;
}

.text_6 {
  width: 1.26rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.39rem;
  font-family: Barlow-ExtraBold;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 0.48rem;
}

.image_3 {
  width: 0.18rem;
  height: 0.38rem;
  margin-top: 0.29rem;
}

.box_5 {
  width: 1.92rem;
  height: 0.91rem;
  margin: 0.14rem 0 1.18rem 0.52rem;
}

.box_6 {
  box-shadow: 0px 3px 2px 0px rgba(217, 231, 254, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 5px;
  width: 1.45rem;
  height: 0.81rem;
  margin-top: 0.1rem;
}

.section_2 {
  background-color: rgba(249, 227, 223, 1);
  border-radius: 3px;
  width: 0.33rem;
  height: 0.33rem;
  margin: 0.07rem 0 0 0.07rem;
}

.section_3 {
  background-color: rgba(217, 231, 254, 1);
  border-radius: 3px;
  height: 0.35rem;
  width: 0.83rem;
  margin: 0.26rem 0.18rem 0 0.04rem;
}

.box_7 {
  background-color: rgba(95, 203, 146, 1);
  border-radius: 3px;
  width: 0.31rem;
  height: 0.17rem;
}

.thumbnail_5 {
  width: 0.11rem;
  height: 0.19rem;
}

.group_14 {
  box-shadow: 0px 3px 2px 0px rgba(217, 231, 254, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 5px;
  position: absolute;
  left: 8.67rem;
  top: 4.27rem;
  width: 1.45rem;
  height: 0.81rem;
}

.block_1 {
  background-color: rgba(227, 223, 249, 1);
  border-radius: 3px;
  width: 0.33rem;
  height: 0.33rem;
  margin: 0.08rem 0 0 0.07rem;
}

.block_2 {
  background-color: rgba(217, 231, 254, 1);
  border-radius: 3px;
  height: 0.35rem;
  width: 0.83rem;
  margin: 0.27rem 0.18rem 0 0.04rem;
}

.section_4 {
  background-color: rgba(95, 203, 146, 1);
  border-radius: 3px;
  width: 0.31rem;
  height: 0.17rem;
}

.block_3 {
  box-shadow: 0px 3px 2px 0px rgba(217, 231, 254, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 5px;
  position: absolute;
  left: 0.42rem;
  top: 0.65rem;
  width: 1.45rem;
  height: 0.81rem;
}

.group_15 {
  background-color: rgba(223, 249, 232, 1);
  border-radius: 3px;
  width: 0.33rem;
  height: 0.33rem;
  margin: 0.08rem 0 0 0.08rem;
}

.group_16 {
  background-color: rgba(217, 231, 254, 1);
  border-radius: 3px;
  height: 0.35rem;
  width: 0.83rem;
  margin: 0.27rem 0.17rem 0 0.04rem;
}

.box_8 {
  background-color: rgba(95, 203, 146, 1);
  border-radius: 3px;
  width: 0.31rem;
  height: 0.17rem;
}

.group_17 {
  box-shadow: 3px 3px 0px 0px rgba(217, 231, 254, 0.5);
  height: 0.81rem;
  width: 1.45rem;
  position: absolute;
  left: 9.39rem;
  top: 4.02rem;
}

.group_18 {
  box-shadow: 3px 3px 0px 0px rgba(217, 231, 254, 0.5);
  height: 0.81rem;
  width: 1.45rem;
}

.group_19 {
  box-shadow: 3px 3px 0px 0px rgba(217, 231, 254, 0.5);
  width: 1.45rem;
  height: 0.81rem;
}

.image_4 {
  position: absolute;
  left: 11.78rem;
  top: 2.34rem;
  width: 0.97rem;
  height: 0.97rem;
}

.group_20 {
  box-shadow: 0px 12px 16px 0px rgba(0, 0, 0, 0.07);
  height: 0.81rem;
  width: 0.81rem;
  position: absolute;
  left: 7.37rem;
  top: 3.61rem;
}

.block_4 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 50%;
  height: 0.81rem;
  border: 0.6729559748427676px solid rgba(0, 0, 0, 0.12);
  width: 0.81rem;
  position: relative;
}

.group_21 {
  background-color: rgba(153, 199, 254, 1);
  border-radius: 3px;
  width: 0.27rem;
  height: 0.27rem;
  margin: 0.21rem 0 0 0.32rem;
}

.group_22 {
  height: 0.32rem;
  background: url(./img/26.png) -0.17rem -0.05rem no-repeat;
  background-size: 0.62rem 0.65rem;
  width: 0.29rem;
  position: absolute;
  left: 0.27rem;
  top: 0.25rem;
}

.text_7 {
  width: 0.18rem;
  height: 0.16rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.16rem;
  font-family: PangMenZhengDao;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 0.18rem;
  margin: 0.08rem 0 0 0.06rem;
}

.thumbnail_6 {
  position: absolute;
  left: -0.03rem;
  top: 0.21rem;
  width: 0.14rem;
  height: 0.09rem;
}

.image_5 {
  position: absolute;
  left: 11.73rem;
  top: 5.34rem;
  width: 0.97rem;
  height: 0.97rem;
}

.image_6 {
  position: absolute;
  left: 7.5rem;
  top: 2.03rem;
  width: 0.97rem;
  height: 0.97rem;
}

.group_23 {
  position: relative;
  width: 14.4rem;
  height: 13.11rem;
}

.box_9 {
  position: relative;
  width: 14.4rem;
  height: 5.94rem;
  background: url(./img/27.png) 100% no-repeat;
  background-size: 100% 100%;
}

.image_7 {
  width: 5.28rem;
  height: 4.41rem;
  margin: 0.88rem 0 0 1.8rem;
}

.text-group_1 {
  width: 5.26rem;
  height: 1.18rem;
  margin: 2.34rem 1.87rem 0 0.58rem;
}

.text_8 {
  width: 3.16rem;
  height: 0.42rem;
  overflow-wrap: break-word;
  color: rgba(39, 38, 54, 1);
  font-size: 0.3rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  line-height: 0.42rem;
}

.paragraph_2 {
  width: 5.26rem;
  height: 0.56rem;
  overflow-wrap: break-word;
  color: rgba(39, 38, 54, 1);
  font-size: 0.2rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: right;
  line-height: 0.28rem;
  margin-top: 0.2rem;
}

.image-wrapper_3 {
  height: 3.31rem;
  background: url(./img/28.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 1.8rem;
  position: absolute;
  left: 1.58rem;
  top: 1.5rem;
}

.image_8 {
  width: 1.55rem;
  height: 3.37rem;
  margin-left: 1.26rem;
}

.image-wrapper_4 {
  height: 3.72rem;
  background: url(./img/29.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 2.02rem;
  position: absolute;
  left: 2.59rem;
  top: 1.29rem;
}

.image_9 {
  width: 1.73rem;
  height: 3.75rem;
  margin: 0.02rem 0 0 1.29rem;
}

.image-wrapper_5 {
  height: 4.14rem;
  background: url(./img/30.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 2.25rem;
  position: absolute;
  left: 3.6rem;
  top: 1.08rem;
}

.image_10 {
  width: 1.85rem;
  height: 3.99rem;
  margin: 0.11rem 0 0 1.16rem;
}

.image_11 {
  position: absolute;
  left: 4.46rem;
  top: 0.95rem;
  width: 2.4rem;
  height: 4.41rem;
}

.box_10 {
  width: 10.68rem;
  height: 3.9rem;
  margin: 1.57rem 0 1.7rem 1.31rem;
}

.text-group_2 {
  width: 6.68rem;
  height: 1.46rem;
  margin-top: 0.96rem;
}

.text_9 {
  width: 6.68rem;
  height: 0.42rem;
  overflow-wrap: break-word;
  color: rgba(39, 38, 54, 1);
  font-size: 0.3rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  line-height: 0.42rem;
}

.paragraph_3 {
  width: 5.38rem;
  height: 0.84rem;
  overflow-wrap: break-word;
  color: rgba(39, 38, 54, 1);
  font-size: 0.2rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  line-height: 0.28rem;
  margin: 0.2rem 0 0 0.01rem;
}

.block_5 {
  border-radius: 50%;
  height: 3.9rem;
  border: 1px solid rgba(226, 36, 46, 1);
  width: 3.9rem;
}

.section_5 {
  background-color: rgba(255, 235, 236, 1);
  border-radius: 50%;
  width: 3.28rem;
  height: 3.28rem;
  border: 1px solid rgba(226, 36, 46, 1);
  margin: 0.31rem 0 0 0.31rem;
}

.box_11 {
  /* box-shadow: 0px 2px 38px 0px rgba(0, 0, 0, 0.23); */
  width: 4rem;
  height: 5.88rem;
  position: absolute;
  left: 8.09rem;
  top: 6.64rem;
}
.box_11 img {
  width: 4rem;
  height: 5.88rem;
}
.image-wrapper_6 {
  border-radius: 22px;
  background-image: url(./img/31.png);
  height: 4.63rem;
  width: 2.14rem;
  margin: 0.28rem 0 0 0.83rem;
}

.image_12 {
  width: 3.44rem;
  height: 1.94rem;
  margin: 0.58rem 0 0 -0.83rem;
}

.block_6 {
  height: 5.12rem;
  background: url(./img/32.png) -0.38rem -0.36rem no-repeat;
  background-size: 3.55rem 5.88rem;
  width: 2.79rem;
  position: absolute;
  left: 0.48rem;
  top: 0;
}

.group_24 {
  box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.08);
  height: 1.21rem;
  width: 3.45rem;
  margin: 3.09rem 0 0 -0.34rem;
}

.box_12 {
  background-color: rgba(244, 246, 248, 1);
  border-radius: 13px;
  width: 3.45rem;
  height: 1.21rem;
}

.image-text_1 {
  width: 0.55rem;
  height: 0.9rem;
  margin: 0.18rem 0 0 0.18rem;
}

.image_13 {
  width: 0.55rem;
  height: 0.55rem;
}

.text-group_3 {
  width: 0.32rem;
  height: 0.2rem;
  overflow-wrap: break-word;
  color: rgba(39, 38, 54, 1);
  font-size: 0.14rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 0.2rem;
  margin: 0.15rem 0 0 0.12rem;
}

.image-text_2 {
  width: 0.55rem;
  height: 0.9rem;
  margin: 0.18rem 0 0 0.28rem;
}

.image_14 {
  width: 0.55rem;
  height: 0.55rem;
}

.text-group_4 {
  width: 0.34rem;
  height: 0.2rem;
  overflow-wrap: break-word;
  color: rgba(39, 38, 54, 1);
  font-size: 0.14rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 0.2rem;
  margin: 0.15rem 0 0 0.1rem;
}

.image-text_3 {
  width: 0.55rem;
  height: 0.9rem;
  margin: 0.18rem 0 0 0.28rem;
}

.image_15 {
  width: 0.55rem;
  height: 0.55rem;
}

.text-group_5 {
  width: 0.3rem;
  height: 0.2rem;
  overflow-wrap: break-word;
  color: rgba(39, 38, 54, 1);
  font-size: 0.14rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 0.2rem;
  margin: 0.15rem 0 0 0.13rem;
}

.image-text_4 {
  width: 0.55rem;
  height: 0.9rem;
  margin: 0.18rem 0.23rem 0 0.28rem;
}

.image_16 {
  width: 0.55rem;
  height: 0.55rem;
}

.text-group_6 {
  width: 0.3rem;
  height: 0.2rem;
  overflow-wrap: break-word;
  color: rgba(39, 38, 54, 1);
  font-size: 0.14rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 0.2rem;
  margin: 0.15rem 0 0 0.13rem;
}

.group_25 {
  background-color: rgba(39, 38, 54, 1);
  width: 14.4rem;
  height: 0.93rem;
  margin-top: -0.01rem;
}

.image_17 {
  width: 0.55rem;
  height: 0.55rem;
  margin: 0.2rem 0 0 2.86rem;
}

.text_10 {
  width: 6.8rem;
  height: 0.3rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.22rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  line-height: 0.3rem;
  margin: 0.37rem 3.8rem 0 0.39rem;
}