.mt-11-5 {
  margin-top: 0.72rem;
}
.mt-5 {
  margin-top: 0.31rem;
}
.mt-6-5 {
  margin-top: 0.41rem;
}
.ml-4-5 {
  margin-left: 0.28rem;
}
.ml-9 {
  margin-left: 0.56rem;
}
.mt-9-5 {
  margin-top: 0.59rem;
}
.mt-25-5 {
  margin-top: 1.59rem;
}
.ml-8-5 {
  margin-left: 0.53rem;
}
.mt-15 {
  margin-top: 0.94rem;
}
.mt-14-5 {
  margin-top: 0.91rem;
}
.ml-11 {
  margin-left: 0.69rem;
}
.mt-7-5 {
  margin-top: 0.47rem;
}
.ml-18-5 {
  margin-left: 1.16rem;
}
.mt-5-5 {
  margin-top: 0.34rem;
}
.mt-27 {
  margin-top: 1.69rem;
}
.mt-1-5 {
  margin-top: 0.094rem;
}
.ml-6-5 {
  margin-left: 0.41rem;
}
.mt-3-5 {
  margin-top: 0.22rem;
}
.mt-20-5 {
  margin-top: 1.28rem;
}
.page {
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.section {
  background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=5d5424dbb0c11e5679517c2731393a4c.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 18.75rem;
}
.section_2 {
  padding: 0.44rem 0.41rem 1.19rem 1rem;
  background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=62e24e34955de91a226a0768add93f0e.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.image {
  width: 93.8667vw;
  height: 2.1333vw;
}
.image_2 {
  width: 5.47rem;
  height: 2.06rem;
}
.image_3 {
  margin-right: 0.63rem;
  width: 1.13rem;
  height: 0.78rem;
}
.group {
  margin-top: 3.03rem;
  padding: 0 2.41rem;
}
.text {
  color: #ffffff;
  font-size: 1.13rem;
  font-family: Source Han Sans CN;
  font-weight: 700;
  line-height: 1.06rem;
  letter-spacing: 0.25rem;
}
.group_2 {
  margin-top: 0.78rem;
}
.group_3 {
  height: 2.56rem;
}
.image_4 {
  width: 1.06rem;
  height: 1.06rem;
}
.text_2 {
  margin-top: -0.63rem;
  color: #ffffff;
  font-size: 2.19rem;
  font-family: Source Han Sans CN;
  font-weight: 700;
  line-height: 2.13rem;
  letter-spacing: 0.36rem;
  text-shadow: 0 0.13rem #7d7876, 0 -0.13rem #7d7876, 0.13rem 0 #7d7876, -0.13rem 0 #7d7876;
}
.image_5 {
  margin-right: 0.56rem;
  margin-top: -0.28rem;
}
.font {
  font-size: 0.69rem;
  font-family: Source Han Sans CN;
  line-height: 0.66rem;
  color: #666666;
}
.text_3 {
  margin-top: 0.31rem;
  color: #ffffff;
  letter-spacing: 0.15rem;
}
.text_4 {
  margin-top: 0.41rem;
  color: #666666;
  font-size: 0.44rem;
  font-family: Source Han Sans CN;
  line-height: 0.5rem;
  letter-spacing: 0.052rem;
}
.image_6 {
  margin-top: 3.53rem;
  width: 1.69rem;
  height: 0.41rem;
}
.section_3 {
  padding: 1.44rem 2.19rem 1.63rem;
  background-color: #f9f9f9;
}
.font_2 {
  font-size: 1.25rem;
  font-family: Source Han Sans CN;
  line-height: 1.13rem;
  color: #333333;
}
.text_5 {
  font-weight: 700;
  line-height: 1.22rem;
}
.section_4 {
  background-color: #ff6500;
  width: 1.47rem;
  height: 0.16rem;
}
.font_3 {
  font-size: 0.63rem;
  font-family: Source Han Sans CN;
  line-height: 0.66rem;
  color: #999999;
}
.section_23 .font_3 {
  font-size: 0.63rem;
  font-family: Source Han Sans CN;
  line-height: 1.5rem;
  color: #ffffff;
}
.grid {
  margin-right: 0.72rem;
  margin-top: 1.41rem;
  height: 9.06rem;
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 0.81rem;
  column-gap: 0.84rem;
}
.grid-item {
  padding: 0.63rem 0 0.31rem;
  background-color: #f9f9f9;
  border-left: solid 0.031rem #ff6500;
  border-right: solid 0.031rem #ff6500;
  border-top: solid 0.031rem #ff6500;
  border-bottom: solid 0.031rem #ff6500;
}
.font_4 {
  font-size: 1.44rem;
  font-family: Source Han Sans CN;
  line-height: 1.13rem;
  color: #ff6500;
}
.font_5 {
  font-size: 0.75rem;
  font-family: Source Han Sans CN;
  line-height: 0.72rem;
  color: #333333;
}
.font_6 {
  font-size: 0.63rem;
  font-family: Source Han Sans CN;
  line-height: 0.5rem;
  color: #666666;
}
.text_8 {
  line-height: 0.53rem;
}
.section_5 {
  margin-right: 0.75rem;
  margin-top: 0.72rem;
  padding: 0.38rem 0 0.63rem;
  background-color: #f9f9f9;
  border-left: solid 0.031rem #ff6500;
  border-right: solid 0.031rem #ff6500;
  border-top: solid 0.031rem #ff6500;
  border-bottom: solid 0.031rem #ff6500;
}
.text_9 {
  line-height: 0.56rem;
}
.group_4 {
  margin-top: 0.91rem;
}
.text_10 {
  line-height: 1.16rem;
}
.grid_2 {
  margin-top: 1.94rem;
  padding: 0 0.72rem;
  height: 18.25rem;
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 0.5rem;
  column-gap: 0;
}
.grid-item_2 {
  padding: 0 0.19rem;
}
.image_7 {
  filter: drop-shadow(0rem 0.063rem 0.31rem #3d3d3d29);
  /*width: 6.84rem;*/
  height: 3.94rem;
}
.text-wrapper {
  padding: 0.63rem 0;
  background-color: #ffffff;
  box-shadow: 0.012rem -0.061rem 0.31rem #3d3d3d29;
}
.group_5 {
  margin-top: 3.81rem;
}
.font_7 {
  font-size: 1.25rem;
  font-family: Source Han Sans CN;
  line-height: 1.19rem;
  color: #333333;
}
.section_23 .font_7 {
  font-size: 1rem;
  font-family: Source Han Sans CN;
  line-height: 1.19rem;
  color: #ffffff;
}
.group_6 {
  padding: 1.16rem 1.06rem 1.38rem 1.06rem;
}
.group_7 {
  padding: 0.22rem 0;
}
.font_8 {
  font-size: 1rem;
  font-family: Source Han Sans CN;
  line-height: 0.94rem;
  color: #999999;
}
.section_6 {
  margin-left: 4.69rem;
  background-color: #ff6500;
  width: 1.88rem;
  height: 0.094rem;
}
.group_8 {
  padding: 0 1rem;
}
.view {
  margin-top: 0.16rem;
}
.section_7 {
  flex: 1 1 10.44rem;
  padding-top: 4.88rem;
  background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=ad7ea61621025695ae9bb1525565aea6.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 5.88rem;
}
.section_8 {
  padding: 0.22rem 0.25rem 0.22rem 0.69rem;
  background-color: #00000033;
}
.image_8 {
  width: 0.59rem;
  height: 0.61rem;
}
.font_9 {
  font-size: 0.66rem;
  font-family: Source Han Sans CN;
  line-height: 0.5rem;
  color: #ffffff;
}
.section_9 {
  padding: 0.22rem 0.31rem 0.22rem 0.72rem;
  background-color: #00000033;
}
.section_10 {
  position: relative;
  flex: 1 1 10.44rem;
}
.equal-division-item {
  padding: 0.38rem 0.69rem;
  background-color: #ffffff;
  box-shadow: 0.012rem -0.061rem 0.31rem #3d3d3d29;
  height: 2.84rem;
}
.font_10 {
  font-size: 0.88rem;
  font-family: Source Han Sans CN;
  line-height: 0.84rem;
  font-weight: 500;
  color: #333333;
}
.font_11 {
  font-size: 0.75rem;
  font-family: Source Han Sans CN;
  line-height: 0.66rem;
  color: #999999;
}
.text_15 {
  font-size: 0.72rem;
}
.group_9 {
  margin-top: 0.56rem;
}
.section_11 {
  padding: 0.25rem 0.25rem 0.25rem 0.69rem;
  background-color: #00000033;
}
.section_12 {
  padding: 0.25rem 0.31rem 0.25rem 0.72rem;
  background-color: #00000033;
}
.equal-division-item_2 {
  padding: 0.38rem 0.69rem;
  background-color: #ffffff;
  box-shadow: 0.012rem -0.061rem 0.31rem #3d3d3d29;
  height: 2.88rem;
}
.text_16 {
  font-size: 0.72rem;
}
.group_10 {
  margin-top: 0.56rem;
}
.button {
  align-self: center;
  margin-top: 1.38rem;
}
.text-wrapper_2 {
  padding: 0.38rem 0;
  background-color: #ff6500;
  border-radius: 0.72rem;
  width: 7.97rem;
}
.font_12 {
  font-size: 0.75rem;
  font-family: Source Han Sans CN;
  line-height: 0.72rem;
  color: #ffffff;
}
.group_11 {
  margin-top: 2.81rem;
}
.group_12 {
  padding-left: 4.34rem;
  padding-right: 4rem;
}
.text_17 {
  line-height: 1.16rem;
}
.section_13 {
  padding-top: 9.72rem;
  background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=f6db6ab11a7de090e2b6551f97e4d73b.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.section_14 {
  padding: 0.53rem 0.44rem 0.38rem;
  background-color: #06060666;
}
.text_19 {
  color: #eeeeee;
  font-size: 0.88rem;
  font-family: Source Han Sans CN;
  line-height: 0.78rem;
}
.group_13 {
  padding: 0 0.34rem;
}
.image_9 {
  margin-right: 0.34rem;
  width: 0.91rem;
  height: 0.53rem;
}
.font_13 {
  font-size: 0.63rem;
  font-family: Source Han Sans CN;
  line-height: 0.5rem;
  color: #eeeeee;
}
.text_20 {
  margin-right: 0.72rem;
  font-size: 0.59rem;
}
.image_10 {
  margin-right: 0.38rem;
  width: 0.59rem;
  height: 0.63rem;
}
.text_21 {
  font-size: 0.59rem;
}
.group_14 {
  padding-top: 0.56rem;
}
.group_15 {
  margin-top: 0.56rem;
}
.section_15 {
  padding: 0.25rem 0.19rem 0.25rem 0.69rem;
  background-color: #00000033;
}
.group_16 {
  margin-top: 2.31rem;
}
.text_23 {
  letter-spacing: 0.05rem;
}
.group_17 {
  margin-top: 1rem;
  padding: 0 1rem;
}
.section_16 {
 /*  padding-bottom: 1.06rem; */
  background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=d7ef2de8d43fe93e3f015ed164fb0471.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 7.44rem;
  z-index: 66;
}
.section_17 {
  padding: 1.004rem;
  background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=dc3b7343aed95d466a9dfed948986856.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.font_14 {
  font-size: 0.81rem;
  font-family: Source Han Sans CN;
  line-height: 1.13rem;
  font-weight: 500;
  color: #ffffff;
}
.text_25 {
  margin-right: 0.56rem;
  line-height: 1.14rem;
}
.group_18 {
  padding: 1rem 1rem 1.13rem;
  height: 12.78rem;
}
.text_26 {
  line-height: 1.14rem;
}
.pos_3 {
  position: absolute;
  right: 1.59rem;
  top: 1.02rem;
}
.text_29 {
  line-height: 1.14rem;
}
.pos_5 {
  position: absolute;
  right: 1.31rem;
  top: 4.15rem;
}
.text_32 {
  line-height: 1.14rem;
}
.pos_7 {
  position: absolute;
  right: 1.63rem;
  bottom: 4.31rem;
}
.text_34 {
  line-height: 1.14rem;
}
.pos_9 {
  position: absolute;
  right: 1.63rem;
  bottom: 1.15rem;
}
.pos_4 {
  position: absolute;
  left: 1rem;
  top: 1.09rem;
}
.pos_6 {
  position: absolute;
  left: 1rem;
  top: 4.25rem;
}
.pos_8 {
  position: absolute;
  left: 1rem;
  bottom: 4.28rem;
}
.pos_10 {
  position: absolute;
  left: 1rem;
  bottom: 1.13rem;
}
.image_11 {
  width: 7.44rem;
  height: 12.78rem;
}
.pos_2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.text_35 {
  line-height: 1.14rem;
}
.section_18 {
 /*  padding: 5.44rem 0;
 background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=7915e24d1d2f165d01f11ca8844e790e.png');
 background-size: 100% 100%;
 background-repeat: no-repeat; */
  width: 100%;
 padding-right: 1rem;
 padding-left: 1rem;
     
}
.section_18 .tempWrap{
  width: 100%;
}
.pos {
  position: absolute;
  right: 0;
  top: 0;
}
.group_19 {
  line-height: 2.13rem;
  width: 100%;
      height: 307px;
}
.group_19 .group_19_text{
  padding-top: 90px;
      padding-left: 90px;
}
.font_15 {
  font-size: 0.81rem;
  font-family: Source Han Sans CN;
  letter-spacing: 0.13rem;
  line-height: 1.13rem;
  font-weight: 500;
  color: #ffffff;
}
.text_27 {
  text-shadow: 0rem 0.063rem 0.31rem #1a1a1a33;
}
.text_28 {
  margin-left: 0.69rem;
}
.text_30 {
  margin-left: 0.69rem;
}
.text_31 {
  margin-left: 0.69rem;
}
.text_33 {
  margin-left: 0.69rem;
}
.group_20 {
  margin-top: 1.63rem;
}
.text_36 {
  line-height: 1.16rem;
}
.group_21 {
  margin-top: 1.88rem;
}
.equal-division {
  align-self: stretch;
      padding: 0 1rem;
}
.equal-division-item_3 {
  flex: 1 1 4.84rem;
}
.section_19 {
  padding: 3.38rem 0;
  background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=fd59a61e4fa3a2cb469d1ca71147883e.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 11.28rem;
}
.image_12 {
  width: 1.5rem;
  height: 1.5rem;
}
.group_23 {
  line-height: 1.03rem;
  text-align: center;
}
.font_16 {
  font-size: 0.81rem;
  font-family: Source Han Sans CN;
  letter-spacing: 0.19rem;
  line-height: 1.03rem;
  font-weight: 700;
  color: #ffffff;
}
.text_38 {
  font-size: 0.84rem;
}
.text_42 {
  font-size: 0.84rem;
}
.section_20 {
  padding: 3.38rem 0;
  background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=359d0266b383ad2c1895c3d51c942027.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 11.28rem;
}
.group_24 {
  line-height: 1.03rem;
  text-align: center;
}
.text_39 {
  font-size: 0.84rem;
}
.text_43 {
  font-size: 0.84rem;
}
.section_21 {
  padding: 3.38rem 0;
  background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=d619ebe7798ea2471f2c844e178e4856.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 11.28rem;
}
.group_25 {
  line-height: 1.03rem;
  text-align: center;
}
.text_40 {
  font-size: 0.84rem;
}
.text_44 {
  font-size: 0.84rem;
}
.section_22 {
  padding: 3.38rem 0;
  background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=7c97f2ce0279e10b5aa4475c0bb1da94.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 11.28rem;
}
.group_22 {
  line-height: 1.03rem;
  text-align: center;
}
.text_41 {
  font-size: 0.84rem;
}
.text_45 {
  font-size: 0.84rem;
}
.text-wrapper_3 {
  align-self: center;
}
.section_23 {
  margin-top: 2rem;
  padding: 0.81rem 2.91rem 0.88rem;
  background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=8c5b3e1b51e440850a30acef4eb32586.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.text_47 {
  color: #ffffff;
}
.equal-division_2 {
  align-self: stretch;
  margin-top: 1.09rem;
}
.equal-division-item_4 {
  position: relative;
}
.group_26 {
  padding-top: 0.56rem;
  width: 2.5rem;
}
.group_30 {
  line-height: 1rem;
  text-align: center;
}
.font_17 {
  font-size: 0.75rem;
  font-family: Source Han Sans CN;
  letter-spacing: 0.16rem;
  line-height: 1.03rem;
  font-weight: 700;
  color: #ffffff;
}
.text_49 {
  font-size: 0.78rem;
  line-height: 1rem;
}
.text_53 {
  font-size: 0.78rem;
  line-height: 1rem;
}
.image_13 {
  width: 1.78rem;
  height: 1.75rem;
}
.pos_11 {
  position: absolute;
  left: 0;
  top: 0;
}
.group_27 {
  padding-top: 0.56rem;
  width: 2.47rem;
}
.group_31 {
  line-height: 1rem;
  text-align: center;
}
.text_50 {
  font-size: 0.78rem;
  line-height: 1rem;
}
.text_54 {
  font-size: 0.78rem;
  line-height: 1rem;
}
.image_14 {
  width: 1.28rem;
  height: 1.78rem;
}
.pos_12 {
  position: absolute;
  left: 0;
  top: 0;
}
.group_28 {
  padding: 0.063rem 0 0.69rem;
  width: 2.53rem;
}
.image_15 {
  width: 1.78rem;
  height: 1.81rem;
}
.group_32 {
  line-height: 1rem;
  text-align: center;
  width: 1.75rem;
}
.pos_14 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.font_18 {
  font-size: 0.75rem;
  font-family: Source Han Sans CN;
  letter-spacing: 0.14rem;
  line-height: 1.03rem;
  font-weight: 700;
  color: #ffffff;
}
.text_51 {
  font-size: 0.78rem;
  line-height: 1rem;
}
.text_55 {
  font-size: 0.78rem;
  line-height: 1rem;
}
.group_29 {
  padding-top: 0.56rem;
  width: 2.66rem;
}
.group_33 {
  line-height: 1rem;
  text-align: center;
}
.text_52 {
  font-size: 0.78rem;
  line-height: 1rem;
}
.text_56 {
  font-size: 0.78rem;
  line-height: 1rem;
}
.image_16 {
  width: 1.81rem;
  height: 1.25rem;
}
.pos_13 {
  position: absolute;
  left: 0;
  top: 0.16rem;
}
.group_34 {
  margin-top: 1.03rem;
  /* padding: 0 1rem; */
}
.view_2 {
  margin: 0.5rem auto;
}
.group_35 {
  margin-top: 1.88rem;
}
.section_24 {
  padding-top: 0.72rem;
  background-color: #dcdcdc;
  16.19rem
}
.group_36 {
  padding: 0 0.88rem;
}
.image_17 {
  width: 1.69rem;
  height: 1.63rem;
}
.image_18 {
  width: 10.5rem;
    height: 13.28rem;
}
.text-wrapper_4 {
  padding: 0.81rem 0;
  background-color: #000000b3;
  width: 10.19rem;
  height: 16.16rem;
}
.text_58 {
  color: #ffffff;
  font-size: 0.63rem;
  font-family: Source Han Sans CN;
  line-height: 1.03rem;
  text-transform: uppercase;
  /* width: 8.63rem; */
  padding:0rem 0.5rem;
  text-align: left;
}
.image_19 {
  margin-top: 1.41rem;
  width: 2.13rem;
  height: 0.44rem;
}
.group_37 {
  margin-top: 2.47rem;
  padding: 0 5.31rem;
}
.text_60 {
  line-height: 1.16rem;
}
.view_3 {
  margin: 0.5rem auto;
}
.group_38 {
 /*  margin-top: 1.75rem; */
 /*  padding: 0 1rem; */
}
.section_27 {
  background-color: #ffffff;
  width: 7.16rem;
  height: 3.47rem;
  border-left: solid 0.031rem #dcdcdc;
  border-right: solid 0.031rem #dcdcdc;
  border-top: solid 0.031rem #dcdcdc;
  border-bottom: solid 0.031rem #dcdcdc;
}
.section_26 {
  background-color: #ffffff;
  width: 7.22rem;
  height: 3.47rem;
  border-left: solid 0.031rem #dcdcdc;
  border-right: solid 0.031rem #dcdcdc;
  border-top: solid 0.031rem #dcdcdc;
  border-bottom: solid 0.031rem #dcdcdc;
}
.view_4 {
  margin-top: 3.25rem;
}
.image_27 {
  width: 5.94rem;
  height: 3.03rem;
}
.pos_23 {
  position: absolute;
  left: 7.03rem;
  top: 6.5rem;
}
.image-wrapper_4 {
  padding: 0.72rem 0 0.91rem;
  background-color: #ffffff;
  width: 7.19rem;
  border-left: solid 0.031rem #dcdcdc;
  border-right: solid 0.031rem #dcdcdc;
  border-top: solid 0.031rem #dcdcdc;
  border-bottom: solid 0.031rem #dcdcdc;
}
.pos_20 {
  position: absolute;
  left: 7.22rem;
  top: 3.41rem;
}
.image_25 {
  width: 4.75rem;
  height: 1.78rem;
}
.pos_25 {
  position: absolute;
  right: 1rem;
  top: 6.81rem;
}
.image_26 {
  width: 8.66rem;
  height: 5.94rem;
}
.pos_22 {
  position: absolute;
  right: 0.38rem;
  top: 5.41rem;
}
.section_25 {
  background-color: #ffffff;
  width: 7.16rem;
  height: 3.44rem;
  border-left: solid 0.031rem #dcdcdc;
  border-right: solid 0.031rem #dcdcdc;
  border-top: solid 0.031rem #dcdcdc;
  border-bottom: solid 0.031rem #dcdcdc;
}
.pos_31 {
  position: absolute;
  right: 1rem;
  top: 10.19rem;
}
.image_34 {
  width: 5.75rem;
  height: 3.31rem;
}
.pos_36 {
  position: absolute;
  left: 1rem;
  bottom: 0.094rem;
}
.image_30 {
  width: 8.22rem;
  height: 5.81rem;
}
.pos_28 {
  position: absolute;
  right: 0.38rem;
  bottom: 2.72rem;
}
.pos_35 {
  position: absolute;
  right: 1rem;
  top: 13.56rem;
}
.image_33 {
  width: 7.22rem;
  height: 4.88rem;
}
.pos_33 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.image-wrapper_5 {
  padding: 0.5rem 0 0.81rem;
  background-color: #ffffff;
  width: 7.16rem;
  border-left: solid 0.031rem #dcdcdc;
  border-right: solid 0.031rem #dcdcdc;
  border-top: solid 0.031rem #dcdcdc;
  border-bottom: solid 0.031rem #dcdcdc;
}
.pos_21 {
  position: absolute;
  right: 1rem;
  top: 3.41rem;
}
.image_23 {
  width: 3.31rem;
  height: 2.09rem;
}
.section_29 {
  background-color: #ffffff;
  width: 7.19rem;
  height: 3.47rem;
  border-left: solid 0.031rem #dcdcdc;
  border-right: solid 0.031rem #dcdcdc;
  border-top: solid 0.031rem #dcdcdc;
  border-bottom: solid 0.031rem #dcdcdc;
}
.pos_34 {
  position: absolute;
  left: 7.22rem;
  top: 13.56rem;
}
.image_32 {
  width: 6.59rem;
  height: 4.47rem;
}
.pos_32 {
  position: absolute;
  left: 7.56rem;
  bottom: 0.88rem;
}
.image-wrapper_6 {
  padding: 0.69rem 0 0.94rem;
  background-color: #ffffff;
  width: 7.19rem;
  border-left: solid 0.031rem #dcdcdc;
  border-right: solid 0.031rem #dcdcdc;
  border-top: solid 0.031rem #dcdcdc;
  border-bottom: solid 0.031rem #dcdcdc;
}
.pos_30 {
  position: absolute;
  left: 7.22rem;
  top: 10.19rem;
}
.image_31 {
  width: 5rem;
  height: 1.75rem;
}
.image-wrapper_3 {
  padding: 0.75rem 0;
  background-color: #ffffff;
  width: 7.22rem;
  border-left: solid 0.031rem #dcdcdc;
  border-right: solid 0.031rem #dcdcdc;
  border-top: solid 0.031rem #dcdcdc;
  border-bottom: solid 0.031rem #dcdcdc;
}
.pos_19 {
  position: absolute;
  left: 0;
  top: 3.41rem;
}
.image_24 {
  width: 3.94rem;
  height: 1.94rem;
}
.section_28 {
  background-color: #ffffff;
  width: 7.22rem;
  height: 3.44rem;
  border-left: solid 0.031rem #dcdcdc;
  border-right: solid 0.031rem #dcdcdc;
  border-top: solid 0.031rem #dcdcdc;
  border-bottom: solid 0.031rem #dcdcdc;
}
.pos_29 {
  position: absolute;
  left: 0;
  top: 10.19rem;
}
.image_29 {
  width: 6.63rem;
  height: 4.16rem;
}
.pos_27 {
  position: absolute;
  left: 0.41rem;
  bottom: 4.53rem;
}
.pos_24 {
  position: absolute;
  left: 0;
  top: 6.81rem;
}
.image_28 {
  width: 6.41rem;
  height: 2.88rem;
}
.pos_26 {
  position: absolute;
  left: 0.5rem;
  bottom: 7.13rem;
}
.image-wrapper {
  padding: 0.69rem 0;
  background-color: #ffffff;
  width: 7.22rem;
  border-left: solid 0.031rem #dcdcdc;
  border-right: solid 0.031rem #dcdcdc;
  border-top: solid 0.031rem #dcdcdc;
  border-bottom: solid 0.031rem #dcdcdc;
}
.pos_16 {
  position: absolute;
  left: 0;
  top: 0;
}
.image_22 {
  width: 4.28rem;
  height: 2rem;
}
.image-wrapper_2 {
  padding: 0.63rem 0 0.88rem;
  background-color: #ffffff;
  width: 7.19rem;
  border-left: solid 0.031rem #dcdcdc;
  border-right: solid 0.031rem #dcdcdc;
  border-top: solid 0.031rem #dcdcdc;
  border-bottom: solid 0.031rem #dcdcdc;
}
.pos_17 {
  position: absolute;
  left: 7.22rem;
  top: 0;
}
.image_21 {
  width: 2.88rem;
  height: 1.88rem;
}
.pos_18 {
  position: absolute;
  right: 1rem;
  top: 0;
}
.image_20 {
  width: 5.81rem;
  height: 3.66rem;
}
.pos_15 {
  position: absolute;
  right: 1.66rem;
  top: 0;
}
.button_3 {
  align-self: center;
  margin-top: 1rem;
}
.text-wrapper_5 {
  padding: 0.38rem 0;
  background-color: #ff6500;
  border-radius: 0.72rem;
  width: 8.72rem;
}
.group_39 {
  margin-top: 3.03rem;
  padding: 0 5.5rem;
}
.group_40 {
  padding: 0 2.75rem;
}
.text_63 {
  line-height: 1.16rem;
  letter-spacing: 0.05rem;
  margin: 0rem auto;
}
.view_5 {
 
      margin: 0.5rem auto;
}
.group_41 {
  padding: 0 0.063rem;
}
.view_6 {
  margin-top: 2.19rem;
}
.group_42 {
  padding: 0 0.5rem;
}
.group_43 {
  width: 2.34rem;
}
.image_35 {
  width: 2.06rem;
  height: 2.06rem;
}
.font_19 {
  font-size: 2.28rem;
  font-family: STHupo;
  line-height: 1.47rem;
  color: #d8d8d8;
}
.image_37 {
  width: 0.47rem;
  height: 0.28rem;
}
.image_38 {
  width: 0.16rem;
  height: 0.41rem;
}
.pos_39 {
  position: absolute;
  right: 0.47rem;
  bottom: 0;
}
.group_44 {
  width: 1.59rem;
}
.image_39 {
  width: 0.34rem;
  height: 0.44rem;
}
.image_40 {
  margin-left: -1.59rem;
  margin-top: 1.03rem;
}
.image_36 {
  width: 0.094rem;
  height: 1.38rem;
}
.pos_38 {
  position: absolute;
  right: 0.28rem;
  bottom: 0;
}
.group_45 {
  width: 1.56rem;
}
.image_41 {
  margin-left: -1.56rem;
  margin-top: 1.03rem;
}
.view_7 {
  margin-top: 0.59rem;
}
.font_20 {
  font-size: 0.69rem;
  font-family: Source Han Sans CN;
  line-height: 0.72rem;
  color: #333333;
}
.text_69 {
  line-height: 0.69rem;
  text-transform: uppercase;
  text-shadow: 0 0.063rem #ffffff, 0 -0.063rem #ffffff, 0.063rem 0 #ffffff, -0.063rem 0 #ffffff;
}
.section_30 {
  margin-right: 0.94rem;
  margin-top: 1.09rem;
  padding: 1.31rem 1.69rem;
  background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=6af0447e516261553099f3b86e6e6780.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group_46 {
  padding: 0.094rem 0;
}
.text-wrapper_6 {
  margin-top: 0.75rem;
  flex: 1 1 3.28rem;
}
.font_21 {
  font-size: 0.75rem;
  font-family: Source Han Sans CN;
  letter-spacing: 0.075rem;
  line-height: 0.72rem;
  color: #ff6500;
}
.image-wrapper_7 {
  margin-left: 0.28rem;
  flex: 1 1 3.28rem;
}
.image_42 {
  width: 0.031rem;
  height: 1.91rem;
}
.text-wrapper_7 {
  margin-left: 0.44rem;
  margin-top: 0.75rem;
  flex: 1 1 3.28rem;
}
.image-wrapper_8 {
  margin-left: 0.28rem;
  flex: 1 1 3.28rem;
}
.text-wrapper_8 {
  margin: 0.75rem 0.25rem 0 0.41rem;
  flex: 1 1 3.28rem;
}
.divider {
  padding: 0 0.91rem;
}
.image_43 {
  width: 1.31rem;
  height: 0.031rem;
}
.image_44 {
  margin-right: 0.38rem;
}
.view_8 {
  margin-top: 1.94rem;
}
.text_70 {
  line-height: 1.16rem;
}
.view_9 {
  margin: 0.5rem auto;
}
.group_47 {
  padding: 0 1rem;
}
.image_45 {
  width: 91.4667vw;
  height: 56vw;
}
.text_72 {
  line-height: 1.28rem;
  text-indent: 1.09rem;
}
.group_48 {
  margin-top: 1.88rem;
}
.text_73 {
  line-height: 1.16rem;
}
.section_31 {
  margin-left: 10.06rem;
  background-color: #ff6500;
  width: 1.44rem;
  height: 0.13rem;
  margin: 0.5rem auto;
}
.group_49 {
  margin-top: 1.75rem;
  padding: 0 1rem;
}
.button_4 {
  flex: 1 1 10.75rem;
}
.text-wrapper_9 {
  padding: 0.63rem 0;
  background-color: #ff6500;
  height: 2.19rem;
}
.text_75 {
  color: #ffffff;
  line-height: 0.97rem;
}
.button_5 {
  flex: 1 1 10.75rem;
  /* margin-right: 1.03rem; */
}
.text-wrapper_10 {
  padding: 0.63rem 0;
  background-color: #d2d2d2;
  height: 2.19rem;
}
.text_76 {
  color: #333333;
  font-size: 0.94rem;
  font-family: Source Han Sans CN;
  line-height: 0.94rem;
}
.section_32 {
  /* margin-right: 1.03rem; */
  padding-top: 7.06rem;
  background-image: url('https://ide.code.fun/api/image?token=66358b35d578370011c5920e&name=7652f8b0641e1042dfd88094959c336b.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.section_33 {
  padding: 0.69rem 0.25rem 0.56rem 0.75rem;
  background-color: #1b1b1b99;
}
.font_22 {
  font-size: 0.75rem;
  font-family: Source Han Sans CN;
  line-height: 1.25rem;
  color: #ffffff;
}
.text_78 {
  font-size: 0.72rem;
  line-height: 0.66rem;
}
.image_46 {
  width: 0.66rem;
  height: 0.61rem;
}
.section_34 {
  /* margin-right: 1.03rem; */
  opacity: 0.28;
  background-color: #ffffff;
  height: 4.81rem;
  border-left: solid 0.031rem #a4a4a4;
  border-right: solid 0.031rem #a4a4a4;
  border-top: solid 0.031rem #a4a4a4;
  border-bottom: solid 0.031rem #a4a4a4;
}
.image_47 {
  width: 7.22rem;
  height: 4.81rem;
}
.pos_40 {
  position: absolute;
  left: 0;
  bottom: 0;
}
.font_23 {
  font-size: 0.81rem;
  font-family: Source Han Sans CN;
  line-height: 0.84rem;
  font-weight: 500;
  color: #333333;
}
.text_6 {
  text-transform: uppercase;
}
.text_79 {
  color: #ffffff;
  line-height: 0.53rem;
}
.text_77 {
  color: #ffffff;
  font-size: 0.91rem;
}
.text_74 {
  line-height: 0.63rem;
}
.text_71 {
  line-height: 0.63rem;
}
.text_68 {
  color: #d8d8d8;
  font-size: 2rem;
  font-family: STHupo;
  line-height: 1.44rem;
}
.text_67 {
  margin-left: 0.094rem;
}
.text_66 {
  line-height: 1.5rem;
}
.text_65 {
  color: #ffffff;
}
.pos_37 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.text_64 {
  line-height: 0.63rem;
}
.text_62 {
  line-height: 0.75rem;
}
.text_61 {
  line-height: 0.63rem;
}
.text_59 {
  font-size: 0.72rem;
  letter-spacing: 0.072rem;
}
.text_57 {
  line-height: 0.63rem;
}
.text_48 {
  margin-top: 0.22rem;
  color: #ffffff;
  line-height: 0.63rem;
}
.text_46 {
  margin-left: 1rem;
  margin-right: 0.69rem;
}
.text_37 {
  line-height: 0.59rem;
}
.text_24 {
  line-height: 0.63rem;
}
.text_22 {
  letter-spacing: 0.034rem;
}
.text_18 {
  line-height: 0.63rem;
}
.text_14 {
  color: #ff6500;
  border-bottom: solid 2px #ff6500;
    padding-bottom: 0.5rem;
}
.text_13 {
  line-height: 0.63rem;
}
.text_12 {
  font-size: 0.72rem;
}
.text_11 {
  line-height: 0.63rem;
}
.text_7 {
  margin-top: 0.28rem;
  line-height: 0.5rem;
}
.text_80 {
  line-height: 0.81rem;
}
.pos_41 {
  position: absolute;
      left: 8rem;
  top: 0.75rem;
}
.pos_42 {
  position: absolute;
      left: 8rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_43 {
  position: absolute;
  left: 8rem;
  bottom: 0.59rem;
}
.text_81 {
  line-height: 0.47rem;
}
.pos_44 {
  position: absolute;
  left: 8.94rem;
  bottom: 0.5rem;
}
.pos_45 {
  position: absolute;
  left: 0;
  bottom: 0;
}
.text_82 {
  line-height: 0.81rem;
}
.pos_46 {
  position: absolute;
  right: 3.84rem;
  top: 0.75rem;
}
.pos_47 {
  position: absolute;
  right: 2.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_48 {
  position: absolute;
  left: 8.09rem;
  bottom: 0.59rem;
}
.text_83 {
  line-height: 0.47rem;
}
.pos_49 {
  position: absolute;
  left: 8.94rem;
  bottom: 0.5rem;
}
.pos_50 {
  position: absolute;
  left: 0;
  bottom: 0;
}
.text_84 {
  line-height: 0.81rem;
}
.pos_51 {
  position: absolute;
  right: 3.84rem;
  top: 0.75rem;
}
.pos_52 {
  position: absolute;
  right: 2.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_53 {
  position: absolute;
  left: 8.09rem;
  bottom: 0.59rem;
}
.text_85 {
  line-height: 0.47rem;
}
.pos_54 {
  position: absolute;
  left: 8.94rem;
  bottom: 0.5rem;
}
.text-wrapper_11 {
  align-self: center;
  margin-top: 1.91rem;
}
.button_2 {
  padding: 0.38rem 0;
  background-color: #ff6500;
  border-radius: 0.72rem;
}
.text_86 {
  margin-left: 0.75rem;
  margin-right: 0.41rem;
}
.section_35 {
  padding: 1.06rem 1rem 0.47rem;
  background-color: #3d3d3d;
}
.image_48 {
  width: 6.22rem;
  height: 2.41rem;
}
.text_87 {
  margin-left: 0.34rem;
}
.text_88 {
  margin-left: 0.88rem;
}
.text_89 {
  margin-left: 2.22rem;
}

.nav-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
        margin-bottom: 15px;
}
.service{
  margin-top: 30px;
  padding: 0 1rem;
}
.service .nav-box .nav-item {
   width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: column;
}
.service .nav-box .nav-item .icon .img2 {
    display: none;
}
.service .nav-box .nav-item .icon img{
    width: 15px;
    height: 24px;
}

.service .nav-box .nav-item .text {
  font-size: 0.69rem;
    font-family: Source Han Sans CN;
    line-height: 0.72rem;
    color: #333333;
    line-height: 0.69rem;
    text-transform: uppercase;
        position: absolute;
    bottom: -15px;
    letter-spacing: 0rem;
        font-weight: 100;
  
}
.service .nav-box .nav-item.focus {
    background: #ff6500;
}
}

.service .nav-box .nav-item.focus .icon .img1 {
    display: none;
}

.service .main {
        padding: 30px 20px;
    margin: 20px 0px;
    background: url(/statics/css/new/static/image/service-img-1.png) no-repeat center center;
    background-size: 100%, 100%;
    display: flex;
    justify-content: space-between;
}
.service .main .item {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.service .font_9 {
  font-size: 0.75rem;
    font-family: SourceHanSansCN-Regular;
    line-height: 0.72rem;
    color: #ff6500;
   
    padding-bottom: 0.5rem;
}
.service .font_9:before {
   content: '';
    position: absolute;
    bottom: -0.3rem;
    border-bottom: solid 0.031rem #ff6500;
    width: 2rem;
    /* top: 0; */
    height: 80%;
    left: 48%;
     transform: translateX(-50%); 
    
}
.service .nav-box .nav-item .icon::after {
        content: '';
    background-image: url(/statics/css/wap/service_jt.png);
    background-size: cover;
    position: absolute;
    bottom: 20px;
    display: block;
    right: -35px;
    transform: translateX(-50%);
    z-index: 10;
    width: 20px;
    height: 10px;
}
.service .nav-box .nav-item:last-of-type  .icon::after{
  content: '';
  background-image: url('');
}
.service .nav-box .nav-item.focus::after {
    content: url(/statics/images/xs.png);
    position: absolute;
    bottom: -44px;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.service .main .item::after {
    content: "";
    display: block;
    height: 34px;
    width: 1px;
    position: absolute;
    background: linear-gradient(#333, #fff 40%, #fff 60%, #333);
    right: 0;
    top: -10px;
}