/* reset */
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 {margin:0;padding:0}
a,img,input {border:none;}
body{font: 14px/1.75  -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a {text-decoration:none;}
ul,li{list-style: none}
a, img {-webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单，根据需要选择是否删除 */}
html, body {
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
}
/* reset end */
html {
  font-size: 50px;/* 兼容不支持vw的系统 */
  font-size: 13.33333333vw;/* 7.5rem === 100vw */
}

@media (max-width: 1024px) {
  html,body {
    max-width: 1024px;
  }
}

#afooter{background-color: #191219;text-align: center;font-size:22px;padding:20px 0;}
#afooter, #afooter a{color: #c0c0c0;text-decoration: none;}

@font-face {
  font-family: "db";
  src: url("//game.gtimg.cn/images/lol/act/a20250930zdbq/font/DIN-BOLD.eot"); /* IE9 */
  src: url("//game.gtimg.cn/images/lol/act/a20250930zdbq/font/DIN-BOLD.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  
  url("//game.gtimg.cn/images/lol/act/a20250930zdbq/font/DIN-BOLD.woff") format("woff"), /* chrome、firefox */
  url("//game.gtimg.cn/images/lol/act/a20250930zdbq/font/DIN-BOLD.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  
  url("//game.gtimg.cn/images/lol/act/a20250930zdbq/font/DIN-BOLD.svg#DIN-BOLD") format("svg"); /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'sellnum-1';
  src: url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.eot');
  src: url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.woff') format('woff'),url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.ttf') format('truetype'),url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.svg') format('svg');
}

.wrapper{
  width: 750px;
  overflow: hidden;
}
.header{
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/m/bg1.jpg) no-repeat;
  height: 1192px;
  position: relative;
  overflow: hidden;
}
.logo{
  width: 205px;
  height: 65px;
  position: absolute;
  top: 62px;
  left: 28px;
}
.head-title{
  display: none;
}

.head-time{
  display: none;
}
.main{
  height: 3252px;
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/m/bg2.jpg) no-repeat;
  background-size: 100% 100%;
}

.part1{
  height: 2120px;
  padding-top: 220px;
  box-sizing: border-box;
  position: relative;
}
.part1-title{
  width: 672px;
  height: 245px;
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/m/title1.png) no-repeat;
  margin: 0 auto;
}

.swiper1{
  margin: 20px auto 0;
  overflow: visible;
  height: 1197px;
}
.swiper1 .swiper-slide{
  height: auto;
}

.slide-cont{
  padding: 0 30px;
  box-sizing: border-box;
}

.slide-cont img{
  display: block;
  width: 608px;
  /* height: 505px; */
  margin: 0 auto;
}

.info{
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.info .name{
  font-size: 93px;
  line-height: 1;
  color: #fffcf6;
  font-weight: bold;
  order: 0;
}

.info .time{
  font-size: 20px;
  color: #ffffff;
  margin-top: 10px;
  order: 1;
}
.info .time span{
  font-size: 22px;
  font-weight: bold;
  color: #ffeb9b;
}
.info .p{
  font-size: 20px;
  color: #a6bdff;
  margin-top: 15px;
  order: 2;
}
.info .p span{
  font-size: 22px;
  font-weight: bold;
  color: #ffffff;
}
.info .details{
  width: 690px;
  font-size: 20px;
  line-height: 32px;
  color: #ffffff;
  letter-spacing: 1px;
  text-indent: 20px;
  position: relative;
  bottom: -257px;
  left: 0;
  right: 0;
  margin: 0 auto;
  order: 4;
}
.info .details::before{
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 3px;
  height: 17px;
  background-color: #e8ecff;
}

.price-cont{
  display: flex;
  align-items: center;
  margin-top: 20px;
  position: relative;
  order: 3;
}
.price-cont .price{
  font-size: 21px;
  color: #efd2ae;
  display: flex;
  align-items: baseline;
}
.price-cont .price p{
  font-size: 18px;
  writing-mode: vertical-rl;
  position: absolute;
  bottom: 11px;
}
.price-cont .price span{
  font-size: 167px;
  line-height: 1;
  font-weight: bold;
  font-family: 'sellnum-1';
  display: block;
  margin-left: 45px;
  margin-right: -10px;
  position: relative;
}
@supports (-webkit-background-clip: text) {
  .price-cont .price span:after,.price-cont .price span:before {
    position:absolute;
    z-index: 2;
    top: 0;
    left: 0;
    content: attr(data-num);
    background-image: linear-gradient(#faebd7,#d4a975);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent
  }
}

.price-cont .btn-buy{
  display: block;
  width: 400px;
  height: 75px;
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/btn1.png) no-repeat;
  font-size: 28px;
  color: #121212;
  text-align: center;
  font-weight: bold;
  line-height: 75px;
  position: absolute;
  right: 0px;
  top: 70px;
}

.part1-swiper2{
  height: 161px;
  margin: 65px 0 0 30px;
  position: relative;
}
.swiper2{
  width: 100%;
  height: 100%;
}
.part1-swiper2::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #171515;
}
.swiper2 .swiper-slide{
  width: 220px;
  height: 111px;
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/part1-item2.png) no-repeat;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.swiper-line-num{
  position: absolute;
  bottom: -49px;
  left: 0;
  background-color: #e9ceaf;
  width: 220px;
  height: 4px;
  display: none;
}
.swiper-line-num p{
  font-size: 19px;
  color: #e9ceaf !important;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.swiper2 .swiper-slide-thumb-active .swiper-line-num{
  display: block;
}

.swiper2 .swiper-slide-thumb-active{
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/part1-item.png) no-repeat;
}
.swiper2 .swiper-slide .num{
  width: 46px;
  height: 19px;
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/part1-icon.png) no-repeat;
  font-size: 14px;
  color: #a2a2a2;
  padding-left: 11px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper2 .swiper-slide-thumb-active .num{
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/part1-icon2.png) no-repeat;
  color: #0e112d;
}

.swiper2 .swiper-slide .img-div{
  width: 100%;
  height: 65px;
  position: relative;
}
.swiper2 .swiper-slide img{
  display: block;
  margin: 0 auto 0;
  opacity: .65;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

.swiper2 .swiper-slide-thumb-active img{
  opacity: 1;
}

.swiper2 .swiper-slide p{
  font-size: 18px;
  line-height: 1;
  color: #8b91b8;
  text-align: center;
  margin-top: 5px;
}
.swiper2 .swiper-slide-thumb-active p{
  font-size: 20px;
  color: #121212;
  font-weight: bold;
}

.swiper-button-prev, .swiper-button-next{
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/swiper-left.png) no-repeat;
  width: 49px;
  height: 33px;
  top: -789px;
}
.swiper-button-prev{
  left: 0;
}
.swiper-button-next{
  transform: rotate(180deg);
  right: 30px;
}
.swiper-button-prev::after, .swiper-button-next::after{
  display: none;
}


.part2{
  position: relative;
  margin: 70px 0 0 0;
  padding-bottom: 100px;
  box-sizing: border-box;
}
.part2-title{
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/m/title2.png) no-repeat;
  width: 463px;
  height: 241px;
  margin: 0 auto;
}

.part2 ul{
  margin-top: 60px;
  margin-left: 37px;
  padding: 0 30px;
  box-sizing: border-box;
}

.part2 ul li{
  position: relative;
  line-height: 29px;
  margin-bottom: 40px;
}
.part2 ul li::after{
  content: '';
  position: absolute;
  top: 22px;
  left: -35px;
  width: 11px;
  height: 11px;
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/part2-icon.png) no-repeat;
}
.part2 ul li:last-child:after{
  top: 12px;
  left: -35px;
}
.part2 ul li span{
  display: block;
  color: #ffeda7;
  font-size: 20px;
  font-weight: bold;
}

.part2 ul li p{
  font-size: 20px;
  color: #afc4ff;
  line-height: 38px;

}
.part2 ul li p br{display: none;}
.share-div{
  width: 1080px;
  height: 1920px;
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/share.jpg) no-repeat;
}

.share-cont{
  position: relative;
}
.share-cont .share-logo{
  width: 197px;
  height: 60px;
  position: absolute;
  top: 60px;
  left: 66px;
}