.page {
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.space-y-80 > *:not(:first-child) {
  margin-top: 5rem;
}
.space-y-78 > *:not(:first-child) {
  margin-top: 4.88rem;
}
.group {
  height: 78.75rem;
}
.section {
  /* padding-bottom: 12.19rem; */
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790481250130018265.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.space-y-60 > *:not(:first-child) {
  margin-top: 3.75rem;
}
.section_2 {
  padding-bottom: 5.81rem;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790472021486972617.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.section_3 {
  padding: 0.94rem 22.5rem;
  background-color: #00000000;
}
.space-x-59 > *:not(:first-child) {
  margin-left: 3.69rem;
}
.image_2 {
  width: 1.94rem;
  height: 1.88rem;
}
.text {
  margin-left: 0.5rem;
  color: #0350ff;
  font-size: 1.38rem;
  font-family: PingFang SC;
  line-height: 1.28rem;
}
.text-wrapper {
  margin-left: 1.75rem;
  padding: 0.75rem 0;
  /*background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418875115891027.png');*/
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.75rem;
  height: 2.5rem;
}
.font_1 {
  font-size: 1rem;
  font-family: PingFang SC;
  line-height: 0.94rem;
  color: #101010;
}
.text_2 {
  font-weight: 600;
}
.text_3 {
  margin-left: 1.38rem;
}
.space-x-10 > *:not(:first-child) {
  margin-left: 0.63rem;
}
.text-wrapper_2 {
  padding: 0.75rem 0;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418878233541180.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.75rem;
  height: 2.5rem;
}
.font_2 {
  font-size: 1rem;
  font-family: PingFang SC;
  line-height: 0.94rem;
  font-weight: 600;
  color: #0350ff;
}
.section_4 {
  background-color: #ffffff;
  overflow: hidden;
  width: 6.75rem;
  height: 2.5rem;
}
.image {
  width: 6.75rem;
  height: 2.5rem;
}
.font_3 {
  font-size: 1rem;
  font-family: PingFang SC;
  line-height: 0.94rem;
  font-weight: 600;
  color: #ffffff;
}
.text_4 {
  width: 4.06rem;
}
.pos {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.group_2 {
  padding: 0 25.69rem;
}
.text_5 {
  margin-left: 0.13rem;
  color: #0e1423;
  font-size: 3.25rem;
  font-family: PingFang SC;
  line-height: 2.97rem;
}
.font_4 {
  font-size: 2.13rem;
  font-family: PingFang SC;
  line-height: 3.75rem;
  color: #555963;
}
.section_5 {
  margin-top: 0.5rem;
  background-color: #ffffff;
  overflow: hidden;
  width: 11.25rem;
}
.image_3 {
  width: 11.25rem;
  height: 3.38rem;
}
.text_6 {
  color: #ffffff;
  font-size: 1.13rem;
  font-family: PingFang SC;
  font-weight: 600;
  line-height: 1.03rem;
}
.pos_2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.group_3 {
  padding: 0 22.5rem;
}
.view {
  margin-top: -4.94rem;
}
.space-y-76 > *:not(:first-child) {
  margin-top: 4.75rem;
}
.section_6 {
  padding: 2.13rem 5.13rem 1.81rem;
  filter: drop-shadow(0px 0.25rem 0.63rem #00000014);
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418868813426842.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.font_5 {
  font-size: 1.88rem;
  font-family: PingFang SC;
  line-height: 1.72rem;
  color: #070f1e;
}
.text_7 {
  font-weight: 600;
  line-height: 1.78rem;
}
.text_8 {
  margin-top: 1.75rem;
  color: #7a8ba6;
  font-size: 1.13rem;
  font-family: PingFang SC;
  line-height: 1.09rem;
}
.equal-division {
  margin-top: 2.13rem;
}
.space-x-16 > *:not(:first-child) {
  margin-left: 1rem;
}
.equal-division-item {
  background-color: #ffffff;
  overflow: hidden;
  height: 3.38rem;
}
.image_4 {
  width: 38rem;
  height: 3.38rem;
}
.font_6 {
  font-size: 0.88rem;
  font-family: PingFang SC;
  color: #b5bdcb;
}
.text_9 {
  line-height: 0.88rem;
}
.pos_3 {
  position: absolute;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.equal-division-item_2 {
  padding: 1.25rem;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418879555714103.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 23.75rem;
  height: 3.38rem;
}
.space-x-8 > *:not(:first-child) {
  margin-left: 0.5rem;
}
.image_5 {
  width: 0.69rem;
  height: 0.88rem;
}
.text_10 {
  line-height: 0.81rem;
}
.equal-division_2 {
  margin-top: 1rem;
}
.space-x-14 > *:not(:first-child) {
  margin-left: 0.88rem;
}
.equal-division-item_3 {
  flex: 1 1 11.25rem;
  background-color: #ffffff;
  overflow: hidden;
  width: 11.25rem;
  height: 3.38rem;
}
.font_7 {
  font-size: 0.88rem;
  font-family: PingFang SC;
  line-height: 0.81rem;
  font-weight: 600;
}
.text_11 {
  color: #ffffff;
}
.pos_4 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.text_12 {
  color: #0350ff;
}
.pos_5 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.space-y-48 > *:not(:first-child) {
  margin-top: 3rem;
}
.font_8 {
  font-size: 3rem;
  font-family: PingFang SC;
  line-height: 2.81rem;
  font-weight: 600;
  color: #070f1e;
}
.equal-division-item_4 {
  flex: 1 1 10.66rem;
  padding: 0.63rem 0;
}
.image_6 {
  width: 7rem;
  height: 7rem;
}
.font_9 {
  font-size: 1.25rem;
  font-family: PingFang SC;
  line-height: 1.16rem;
  color: #212f47;
}
.section_7 {
  background-color: #ffffff;
  overflow: hidden;
}
.image_7 {
  width: 120rem;
  height: 102.69rem;
}
.text_13 {
  line-height: 2.84rem;
}
.pos_6 {
  position: absolute;
  left: 50%;
  top: 2.44rem;
  transform: translateX(-50%);
}
.section_8 {
  background-color: #ffffff;
  overflow: hidden;
  width: 17.5rem;
}
.pos_9 {
  position: absolute;
  left: 23.31rem;
  top: 12.38rem;
}
.image_9 {
  width: 17.5rem;
  height: 17.13rem;
}
.image_10 {
  width: 2.13rem;
  height: 1.63rem;
}
.pos_17 {
  position: absolute;
  left: 0.69rem;
  bottom: 2.63rem;
}
.font_14 {
  font-size: 1rem;
  font-family: PingFang SC;
  line-height: 0.94rem;
  color: #212f47;
}
.pos_18 {
  position: absolute;
  left: 3.47rem;
  bottom: 2.97rem;
}
.section_11 {
  background-color: #ffffff;
  overflow: hidden;
  width: 8.25rem;
}
.pos_23 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.image_12 {
  opacity: 0.1;
  width: 7.25rem;
  height: 1.25rem;
}
.font_15 {
  font-size: 0.63rem;
  font-family: PingFang SC;
  line-height: 0.59rem;
  color: #0350ff;
}
.text_17 {
  width: 6.44rem;
}
.pos_27 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.section_9 {
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418899074052286.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 17.5rem;
}
.pos_10 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.section_10 {
  padding: 2.13rem 1.38rem 1.5rem;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790472028400927552.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 16.5rem;
}
.group_4 {
  line-height: 1.75rem;
}
.text_14 {
  line-height: 1.75rem;
}
.font_11 {
  font-size: 1.88rem;
  font-family: PingFang SC;
  line-height: 1.72rem;
  color: #0350ff;
}
.font_13 {
  font-size: 0.75rem;
  font-family: PingFang SC;
  line-height: 1.38rem;
  font-weight: 600;
  color: #7a8ba6;
  width: 111px;
  height: 75px
}
.pos_11 {
  position: absolute;
  left: 41.94rem;
  top: 12.38rem;
}
.image_11 {
  width: 2.81rem;
  height: 1.13rem;
}
.pos_19 {
  position: absolute;
  left: 0.69rem;
  bottom: 2.88rem;
}
.pos_20 {
  position: absolute;
  left: 4.09rem;
  bottom: 2.97rem;
}
.pos_24 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.pos_28 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pos_12 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.group_5 {
  line-height: 1.72rem;
}
.font_12 {
  font-size: 1.88rem;
  font-family: PingFang SC;
  line-height: 1.38rem;
  color: #070f1e;
}
.pos_13 {
  position: absolute;
  right: 41.94rem;
  top: 12.38rem;
}
.pos_21 {
  position: absolute;
  left: 0.75rem;
  bottom: 2.97rem;
}
.pos_25 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.pos_29 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pos_14 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.group_6 {
  line-height: 1.72rem;
}
.text_16 {
  line-height: 1.03rem;
}
.pos_15 {
  position: absolute;
  right: 23.31rem;
  top: 12.38rem;
}
.pos_22 {
  position: absolute;
  left: 0.84rem;
  bottom: 2.97rem;
}
.pos_26 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.pos_30 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pos_16 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.group_7 {
  margin-left: 0.25rem;
  line-height: 1.75rem;
}
.text_15 {
  line-height: 1.75rem;
}
.font_10 {
  font-size: 1.63rem;
  font-family: PingFang SC;
  line-height: 1.53rem;
  font-weight: 600;
  color: #070f1e;
}
.pos_7 {
  position: absolute;
  left: 50%;
  top: 8.28rem;
  transform: translateX(-50%);
}
.image_8 {
  width: 7.5rem;
  height: 0.38rem;
}
.pos_8 {
  position: absolute;
  left: 50%;
  top: 10.75rem;
  transform: translateX(-50%);
}
.pos_33 {
  position: absolute;
  left: 23.31rem;
  top: 35.78rem;
}
.pos_42 {
  position: absolute;
  left: 2.31rem;
  bottom: 2.97rem;
}
.image_13 {
  width: 0.94rem;
  height: 1.19rem;
}
.pos_41 {
  position: absolute;
  left: 0.69rem;
  bottom: 2.84rem;
}
.section_15 {
  background-color: #ffffff;
  overflow: hidden;
  width: 9.25rem;
}
.pos_47 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.image_14 {
  opacity: 0.1;
  width: 10.25rem;
  height: 1.25rem;
}
.font_19 {
  font-size: 0.63rem;
  font-family: PingFang SC;
  line-height: 0.59rem;
  color: #ff7503;
}
.text_21 {
  width: 7.56rem;
}
.pos_51 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.section_12 {
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418897414144098.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 17.5rem;
}
.pos_34 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.section_13 {
  padding: 1.5rem 1.38rem;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790472030949292448.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 17.5rem;
  height: 200px;
}
.font_16 {
  font-size: 1.88rem;
  font-family: PingFang SC;
  line-height: 2.81rem;
  color: #070f1e;
}
.text_18 {
  line-height: 2.78rem;
}
.font_18 {
  font-size: 1.88rem;
  font-family: PingFang SC;
  line-height: 2.81rem;
  color: #ff7503;
}
.text_19 {
  line-height: 2.78rem;
}
.text_20 {
  margin-top: -0.5rem;
}
.pos_35 {
  position: absolute;
  left: 41.94rem;
  top: 35.78rem;
}
.pos_43 {
  position: absolute;
  left: 0.69rem;
  bottom: 2.88rem;
}
.pos_44 {
  position: absolute;
  left: 4.09rem;
  bottom: 2.97rem;
}
.pos_48 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.pos_52 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pos_36 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.pos_37 {
  position: absolute;
  right: 40.94rem;
  top: 35.78rem;
}
.pos_45 {
  position: absolute;
  left: 0.75rem;
  bottom: 2.97rem;
}
.pos_49 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.pos_53 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pos_38 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.section_14 {
  padding: 2rem 1.38rem 3rem;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790472030949292448.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 17.5rem;
  height: 200px;
}
.group_8 {
  line-height: 1.72rem;
}
.font_17 {
  font-size: 1.88rem;
  font-family: PingFang SC;
  line-height: 1.72rem;
  color: #ff7503;
}
.pos_39 {
  position: absolute;
  right: 22.31rem;
  top: 35.78rem;
}
.pos_46 {
  position: absolute;
  left: 0.75rem;
  bottom: 2.97rem;
}
.pos_50 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.pos_54 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pos_40 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.pos_31 {
  position: absolute;
  left: 50%;
  top: 31.72rem;
  transform: translateX(-50%);
}
.pos_32 {
  position: absolute;
  left: 50%;
  top: 34.19rem;
  transform: translateX(-50%);
}
.pos_57 {
  position: absolute;
  left: 23.31rem;
  top: 59.25rem;
}
.pos_65 {
  position: absolute;
  left: 0.69rem;
  bottom: 2.63rem;
}
.pos_67 {
  position: absolute;
  left: 3.47rem;
  bottom: 2.97rem;
}
.section_17 {
  background-color: #ffffff;
  overflow: hidden;
  width: 10.5rem;
}
.pos_70 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.image_15 {
  opacity: 0.1;
  width: 10.5rem;
  height: 1.25rem;
}
.font_21 {
  font-size: 0.63rem;
  font-family: PingFang SC;
  line-height: 0.59rem;
  color: #ff0386;
}
.pos_74 {
  position: absolute;
  left: 0.34rem;
  right: 0.22rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_58 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.section_16 {
  padding: 2.13rem 1.38rem 1.5rem;
  /*background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790472032189814809.png');*/
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 17.5rem;
}
.group_9 {
  line-height: 1.75rem;
}
.text_22 {
  line-height: 1.75rem;
}
.font_20 {
  font-size: 1.88rem;
  font-family: PingFang SC;
  line-height: 1.72rem;
  color: #ff0386;
}
.text_23 {
  line-height: 1.75rem;
}
.pos_59 {
  position: absolute;
  left: 41.94rem;
  top: 59.25rem;
}
.pos_68 {
  position: absolute;
  left: 0.78rem;
  bottom: 2.97rem;
}
.pos_71 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.pos_75 {
  position: absolute;
  left: 0.34rem;
  right: 0.22rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_60 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.group_10 {
  margin-left: 0.13rem;
  line-height: 1.75rem;
}
.text_24 {
  line-height: 1.75rem;
}
.text_25 {
  line-height: 1.75rem;
}
.pos_61 {
  position: absolute;
  right: 40.94rem;
  top: 59.25rem;
}
.pos_69 {
  position: absolute;
  left: 0.72rem;
  bottom: 2.97rem;
}
.pos_72 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.pos_76 {
  position: absolute;
  left: 0.34rem;
  right: 0.22rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_62 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.group_11 {
  line-height: 1.75rem;
}
.text_26 {
  line-height: 1.75rem;
}
.text_27 {
  line-height: 1.75rem;
}
.pos_63 {
  position: absolute;
  right: 22.31rem;
  top: 59.25rem;
}
.text-wrapper_3 {
  padding: 0.25rem 0;
  background-color: #ffffff;
  overflow: hidden;
  width: 4rem;
}
.pos_66 {
  position: absolute;
  left: 0.69rem;
  top: 12.91rem;
}
.pos_73 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.pos_77 {
  position: absolute;
  left: 0.34rem;
  right: 0.22rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_64 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.group_12 {
  line-height: 1.72rem;
}
.pos_55 {
  position: absolute;
  left: 50%;
  bottom: 46rem;
  transform: translateX(-50%);
}
.pos_56 {
  position: absolute;
  left: 50%;
  bottom: 44.69rem;
  transform: translateX(-50%);
}
.pos_80 {
  position: absolute;
  left: 23.31rem;
  top: 82.69rem;
}
.image_16 {
  width: 3.88rem;
  height: 1.63rem;
}
.pos_88 {
  position: absolute;
  left: 0.69rem;
  bottom: 2.63rem;
}
.pos_90 {
  position: absolute;
  left: 3.47rem;
  bottom: 2.97rem;
}
.section_20 {
  background-color: #ffffff;
  overflow: hidden;
  width: 6.25rem;
}
.pos_94 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.image_17 {
  opacity: 0.1;
  width: 6.25rem;
  height: 1.25rem;
}
.font_23 {
  font-size: 0.63rem;
  font-family: PingFang SC;
  line-height: 0.59rem;
  color: #28bb8c;
}
.text_30 {
  line-height: 0.56rem;
  width: 3.56rem;
  text-align: center;
}
.pos_98 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pos_81 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.section_18 {
  padding: 2.13rem 1.38rem 1.5rem;
  background-image: url('../images/anli4.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 17.5rem;
}
.space-y-22 > *:not(:first-child) {
  margin-top: 1.38rem;
}
.group_13 {
  line-height: 1.75rem;
}
.text_28 {
  line-height: 1.75rem;
}
.font_22 {
  font-size: 1.88rem;
  font-family: PingFang SC;
  line-height: 1.72rem;
  color: #28bb8c;
}
.pos_82 {
  position: absolute;
  left: 41.94rem;
  top: 82.69rem;
}
.pos_91 {
  position: absolute;
  left: 0.78rem;
  bottom: 2.97rem;
}
.pos_95 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.pos_99 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pos_83 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.group_14 {
  margin-left: 0.13rem;
  line-height: 1.75rem;
}
.text_29 {
  line-height: 1.75rem;
}
.pos_84 {
  position: absolute;
  right: 41.94rem;
  top: 82.69rem;
}
.section_19 {
  padding-top: 0.25rem;
  background-color: #ffffff;
  overflow: hidden;
  width: 3.47rem;
}
.pos_89 {
  position: absolute;
  left: 0.69rem;
  top: 12.91rem;
}
.pos_92 {
  position: absolute;
  right: -4.81rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_96 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.pos_100 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pos_85 {
  position: absolute;
  left: 14px;
  right: 0;
  top: 0;
}
.group_15 {
  line-height: 1.72rem;
}
.pos_86 {
  position: absolute;
  right: 23.31rem;
  top: 82.69rem;
}
.pos_93 {
  position: absolute;
  left: 0.72rem;
  bottom: 2.97rem;
}
.pos_97 {
  position: absolute;
  left: 0.69rem;
  top: 15rem;
}
.pos_101 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pos_87 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.group_16 {
  line-height: 1.72rem;
}
.pos_79 {
  position: absolute;
  left: 50%;
  bottom: 21.25rem;
  transform: translateX(-50%);
}
.pos_78 {
  position: absolute;
  left: 50%;
  bottom: 22.56rem;
  transform: translateX(-50%);
}
.section_21 {
  padding-top: 0.88rem;
  background-color: #ffffff;
  overflow: hidden;
  width: 67.5rem;
}
.space-y-52 > *:not(:first-child) {
  margin-top: 3.25rem;
}
.group_17 {
  padding-top: 0.63rem;
  height: 13.34rem;
}
.font_24 {
  font-size: 0.88rem;
  font-family: PingFang SC;
  line-height: 1.38rem;
  color: #9fa4ab;
}
.pos_105 {
  position: absolute;
  left: 6.13rem;
  bottom: 2.28rem;
}
.pos_106 {
  position: absolute;
  left: 0;
  bottom: 0.91rem;
}
.section_22 {
  padding-top: 8.63rem;
  background-color: #ffffff;
  overflow: hidden;
  width: 17.5rem;
}
.pos_103 {
  position: absolute;
  left: 50%;
  top: 0.66rem;
  transform: translateX(-50%);
}
.group_18 {
  margin: 0 0.5rem;
  width: 16.53rem;
  text-align: center;
}
.pos_104 {
  position: absolute;
  right: 0;
  top: 0.66rem;
}
.equal-division_3 {
  width: 67.5rem;
}
.pos_102 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.equal-division-item_5 {
  padding-bottom: 0.63rem;
  width: 17.34rem;
}
.space-y-18 > *:not(:first-child) {
  margin-top: 1.13rem;
}
.image_18 {
  width: 5rem;
  height: 5rem;
}
.space-y-50 > *:not(:first-child) {
  margin-top: 3.13rem;
}
.section_23 {
  padding: 2.88rem 22.25rem 2.38rem;
  background-color: #f8fafd;
}
.space-y-42 > *:not(:first-child) {
  margin-top: 2.63rem;
}
.group_19 {
  padding: 0 5rem;
}
.image-wrapper {
  width: 9.13rem;
}
.view_2 {
  margin-bottom: 0.63rem;
}
.image_19 {
  width: 8rem;
  height: 8rem;
}
.image_21 {
  width: 9.13rem;
  height: 4.56rem;
}
.pos_114 {
  position: absolute;
  left: 5.06rem;
  bottom: 0;
}
.image-wrapper_2 {
  padding: 1rem 0;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418870076227540.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 8rem;
}
.pos_107 {
  position: absolute;
  left: 24.34rem;
  top: 50%;
  transform: translateY(-50%);
}
.image_20 {
  width: 12.5rem;
  height: 4.63rem;
}
.pos_111 {
  position: absolute;
  left: 12.72rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_108 {
  position: absolute;
  right: 24.41rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_112 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pos_109 {
  position: absolute;
  right: 5.66rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_113 {
  position: absolute;
  right: 12.78rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_110 {
  position: absolute;
  left: 6.59rem;
  top: 50%;
  transform: translateY(-50%);
}
.equal-division-item_6 {
  flex: 1 1 18.84rem;
  padding: 0.5rem 0;
}
.image_22 {
  width: 1rem;
  height: 1rem;
}
.text_31 {
  margin-top: 0.88rem;
}
.text_33 {
  margin-top: 1.25rem;
}
.equal-division-item_7 {
  padding: 0.5rem 4.5rem;
  flex: 1 1 18.84rem;
}
.group_20 {
  margin-top: 0.5rem;
  padding-bottom: 1.38rem;
}
.section_24 {
  background-color: #00000000;
  width: 0.5rem;
  height: 2.81rem;
}
.text_32 {
  line-height: 1.19rem;
}
.pos_115 {
  position: absolute;
  left: 0.47rem;
  right: -0.5rem;
  top: 0.34rem;
}
.pos_116 {
  position: absolute;
  left: 0.5rem;
  right: -0.56rem;
  bottom: 0;
}
.text_34 {
  margin-left: 25.63rem;
}
.grid {
  height: 23.38rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 1.5rem;
  column-gap: 1.69rem;
}
.grid-item {
  padding: 1rem 0;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418881884316124.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.image_23 {
  width: 9.63rem;
  height: 4.88rem;
}
.grid-item_2 {
  padding: 1rem 0;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418883864565146.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group_21 {
  height: 23rem;
}
.section_25 {
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790472021433791295.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.section_26 {
  padding: 3rem 0 10.38rem;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418888399217972.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.space-y-32 > *:not(:first-child) {
  margin-top: 2rem;
}
.text_35 {
  color: #ffffff;
  font-size: 1.88rem;
  font-family: PingFang SC;
  font-weight: 600;
  line-height: 1.75rem;
}
.space-x-35 > *:not(:first-child) {
  margin-left: 2.19rem;
}
.font_25 {
  font-size: 1.25rem;
  font-family: PingFang SC;
  line-height: 1.16rem;
  color: #ffffff;
}
.equal-division_4 {
  margin-top: -7.25rem;
}
.space-x-36 > *:not(:first-child) {
  margin-left: 2.25rem;
}
.equal-division-item_8 {
  flex: 1 1 13.13rem;
  padding: 1.88rem 0 2.13rem;
  filter: drop-shadow(0px 0.25rem 0.63rem #00000014);
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418888702242879.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 13.13rem;
  height: 11.88rem;
}
.space-y-27 > *:not(:first-child) {
  margin-top: 1.69rem;
}
.image_24 {
  width: 5rem;
  height: 5rem;
}
.section_27 {
  background-color: #e4e9f3;
  overflow: hidden;
  height: 1.75rem;
}
.section_28 {
  background-color: #e4e9f3;
  overflow: hidden;
}
.group_22 {
  padding: 1.38rem 22.5rem 3.13rem;
}
.space-y-40 > *:not(:first-child) {
  margin-top: 2.5rem;
}
.image_25 {
  width: 2.56rem;
  height: 2.5rem;
}
.text_36 {
  color: #364f67;
  line-height: 1.75rem;
}
.space-x-20 > *:not(:first-child) {
  margin-left: 1.25rem;
}
.font_26 {
  font-size: 1rem;
  font-family: PingFang SC;
  line-height: 0.94rem;
  color: #364f67;
}
.text_37 {
  opacity: 0.791;
}
.text_38 {
  line-height: 0.91rem;
}
.group_25 {
  line-height: 0.72rem;
  height: 0.72rem;
}
.font_27 {
  font-size: 1rem;
  font-family: DIN Alternate;
  line-height: 0.72rem;
  font-weight: 700;
  color: #364f67;
}
.space-x-18 > *:not(:first-child) {
  margin-left: 1.13rem;
}
.font_29 {
  font-size: 1rem;
  font-family: DIN Alternate;
  line-height: 0.94rem;
  font-weight: 700;
  color: #364f67;
}
.text_39 {
  line-height: 0.91rem;
}
.text_40 {
  line-height: 0.91rem;
}
.text_41 {
  font-weight: 600;
}
.group_26 {
  margin-left: 2.5rem;
}
.font_28 {
  font-size: 1.25rem;
  font-family: PingFang SC;
  line-height: 1.16rem;
  color: #364f67;
}
.group_23 {
  margin-left: 8rem;
}
.space-x-80 > *:not(:first-child) {
  margin-left: 5rem;
}
.group_24 {
  width: 6.75rem;
}
.space-y-20 > *:not(:first-child) {
  margin-top: 1.25rem;
}
.text-wrapper_4 {
  padding: 0.75rem 0;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790418878233541180.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.75rem;
}
.pos_117 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.image_26 {
  width: 9.44rem;
  height: 9.44rem;
}
.section_29 {
  padding: 0 22.5rem 1rem;
  background-color: #e4e9f3;
  overflow: hidden;
}
.space-y-26 > *:not(:first-child) {
  margin-top: 1.63rem;
}
.section_30 {
  background-color: #ccd3e1;
  height: 0.063rem;
}
.text_42 {
  color: #0b2944;
  line-height: 1.03rem;
}
.goods_type {
  display: none;
  top: 0;
  position: fixed;
  width: 100%;
  height: 5000px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001;
}
#type_boxs {
  display: none;
  margin: 0 auto;
  width: 52%;
  height: 550px;
  background-color: white;
  right: 23%;
  bottom:20%;
  position: fixed;
  z-index: 1111;

  
}
#desc_top {
  width: 100%;
  height: 77%;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6318a0865a7e3f03107b73e1/6414237a99e5b1001199e14d/16790481195133994945.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}
.close {
 width: 26px;
 height: 26px;
 border-radius: 1rem;
 background-color: #b5bdcb;
 text-align: center;
 position: absolute;
 right: 20px;
 top: 10px;
}
.titlefont_1 {
  font-size: 4.5rem;
  font-family: PingFang SC;
  line-height: 4.16rem;
  /* position: absolute;
  left: 30px;
  top: 70px; */
  float: left;
  margin-top: 70px;
  margin-left: 30px;
}
.titletext_1 {
  color: #0350ff;
  /* position: absolute;
  left: 390px;
  top: 70px; */
  float: left;
  margin-top: 70px;
  margin-left: 30px;
}
.desfont_1 {
  font-size: 1.25rem;
  font-family: PingFang SC;
  line-height: 2.13rem;
  font-weight: 600;
  color: #7a8ba6;
  position: absolute;
  left: 30px;
  top: 142px;
  width: 520px;
}
.goinfo {
  width: 166px;
  height: 50px;
  background-color: #0350ff;
  color: white;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 50px;
  position: absolute;
  left: 30px;
  bottom: 29px;
}
.titlebomfont_1 {
  margin-left: 2.75rem;
  color: #212f47;
  font-size: 1.25rem;
  font-family: PingFang SC;
  line-height: 1.19rem;
}
.tagbomfont_1 {
  color: #0350ff;
  background-color: #0ad2f514;
  width: 11.25rem;
  height: 30px;
  line-height: 30px;
  border-radius: 0.3rem;
  text-align: center;
  font-size: 0.5rem;
  margin-left: 40px;
}
/* 轮播图 */
#slideshow {
  position: relative;
  width: 100%;
  height: 680px;
  /* margin: 0 auto; */
  margin-top:-90px;
}
#slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
#slideshow img:first-child {
  display: block;
}
#slideshow .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 10px;
  font-size: 16px;
  text-align: center;
}

#next {
  background: url(../images/banner_arrow.png) no-repeat left bottom;
  position: absolute;
  right: 20px;
  top: 45%;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  z-index: 999;
}
#pre {
  background: url(../images/banner_arrow.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 45%;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  z-index: 999;
}