.ml-67 {
  margin-left: 3.4896vw;
}
.mt-116 {
  margin-top: 6.0417vw;
}
.ml-23 {
  margin-left: 1.1979vw;
}
.mt-45 {
  margin-top: 2.3438vw;
  border-radius: 2.6vw;
}
.mt-21 {
  margin-top: 1.0938vw;
}
.mt-49 {
  margin-top: 2.5521vw;
}
.ml-35 {
  margin-left: 1.8229vw;
}
.ml-47 {
  margin-left: 2.4479vw;
}
.mt-51 {
  margin-top: 2.6563vw;
}
.mt-35 {
  margin-top: 1.8229vw;
}
.ml-21 {
  margin-left: 1.0938vw;
}
.mt-63 {
  margin-top: 3.2813vw;
}
.ml-31 {
  margin-left: 1.6146vw;
}
.mt-39 {
  margin-top: 2.0313vw;
}
.ml-11 {
  margin-left: 0.5729vw;
}
.mt-15 {
  margin-top: 0.7813vw;
}
.page {
  padding-bottom: 2.6042vw;
  background-color: #010101;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.group {
  height: 114.6354vw;
}
.section {
  padding: 0.8333vw 16.0417vw 14.6875vw;
  background-image: url('../images/1fc3c503575634cd620804450954b684.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.image {
  width: 5.3646vw;
  height: 2.6042vw;
}
.group_2 {
  margin-right: 1.25vw;
}
.font {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei UI;
  line-height: 0.7719vw;
  color: #ffffff;
}
.text {
  line-height: 0.7724vw;
}
.text_2 {
  line-height: 0.7734vw;
}
.text_3 {
  margin-left: 2.8125vw;
  line-height: 0.7698vw;
}
.text_4 {
  margin-left: 3.125vw;
  line-height: 0.7708vw;
}
.tp_hot{
  background-image: url('../images/act-hot.png');
  background-repeat: no-repeat;
  background-position:1vw 5vw;
/*  position: absolute;
      top: 14px;
      right: -25px;
      width: 30px;
      height: 14px; */
}
.hot_img{
   width: 2vw; 
   height: 0.9vw; 
   
}

.group_3 {
  width: 47.3958vw;
}
.text_5 {
  color: #ffffff;
  font-size: 3.125vw;
  font-family: Microsoft YaHei UI;
  font-weight: 700;
  line-height: 3.0609vw;
}
.font_2 {
  font-size: 1.3vw;
  font-family: Microsoft YaHei UI;
  line-height: 1.4531vw;
  color: #ffffff;
}
.text_6 {
  margin-top: 1.4583vw;
  line-height: 1.4563vw;
  letter-spacing: 1.5625vw;
}
.group_4 {
  margin-top: 2.5vw;
}
.text-wrapper {
  /* padding: 1.0417vw 0; */
  background-color: #ffffff;
  border-radius: 5.1563vw;
  width: 10.5208vw;
  height: 3.125vw;
}
.text-wrapper span{
   display: block;
   width: 100%;
   height: 100%;
   line-height: 3.125vw;
   cursor:pointer;
    text-align: center;
}
.font_3 {
  font-size: 1.0417vw;
  font-family: Microsoft YaHei UI;
  line-height: 0.9656vw;
  color: #010101;
}
/* .font_3 span{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 3.125vw;
    cursor:pointer;
} */
.text-wrapper_2 {
  /* padding: 1.0417vw 0; */
  border-radius: 5.1563vw;
  width: 10.5208vw;
  height: 3.125vw;
  border-left: solid 0.05208vw #ffffff;
  border-right: solid 0.05208vw #ffffff;
  border-top: solid 0.05208vw #ffffff;
  border-bottom: solid 0.05208vw #ffffff;
}
.text-wrapper_2 span{
   display: block;
   width: 100%;
   height: 100%;
   line-height: 3.125vw;
   cursor:pointer;
}
.font_4 {
  font-size: 1.0417vw;
  font-family: Microsoft YaHei UI;
  line-height: 0.9656vw;
  color: #ffffff;
}
.text_7 {
  line-height: 0.9667vw;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1.025vw;

}
.image_2 {
  width: 67.71vw;
  height: 39.1vw;
}
.section_2 {
  margin: -9.6875vw 2.6042vw 0;
  padding: 6.5104vw 0;
  background-color: #e2ecff;
  border-radius: 2.6042vw;
}
.section_3 {
  margin-left: 13.5417vw;
  padding: 4.8958vw 3.125vw 5vw;
  background-color: #ffffff;
  border-radius: 1.0417vw 0vw 0vw 1.0417vw;
  width: 51.4063vw;
}
.font_5 {
  font-size: 2.0833vw;
  font-family: Microsoft YaHei UI;
  line-height: 2.0245vw;
  font-weight: 700;
  color: #010101;
}
.font_6 {
  font-size: 1.0417vw;
  font-family: Microsoft YaHei UI;
  line-height: 1.7708vw;
  color: #010101;
}
.image_4 {
  width: 4.1667vw;
  height: 4.1667vw;
}
.image_5 {
  margin-left: 1.8229vw;
}
.image_6 {
  margin-left: 1.8229vw;
}
.image_7 {
  margin-left: 1.8229vw;
}
.image_8 {
  margin-left: 1.8229vw;
}
.group_5 {
  margin-top: 0.7292vw;
 /* padding: 0 0.5208vw; */
}
.text-wrapper_3 {
  width: 4.1667vw;
  justify-content: center;
}
.font_7 {
  font-size: 0.8333vw;
  font-family: Microsoft YaHei UI;
  line-height: 0.7719vw;
  color: #888888;
}
.text_8 {
  line-height: 0.7984vw;
}
.view {
  margin-left: 1.8229vw;
}
.text_9 {
  line-height: 0.8083vw;
}
.view_2 {
  margin-left: 1.8229vw;
}
.text_10 {
  line-height: 0.7802vw;
}
.view_3 {
  margin-left: 1.8229vw;
}
.text_11 {
  line-height: 0.8141vw;
}
.text-wrapper_4 {
  width: 4.1667vw;
  margin-left: 1.8229vw;
  justify-content: center;
}
.text_12 {
  line-height: 0.8042vw;
}
.group_6 {
  margin-top: 1.6667vw;
}
.image_9 {
  margin-left: 1.8229vw;
}
.image_10 {
  margin-left: 1.8229vw;
}
.group_7 {
  margin-top: 0.7292vw;
  padding: 0 0.4167vw;
}
.text_13 {
  line-height: 0.8063vw;
}
.view_4 {
  margin-left: 1.8229vw;
}
.text_14 {
  line-height: 0.7969vw;
}
.text-wrapper_5 {
  width: 4.1667vw;
  margin-left: 1.8229vw;
  justify-content: center;
}
.text_15 {
  line-height: 0.8141vw;
}
.image_3 {
  border-radius: 1.0417vw;
  width: 18.75vw;
  height: 40.625vw;
}
.pos {
  position: absolute;
  right: 13.5417vw;
  top: 50%;
  transform: translateY(-50%);
}
.group_8 {
  margin-top: 5.2083vw;
  width: 67.7083vw;
}
.image-wrapper {
  border-radius: 1.0417vw;
  background-image: url('../images/bf612cf83714b3a0a03a49f04622956e.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 25vw;
  height: 34.0104vw;
}
.image_11 {
  width: 21.3542vw;
  height: 34.0104vw;
}
.section_4 {
  padding: 3.0208vw 2.4479vw 2.6042vw;
  background-color: #ffffff14;
  border-radius: 1.0417vw;
  height: 34.0104vw;
}
.font_8 {
  font-size: 2.0833vw;
  font-family: Microsoft YaHei UI;
  line-height: 2.0245vw;
  font-weight: 700;
  color: #ffffff;
}
.font_9 {
  font-size: 1.0417vw;
  font-family: Microsoft YaHei UI;
  line-height: 1.1979vw;
  color: #ffffff;
}
.text_16 {
  line-height: 1.0396vw;
  color: #777;
}
.text_17 {
  line-height: 0.9698vw;
}
.group_9 {
  margin-top: 0.9375vw;
}
.section_5 {
  padding: 1.25vw 0 1.0417vw;
  background-image: url('../images/aad911c3cf51124e9f091ee19a963cf5.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 4.6875vw;
  height: 4.6875vw;
}
.section_6 {
  padding: 1.25vw 0 1.0417vw;
  background-image: url('../images/70fb243c7d8173bb98a0552fd6d04b67.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 4.6875vw;
  height: 4.6875vw;
}
.section_7 {
  padding: 1.25vw 0 1.0417vw;
  background-image: url('../images/f3d8a1747e2fe073537c5fc9d27fad12.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 4.6875vw;
  height: 4.6875vw;
}
.text-wrapper_6 {
  padding: 1.25vw 0 1.0417vw;
  background-image: url('../images/fbe5fb7d199871f6fef70b7051929e6e.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 4.6875vw;
  height: 4.6875vw;
}
.text_18 {
  width: 2.0313vw;
}
.section_8 {
  padding: 1.25vw 0 1.0417vw;
  background-image: url('../images/280825240b5e5ede4dccc8fe6e24de8e.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 4.6875vw;
  height: 4.6875vw;
}
.image_12 {
  width: 4.6875vw;
  height: 4.6875vw;
}
.text_19 {
  margin-top: 1.875vw;
}
.group_10 {
  margin-top: 0.9375vw;
}
.image-wrapper_2 {
  border-radius: 0.5208vw;
  background-image: url('../images/41135022280cde89eadd844b01db27aa.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 7.8125vw;
  height: 10.6771vw;
}
.image_13 {
  width: 7.8125vw;
  height: 10.6771vw;
}
.image_14 {
  border-radius: 0.5208vw;
  width: 7.8125vw;
  height: 10.6771vw;
}
.section_9 {
  background-color: #f9eaea;
  border-radius: 0.5208vw;
  width: 7.8125vw;
  height: 10.6771vw;
}
.image-wrapper_3 {
  padding-top: 0.625vw;
  background-color: #f2ecec;
  border-radius: 0.5208vw;
  width: 7.8125vw;
  height: 10.6771vw;
}
.image_15 {
  width: 7.8125vw;
  height: 10.0521vw;
}
.pos_2 {
  position: absolute;
  right: 9.4271vw;
  bottom: 0;
}
.section_10 {
  padding: 3.125vw 2.6042vw 3.2813vw;
  background-color: #151515;
  border-radius: 1.0417vw;
}
.group_11 {
  margin-top: 0.3125vw;
}
.group_12 {
  height: 5.9375vw;
}
.font_10 {
  font-size: 2.0833vw;
  font-family: Microsoft YaHei UI;
  line-height: 3.2292vw;
  font-weight: 700;
  color: #ffffff;
}
.text_20 {
  margin-left: 0.1042vw;
  margin-top: -0.5208vw;
}
.group_13 {
  margin-top: 1.25vw;
  width: 27.1307vw;
}
.font_11 {
  font-size: 1.0417vw;
  font-family: Microsoft YaHei UI;
  line-height: 1.7708vw;
  color: #777;
}
.group_14 {
  margin-top: 3.5417vw;
}
.image_17 {
  flex: 1 1 10.4167vw;
  border-radius: 0.5208vw;
  height: 7.8125vw;
}
.image_16 {
  width: 20.8333vw;
  height: 27.6042vw;
}
.section_11 {
  margin: 5.2083vw 2.6042vw 0;
  padding-top: 4.5833vw;
  background-color: #e2ecff;
  border-radius: 2.6042vw;
}
.text_21 {
  line-height: 0.9708vw;
}
.image_18 {
  width: 65.7292vw;
  height: 34.9479vw;
}
.group_15 {
  margin-top: 5.625vw;
}
.text_22 {
  line-height: 2.0266vw;
}
.group_16 {
  margin-top: 2.7083vw;
}
.image_19 {
  flex: 1 1 20.9375vw;
  border-radius: 0.5208vw 0.5208vw 0vw 0vw;
  height: 13.2292vw;
}
.text-wrapper_7 {
  flex: 1 1 20.9375vw;
  padding: 1.6667vw 0;
  background-color: #151515;
  border-radius: 0vw 0vw 0.5208vw 0.5208vw;
  height: 4.5313vw;
}
.font_12 {
  font-size: 1.3021vw;
  font-family: Microsoft YaHei UI;
  line-height: 1.2766vw;
  color: #ffffff;
}
.text_23 {
  line-height: 1.2526vw;
}
.text_24 {
  line-height: 1.2828vw;
}
.text_25 {
  line-height: 1.2781vw;
}
.group_17 {
  margin-top: 2.6042vw;
}
.text_26 {
  line-height: 1.3016vw;
}
.text_27 {
  line-height: 1.2667vw;
}
.text_28 {
  margin-top: 2.625vw;
  line-height: 2.0526vw;
  margin-bottom: 2vw;
}
.group_18 {
  padding-top: 2.6458vw;
}
.section_12 {
  border-radius: 0vw 0vw 2.6042vw 2.6042vw;
  background-image: url('../images/01df7b1b7430d29e7863985327b4756e.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  /* align-self: center; */
}
.font_13 {
  font-size: 0.9375vw;
  font-family: Microsoft YaHei UI;
  line-height: 0.9656vw;
  font-weight: 700;
  color: #ffffff;
}
.text_29 {
  line-height: 0.912vw;
}
.text_30 {
  margin-left: 4.5833vw;
  line-height: 0.9203vw;
}
.text_31 {
  margin-left: 3.5937vw;
  line-height: 0.9109vw;
}
.text_32 {
  margin-left: 4.7917vw;
  line-height: 0.9099vw;
}
.text_33 {
  margin-left: 6.4062vw;
  line-height: 0.9125vw;
}
.text_34 {
  margin-left: 5.5208vw;
  line-height: 0.9182vw;
}
.image_21 {
  /* margin-left: 2.0833vw;
  margin-right: 3.3333vw; */
  width: 67.71vw;
  height: 26.5104vw;
  align-self: center;
  
}
.image_20 {
  width: 5.2083vw;
  height: 5.2083vw;
}
/* .pos_3 {
  position: absolute;
  left: 19.4792vw;
  top: 0;
}
.pos_4 {
  position: absolute;
  left: 30.6771vw;
  top: 0;
}
.pos_5 {
  position: absolute;
  left: 41.8229vw;
  top: 0;
}
.pos_6 {
  position: absolute;
  right: 41.5625vw;
  top: 0;
}
.pos_7 {
  position: absolute;
  right: 30.4167vw;
  top: 0;
}
.pos_8 {
  position: absolute;
  right: 19.2708vw;
  top: 0;
} */
.group_19 {
  margin-top: 5vw;
}
.group_20 {
  width: 67.1875vw;
  margin-bottom: 5.6042vw
}
.text_35 {
  margin-top: -0.5208vw;
}
.section_13 {
  padding: 1.4583vw 1.0417vw 0.625vw;
  flex: 1 1 15.625vw;
  background-color: #151515;
  border-radius: 0.5208vw;
  height: 5.3646vw;
}
.image_22 {
  width: 2.6042vw;
  height: 2.6042vw;
}
.font_14 {
  font-size: 1.0417vw;
  font-family: Microsoft YaHei UI;
  line-height: 0.9656vw;
  /* font-weight: 700; */
  color: #ffffff;
}
.text_36 {
  line-height: 0.9792vw;
}
.font_15 {
  font-size: 2.0833vw;
  font-family: Microsoft YaHei UI;
  line-height: 1.5458vw;
  font-weight: 700;
  color: #ffffff;
}
.text_40 {
  opacity: 0.1;
}
.text_41 {
  margin-top: 1.7708vw;
}
.section_14 {
  flex: 1 1 15.625vw;
  padding: 1.4583vw 0.625vw 0.625vw 1.0417vw;
  background-color: #151515;
  border-radius: 0.5208vw;
  height: 5.3646vw;
}
.text_37 {
  line-height: 0.9708vw;
}
.text_42 {
  margin-top: 1.875vw;
}
.image_23 {
  width: 2.3958vw;
  height: 2.3958vw;
}
.text_38 {
  margin-left: 1.0417vw;
  margin-top: 0.7292vw;
  line-height: 0.9781vw;
}
.text_43 {
  margin-left: 0.7292vw;
  margin-top: 1.6667vw;
}
.section_15 {
  padding: 1.4583vw 0.5208vw 0.625vw 1.0417vw;
  flex: 1 1 15.625vw;
  background-color: #151515;
  border-radius: 0.5208vw;
  height: 5.3646vw;
}
.text_39 {
  line-height: 0.9802vw;
}
.text_44 {
  margin-top: 1.875vw;
}
.section_16 {
  margin: 0 2.6042vw;
  padding: 5.625vw 13.5417vw 0;
  background-color: #151515;
  border-radius: 2.6042vw;
}
.text_45 {
  line-height: 2.0302vw;
}
.image_25 {
  width: 1.0417vw;
  height: 1.0417vw;
}
.text_46 {
  line-height: 0.976vw;
}
.text_47 {
  line-height: 1.0604vw;
}
.text_48 {
  line-height: 0.976vw;
}
.text_49 {
  line-height: 0.9729vw;
}
.image_26 {
  width: 33.8542vw;
  height: 17.0313vw;
}
.image_24 {
  width: 32.2396vw;
  height: 35.5729vw;
}
.section_17 {
  padding: 6vw 0;
  background-image: url('../images/65877694b83c589a0f8b93ccc401142b.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.image_27 {
  border-radius: 1.5625vw;
  width: 6.5625vw;
  height: 6.5625vw;
}
.group_21 {
  height: 5.9312vw;
}
.text_50 {
  margin-top: -0.5208vw;
}
.text-wrapper_8 {
  /* padding: 1.3542vw 0; */
  background-image: linear-gradient(270deg, #bd00ff 36.5%, #3260ff 96.4%);
  border-radius: 5.1563vw;
  width: 15.625vw;
  height: 3vw;
}
.text_51 {
  /* font-weight: 800; */
  display: block;
  width: 100%;
  height: 100%;
  line-height: 3vw;
  text-align: center;
  cursor: pointer;
}
.group_22 {
  margin-top: 7.6563vw;
  padding-top: 1.5625vw;
  border-top: solid 0.05208vw #ffffff1a;
}
.group_23 {
  padding-left: 1.0417vw;
}
.font_16 {
  font-size: 0.7292vw;
  font-family: Microsoft YaHei UI;
  line-height: 0.6823vw;
  color: #999999;
}
.text_52 {
  text-transform: lowercase;
}
.group_24 {
  line-height: 0.7469vw;
}
.text_53 {
  line-height: 0.663vw;
}
.text_54 {
  color: #ffffff;
  line-height: 0.7469vw;
}