@font-face {
  font-family: 'adregular';
  src: url('https://d13pvy8xd75yde.cloudfront.net/global/id/id11/HurmeGeometricSans_No3_4_Regular.otf') format('opentype');
}
@font-face {
  font-family: 'adbold';
  src: url('https://d13pvy8xd75yde.cloudfront.net/global/id/id11/HurmeGeometricSans_No3_6_Bold.otf') format('opentype');
}
.ad_pc {
  display: block;
}
.ad_m {
  display: none;
}
.imgbox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.imgbox img {
  width: 100%;
}
.ad_banner {
  width: 100%;
}
.ad_delbuy {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12.3958vw;
}
.ad_delbuy .ad_link {
  display: block;
  height: 100%;
  width: 50%;
  transition: all 0.3s linear;
}
.ad_delbuy .ad_link:hover {
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.5);
}
.ad_delbuy .ad_link .ad_detail {
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to bottom, #D9DADB, #E3E5E7, #C7C7CA);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ad_delbuy .ad_link .ad_detail .imgbox {
  width: 4.5833vw;
  height: 4.7135vw;
}
.ad_delbuy .ad_link .ad_detail .tit {
  color: #000;
  font-size: 3.125vw;
  line-height: 3.9063vw;
  font-family: 'adbold';
}
.ad_delbuy .ad_link .ad_buy {
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to bottom, #B2B6FF, #B8B8FF, #847DFF);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ad_delbuy .ad_link .ad_buy .imgbox {
  width: 5.5469vw;
  height: 4.7135vw;
}
.ad_delbuy .ad_link .ad_buy .tit {
  color: #fff;
  font-size: 3.125vw;
  line-height: 3.9063vw;
  font-family: 'adbold';
}
.sec2 .desbox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.sec2 .desbox .tit {
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 100%;
  padding: 0 2.3438vw;
  align-items: center;
  justify-content: center;
}
.sec2 .desbox .tit span {
  width: 100%;
  color: #9590ff;
  font-size: 5.7292vw;
  font-weight: 700;
  font-family: 'adbold';
}
.sec2 .desbox .tit span:first-child {
  text-align: left;
}
.sec2 .desbox .tit span:last-child {
  text-align: right;
}
.sec2 .desbox .ad_map {
  width: 50%;
  height: 100%;
  padding: 5.2083vw 2.3438vw;
}
.sec2 .desbox .ad_map .ad_mapbox {
  border-radius: 1.3021vw;
  background-color: #f4f1f1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  padding: 1.5625vw 1.4583vw;
}
.sec2 .desbox .ad_map .ad_mapbox .ad_mapitem {
  background-image: linear-gradient(to bottom, #776eff, #989eff, #776eff);
  width: 100%;
  height: 14.0885vw;
  border-radius: 1vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.0417vw 1.5625vw;
  transition: all 0.3s linear;
  cursor: pointer;
}
.sec2 .desbox .ad_map .ad_mapbox .ad_mapitem:hover {
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.5);
}
.sec2 .desbox .ad_map .ad_mapbox .ad_mapitem .instancetit {
  color: #fff;
  font-size: 1.3021vw;
  font-weight: 700;
  font-family: 'adbold';
}
.sec2 .desbox .ad_map .ad_mapbox .ad_mapitem .instancedes {
  margin-top: 1.1979vw;
  color: #fff;
  font-size: 1.0417vw;
  font-weight: 400;
  font-family: 'adregular';
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* 控制显示的行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}
.sec2 .desbox .ad_map .ad_mapbox .ad_mapitem .instance {
  display: flex;
  flex-direction: row-reverse;
}
.sec2 .desbox .ad_map .ad_mapbox .ad_mapitem .instance .instanceinner {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 0.4587vw 1.3761vw;
  border-radius: 2.5229vw;
}
.sec2 .desbox .ad_map .ad_mapbox .ad_mapitem .instance .instanceinner .imgbox {
  width: 2.0313vw;
  height: 3.0729vw;
}
.sec2 .desbox .ad_map .ad_mapbox .ad_mapitem .instance .instanceinner .instance_num {
  font-family: 'adbold';
  margin-left: 0.5208vw;
  font-size: 1.3021vw;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #a6a6ff, #8078ff);
  -webkit-background-clip: text;
  /* Safari/Chrome */
  -webkit-text-fill-color: transparent;
  /* Safari/Chrome */
  background-clip: text;
  color: transparent;
}
.sec3 .bottom_des {
  font-family: 'adbold';
  position: absolute;
  bottom: 6.25vw;
  left: 7.8125vw;
  color: #fff;
  font-weight: 700;
  font-size: 3.125vw;
}
@media screen and (max-width: 1080px) {
  .ad_pc {
    display: none;
  }
  .ad_m {
    display: block;
  }
  .ad_delbuy {
    height: 21.8349vw;
  }
  .ad_delbuy .ad_link .ad_detail .imgbox {
    width: 10.5046vw;
    height: 10.5046vw;
  }
  .ad_delbuy .ad_link .ad_detail .tit {
    font-size: 4.5872vw;
    line-height: 5.5046vw;
  }
  .ad_delbuy .ad_link .ad_buy .imgbox {
    width: 10.5046vw;
    height: 10.5046vw;
  }
  .ad_delbuy .ad_link .ad_buy .tit {
    font-size: 4.5872vw;
    line-height: 5.5046vw;
  }
  .sec2 .desbox {
    flex-direction: column;
    padding: 8.3486vw 0 9.3578vw;
  }
  .sec2 .desbox .tit {
    width: 100%;
    padding: 0 10.0917vw;
    height: fit-content;
    padding-bottom: 3.3028vw;
  }
  .sec2 .desbox .tit span {
    font-size: 11.0092vw;
  }
  .sec2 .desbox .ad_map {
    width: 100%;
    padding: 0 6.1468vw;
    height: 86.9266vw;
  }
  .sec2 .desbox .ad_map .ad_mapbox {
    border-radius: 2vw;
    padding: 1.8991vw 3.8991vw;
  }
  .sec2 .desbox .ad_map .ad_mapbox .ad_mapitem {
    height: 23vw;
    border-radius: 2vw;
    padding: 1.8807vw 2.7523vw;
  }
  .sec2 .desbox .ad_map .ad_mapbox .ad_mapitem .instancetit {
    font-size: 2.5229vw;
  }
  .sec2 .desbox .ad_map .ad_mapbox .ad_mapitem .instancedes {
    font-size: 1.8349vw;
  }
  .sec2 .desbox .ad_map .ad_mapbox .ad_mapitem .instance .instanceinner {
    background-color: #fff;
    padding: 0.4587vw 1.3761vw;
    border-radius: 2.5229vw;
  }
  .sec2 .desbox .ad_map .ad_mapbox .ad_mapitem .instance .instanceinner .imgbox {
    width: 2.6606vw;
    height: 3.7615vw;
  }
  .sec2 .desbox .ad_map .ad_mapbox .ad_mapitem .instance .instanceinner .instance_num {
    margin-left: 0.6881vw;
    font-size: 2vw;
  }
  .sec3 .bottom_des {
    bottom: 6.2844vw;
    left: 5.9174vw;
    font-size: 2.5229vw;
  }
}
/*# sourceMappingURL=index.css.map */