body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:none;}
img{border:0}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
li{list-style: none;}
/* reset end */
/* foot */
#afooter {
    position: relative;
    padding: 30px 0;
    text-align: center;
    font: normal 12px/19px Tahoma;
    z-index: 10;
    background-color: #191219;
}
#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: 100%;
}
.header{
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/bg1.jpg) 0 50% no-repeat;
  height: 1517px;
  position: relative;
  overflow: hidden;
}
.logo{
  width: 300px;
  height: 108px;
  background: url(//game.gtimg.cn/images/lol/logo/big-white.png) no-repeat 0 0 / 100% 100%;
  position: absolute;
  top: 82px;
  left: 32px;
}
.head-title{
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/head-title.png) no-repeat;
  width: 1755px;
  height: 365px;
  margin: 977px auto 0;
}
.head-time{
  font-size: 22px;
  line-height: 1;
  color: #f6e8ca;
  text-align: center;
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/head-time.png) no-repeat;
  width: 704px;
  height: 22px;
  margin: 0 auto;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  letter-spacing: 1px;
}
.head-time span{
  font-weight: bold;
}
.main{
  height: 2365px;
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/bg2.jpg) 0 50% no-repeat;
  margin-top: -1px;
}

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

.swiper{
  margin-top: 70px;
}

.slide-cont{
  display: flex;
  align-items: center;
  justify-content: center;
}

.info{
  width: 990px;
  margin-left: 80px;
}
.info .name{
  font-size: 103px;
  line-height: 1;
  color: #fffcf6;
  font-weight: bold;
}

.info .time{
  font-size: 18px;
  color: #ffffff;
  margin-top: 35px;
  display: flex;
  align-items: center;

}
.info .time::before{
  content: '';
  display: block;
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/time_icon.png) no-repeat;
  width: 19px;
  height: 19px;
  margin-right: 10px;
}



.info .time span{
  font-size: 18px;
  font-weight: bold;
  color: #ffeb9b;
}
.info .p{
  font-size: 18px;
  color: #fffcf6;
  margin-top: 40px;
}
.info .p span{
  font-size: 18px;
  font-weight: bold;

}
.info .details{
  font-size: 18px;
  line-height: 32px;
  color: #ffffff;
  position: relative;
  letter-spacing: 1px;
  text-indent: 20px;
  margin-top: 40px;
}
.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;
}
.price-cont .price{
  font-size: 21px;
  color: #f5e7b7;
  display: flex;
  align-items: baseline;
}
.price-cont .price p{
  font-size: 18px;
  writing-mode: vertical-rl;
}
.price-cont .price span{
  font-size: 167px;
  line-height: 1;
  font-weight: bold;
  font-family: 'sellnum-1';
  display: block;
  margin-left: 20px;
  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(#ffffff,#ffffff);
      -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;
  margin-left: 125px;
}

.part1-swiper2{
  width: 1757px;
  height: 161px;
  margin: 65px auto 0;
  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;
}
.swiper-line-num{
  position: absolute;
  bottom: -49px;
  left: 0;
  background-color: #fff3cb;
  width: 220px;
  height: 4px;
  display: none;
}
.swiper-line-num p{
  font-size: 19px;
  color: #fff3cb !important;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.swiper2 .swiper-slide-thumb-active .swiper-line-num, .swiper2 .swiper-slide:hover .swiper-line-num{
  display: block;
}

.swiper2 .swiper-slide-thumb-active, .swiper2 .swiper-slide:hover{
  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, .swiper2 .swiper-slide:hover .num{
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/part1-icon2.png) no-repeat;
  color: #0e112d;
}

.swiper2 .swiper-slide .img-div{
  height: 76px;
  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;
  opacity: .65;
}
.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, .swiper2 .swiper-slide:hover p{
  font-size: 18px;
  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;
}
.swiper-button-prev{
  left: -79px;
}
.swiper-button-next{
  transform: rotate(180deg);
  right: -79px;
}
.swiper-button-prev::after, .swiper-button-next::after{
  display: none;
}


.part2{
  position: relative;
  margin: 215px 0 0 0;
}
.part2-title{
  background: url(//game.gtimg.cn/images/lol/act/a20250930zdbq/title2.png) no-repeat;
  width: 463px;
  height: 241px;
}
.p2_box{
  display: flex;
  align-items: center;
  justify-content: center;
}


.part2 ul{
  margin-left: 375px;
  margin-top: 60px;
}

.part2 ul li{
  position: relative;
  line-height: 29px;
  margin-bottom: 40px;
}
.part2 ul li::after{
  content: '';
  position: absolute;
  top: 22px;
  left: -35px;
  width: 13px;
  height: 13px;
  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: 18px;
  font-weight: bold;
}

.part2 ul li p{
  font-size: 18px;
  color: #a8bcf7;
}

.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;
}