@charset "UTF-8";

a,
body,
dd,
div,
dl,
dt,
em,
h1,
h2,
h3,
h4,
h5,
html,
i,
img,
input,
li,
p,
span,
ul {
  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: transparent
}

table {
  border-collapse: collapse
}

a {
  text-decoration: none
}

li,
ul {
  list-style: none
}

a,
img {
  -webkit-touch-callout: none
}

body,
html {
  -webkit-user-select: none;
  user-select: none
}

html {
  font-size: 50px;
  font-size: 13.33333333vw
}

body,
html {
  max-width: 1024px;
  background: #0d1c5d
}

.foot {
  font-size: .2rem;
  color: #ccc;
  text-align: center;
  background: #000;
  padding: .18rem 0 .18rem 0;
  line-height: .3rem
}

/*! page style! */
@font-face {
  font-family: BeaufortforLOL-Bold;
  src: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/BeaufortForLoL-Bold.otf)
}

.ff-bflol {
  font-family: BeaufortforLOL-Bold
}

.wrap {
  position: relative;
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/init-bg.jpg) no-repeat center top/100%;
  overflow: hidden;
  height: 32.09rem
}

.doubt-img {
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/doubt-img.png) no-repeat;
  background-size: 100% 100%;
  width: 1.94rem;
  height: 1.93rem;
  position: absolute;
  top: 5.35rem;
  left: .3rem;
  z-index: 1;
}
.doubt-img img {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  object-fit: cover;
  position: absolute;
  top: .13rem;
  left: .14rem;
}

.logo-box {
  position: absolute;
  width: 3.48rem;
  height: .6rem;
  left: .4rem;
  top: .25rem;
  z-index: 9;
  font-size: 0;
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/logo.png) no-repeat center top/100%;
  display: flex;
  justify-content: space-between
}

.logo-box a {
  display: block;
  width: .8rem;
  height: 100%
}

.loginbox {
  color: #fff;
  font-size: .18rem;
  position: absolute;
  right: .3rem;
  top: .22rem;
  width: 3.56rem;
  line-height: 1.5;
  box-sizing: border-box;
  text-align: right
}

.loginbox .unlogin {
  margin-top: 1em
}

.loginbox a {
  color: #fff
}

.loginbox .txt-nickname+span {
  display: block
}

.content {
  width: 100%;
  z-index: 2;
  position: relative
}

.content * {
  box-sizing: border-box
}

.bg {
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  opacity: 1;
  z-index: -1
}

.bg video {
  display: none !important
}

.nav-items {
  position: absolute;
  top: 1.1rem;
  left: .05rem;
  font-size: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center
}

.nav-items a {
  display: block;
  margin-left: .04rem;
  position: relative;
  width: .72rem;
  height: .8rem
}

.nav-items a.nav-btn-fullscreen {
  display: none !important;
  width: .72rem;
  height: .8rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -5.48rem -2.38rem;
  background-size: 8.08rem 5.26rem;
  display: none
}

.nav-items a.nav-btn-discount {
  width: .72rem;
  height: .8rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -6.38rem -1.4rem;
  background-size: 8.08rem 5.26rem
}

.nav-items a.nav-btn-fuli {
  width: .72rem;
  height: .8rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -7.12rem -1.4rem;
  background-size: 8.08rem 5.26rem
}

.nav-items a.nav-btn-rule {
  width: .72rem;
  height: .8rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -6.96rem -3.2rem;
  background-size: 8.08rem 5.26rem
}

.nav-items a.nav-btn-pool {
  width: .72rem;
  height: .8rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -6.22rem -3.2rem;
  background-size: 8.08rem 5.26rem
}

.nav-items a.nav-btn-history {
  width: .72rem;
  height: .8rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -6.22rem -2.38rem;
  background-size: 8.08rem 5.26rem
}

.nav-items a.nav-btn-music {
  display: none !important;
  width: .72rem;
  height: .8rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -5.48rem -3.2rem;
  background-size: 8.08rem 5.26rem
}

.nav-items a.nav-btn-music.off {
  width: .72rem;
  height: .8rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -6.96rem -2.38rem;
  background-size: 8.08rem 5.26rem
}

.nav-items a.nav-btn-fuli:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -.44rem;
  margin-top: -.48rem;
  width: .88rem;
  height: .96rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -5.48rem -1.4rem;
  background-size: 8.08rem 5.26rem;
  -webkit-animation: ani-nav-btn-fuli 2s linear infinite;
  animation: ani-nav-btn-fuli 2s linear infinite
}

@keyframes ani-nav-btn-fuli {
  0% {
    opacity: 1;
    filter: brightness(1.2)
  }

  50% {
    opacity: .55;
    filter: brightness(1)
  }

  100% {
    opacity: 1;
    filter: brightness(1.2)
  }
}

.nav-hover-tips {
  display: block;
  width: 3.52rem;
  height: 1.3rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: 0rem -3.96rem;
  background-size: 8.08rem 5.26rem;
  font-size: .2rem;
  color: #fff2d3;
  line-height: 1.25;
  box-sizing: border-box;
  padding: .5rem .14rem 0;
  text-align: center;
  position: absolute;
  top: .74rem;
  left: 50%;
  margin-left: -1.76rem
}

.nav-hover-tips-close {
  display: block;
  width: .15rem;
  height: .15rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -7.88rem -.7rem;
  background-size: 8.08rem 5.26rem;
  width: .2rem;
  height: .2rem;
  position: absolute;
  top: .44rem;
  left: 3.1rem
}

.nav-num {
  width: 2.6rem;
  height: .68rem;
  width: 2.6rem;
  height: .68rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -5.48rem 0rem;
  background-size: 8.08rem 5.26rem;
  color: #f0e6d2;
  font-size: .28rem;
  line-height: .68rem;
  position: relative;
  text-align: left;
  padding: 0 .44rem 0 .24rem
}

.nav-num {
  position: absolute;
  right: .3rem;
  top: 1.1rem
}

.nav-num .nav-icon-stone,
.nav-num .nav-icon-zs {
  display: inline-block;
  vertical-align: top;
  margin-top: .1rem
}

.nav-num .nav-icon-stone {
  width: .48rem;
  height: .48rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/tc-iocn3.png) no-repeat center top/100%
}

.nav-num .nav-icon-zs {
  width: .48rem;
  height: .48rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/tc-iocn2.png) no-repeat center top/100%
}

.nav-num .nav-icon-tips {
  width: .32rem;
  height: .32rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -7.2rem -.7rem;
  background-size: 8.08rem 5.26rem;
  position: absolute;
  right: .6rem;
  top: 50%;
  margin-top: -.16rem
}

.nav-num .nav-icon-add,
.nav-num .nav-icon-zl {
  position: absolute;
  right: .18rem;
  top: 50%;
  margin-top: -.16rem
}

.nav-num .nav-icon-add {
  width: .32rem;
  height: .32rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -6.86rem -.7rem;
  background-size: 8.08rem 5.26rem
}

.nav-num .nav-icon-zl {
  width: .32rem;
  height: .32rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -7.54rem -.7rem;
  background-size: 8.08rem 5.26rem
}

.nav-num-ww {
  position: absolute;
  right: .3rem;
  top: 1.92rem
}

.nav-zs-hover2 {
  position: absolute;
  right: -.4rem;
  bottom: -1.8rem;
  width: 2.76rem;
  height: 1.92rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -2.7rem -1.94rem;
  background-size: 8.08rem 5.26rem;
  font-size: .2rem;
  color: #a09b8c;
  text-align: left;
  line-height: 1.4;
  padding: .4rem .3rem .2rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  transform: translateY(10px);
  transition: .3s ease-out opacity, .3s ease-out transform;
  pointer-events: none;
  z-index: 4
}

.nav-zs-hover {
  position: absolute;
  right: -.4rem;
  bottom: -3.9rem;
  width: 2.68rem;
  height: 3.94rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: 0rem 0rem;
  background-size: 8.08rem 5.26rem;
  font-size: .2rem;
  color: #fff;
  text-align: left;
  line-height: 1.4;
  padding: .4rem .24rem .2rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  transform: translateY(10px);
  transition: .3s ease-out opacity, .3s ease-out transform;
  pointer-events: none;
  z-index: 4
}

.nav-zs-hover img {
  display: block;
  width: 80%
}

.nav-zs-hover span {
  color: #f0e6d2;
  text-align: center
}

.nav-zs-hover em {
  font-style: normal;
  color: #a09b8c;
  text-align: justify;
  margin-top: .5em
}

.nav-num .nav-icon-tips:hover p {
  opacity: 1;
  transform: translateY(0)
}

.nav-ys-hover {
  position: absolute;
  right: -.44rem;
  bottom: -1.8rem;
  width: 2.76rem;
  height: 1.92rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/nav-m-spr.png);
  background-position: -2.7rem 0rem;
  background-size: 8.08rem 5.26rem;
  opacity: 0;
  transform: translateY(10px);
  transition: .3s ease-out opacity, .3s ease-out transform;
  pointer-events: none;
  z-index: 4
}

@keyframes ani-zg-breath {
  0% {
    transform: scale(1)
  }

  100% {
    transform: scale(1.1)
  }
}

.nav-hover-tips {
  display: none
}
.init-pane .gift-dh.dh2 {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-dh22.png') no-repeat;
  background-size: 100% 100%;
  width: 3.43rem;
  height: 3.96rem;
  display: block;
  left: unset;
          right: .1rem;
}
.dh2 .num-box,.dh2  a{
  display: none !important;
}
.gift-dh,
.gift-dh .gift-dh-exchangeshop,
.gift-dh-r,
.gift-progbar .jd-drop .gift-box,
.gift-progbar .jd-drop .jd-gift-box .jd-gift-checked,
.info-list-qa,
.info-list-qa-hover,
.init-btns .call-btn-one .call-btn-text i,
.init-btns .call-btn-sum .call-btn-text i,
.init-btns .zhekou,
.init-btns a.call-btn-one,
.init-btns a.call-btn-sum,
.init-tag .init-tag-rarity,
.init-tag-title {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/main-m-spr.png);
  background-size: 7.69rem 6.78rem
}

.pane-title {
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pane-title.png) no-repeat center top/100%;
  width: 5.11rem;
  height: 2.71rem;
  position: absolute;
  left: 50%;
  top: 3.6rem;
  box-sizing: border-box;
  pointer-events: none;
  text-align: center;
  padding-top: 6.65rem;
  pointer-events: none
}

.pane-title p {
  color: #fff;
  font-size: .24rem;
  line-height: 1;
  letter-spacing: .06rem;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: -1px
}

.pane-title p strong {
  margin: 0 .02rem
}

.pane-title p span {
  font-family: BeaufortForLoL-Bold;
  font-size: .28rem
}

.init-tag {
  position: absolute;
  top: 2.3rem;
  left: 6.2rem
}

.init-tag-title {
  width: .7rem;
  height: 2.56rem;
  background-position: -6.99rem 0rem;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none
}

.init-tag .init-tag-rarity {
  width: 1.49rem;
  height: .63rem;
  background-position: -4.48rem -4rem;
  display: block;
  position: absolute;
  left: -.4rem;
  top: -.15rem
}


.init-tag .gift-owned.show {
  display: block
}

.unlockafter3m.locked {
  pointer-events: none
}

.init-btns {
  width: 6.8rem;
  position: absolute;
  top: 13.3rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0;
  text-align: center;
  display: flex;
  justify-content: space-between
}

.init-btns a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: .38rem 0 0 0;
  margin: 0 -.1rem
}

.init-btns a.call-btn-one {
  width: 3.51rem;
  height: 1.2rem;
  background-position: -3.46rem -1.22rem
}

.init-btns a.call-btn-sum {
  width: 3.51rem;
  height: 1.2rem;
  background-position: -3.46rem 0rem
}

.init-btns .call-btn-text {
  position: relative;
  font-size: .26rem;
  display: flex;
  justify-content: center;
  align-items: center
}

.init-btns .call-btn-text i {
  display: block;
  flex: none;
  margin-right: .04rem
}

.init-btns .call-btn-one .call-btn-text i {
  width: .43rem;
  height: .43rem;
  background-position: -6.99rem -4.17rem;
  margin-top: .04rem
}

.init-btns .call-btn-sum .call-btn-text i {
  width: .43rem;
  height: .43rem;
  background-position: -5.99rem -4rem;
  margin-top: .04rem
}

.init-btns .call-btn-text font {
  margin-right: .04rem;
  font-family: BeaufortForLoL-Bold;
  font-size: .3rem
}

.init-btns .call-btn-text font,
.init-btns .call-btn-text strong {
  display: inline-block;
  vertical-align: top
}

.init-btns .call-btn-text font,
.init-btns .call-btn-text strong {
  color: #193c60
}

.call-btn-sum .call-btn-text font em {
  margin-right: .04rem;
  color: #193c60;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: #193c60;
  position: relative;
  font-style: normal
}

.init-btns .call-btn-text font em:after {
  content: "";
  width: 107%;
  height: .04rem;
  background: #193c60;
  position: absolute;
  left: -1%;
  top: 50%;
  margin-top: 0
}

.init-btns .call-btn-one .call-btn-text font em {
  margin-right: .04rem;
  color: #91d3fc;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: #91d3fc;
  position: relative;
  font-style: normal
}

.init-btns .call-btn-one .call-btn-text font em:after {
  background: #91d3fc
}

.init-btns .call-btn-one .call-btn-text font,
.init-btns .call-btn-one .call-btn-text strong {
  color: #193c60
}

.init-btns .zhekou {
  width: 1.98rem;
  height: .44rem;
  background-position: -1.14rem -4.88rem;
  line-height: .44rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: .06rem;
  font-size: .2rem;
  color: #4e6984;
  display: none
}

.init-btns .zhekou span {
  color: #4e6984;
  font-size: .18rem;
  margin: 0 .02rem
}

.init-btns .zhekou em,
.init-btns .zhekou span {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  background: linear-gradient(to bottom, #cdf9ff 10%, #fcffff 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #cdf9ff
}

.init-btns .discount .ff-rui font em,
.init-btns .discount .zhekou {
  display: inline-block;
  vertical-align: top;
}

.init-btns-tips {
  width: 100%;
  position: absolute;
  top: 14.5rem;
  left: 0;
  font-size: 0;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none
}

.init-btns-tips p {
  width: 4rem;
  color: #fffcb3;
  font-size: .18rem;
  
  text-align: center
}

.gift-dh {
  position: absolute;
  left: .28rem;
  top: 16.8rem;
  padding-top: 0rem;
  width: 3.44rem;
  height: 3.98rem;
  background-position: 0rem 0rem
}

.gift-dh-r {
  position: absolute;
  left: auto;
  right: .32rem;
  top: 15.9rem;
  padding-top: .2rem;
  width: 3.44rem;
  height: 3.98rem;
  background-position: 0rem 0rem
}

.gift-dh .gift-dh-daibi {
  display: block;
  width: 3rem;
  margin: -.35rem auto -.32rem
}

.gift-dh.gift-dh-r .gift-dh-daibi {
  width: 2rem;
  margin: .2rem auto .05rem;
  transform: translateX(.02rem)
}

.gift-dh .num-box {
  margin: 0 auto;
  text-align: center
}

.gift-dh .num-box p {
  
  font-size: .26rem;
  height: .34rem;
  line-height: .34rem;
  text-align: center
}

.gift-dh .have {
  display: inline-block;
  color: #fff
}

.gift-dh .num {
  width: .96rem;
  background: #1d3d85;
  display: inline-block;
  color: #fff;
  font-family: BeaufortforLOL-Bold;
  margin-left: .1rem;
  border-radius: .06rem
}

.gift-dh .gift-dh-exchangeshop {
  display: block;
  width: 2.26rem;
  height: .64rem;
  background-position: -2.2rem -4rem;
  color: #fff;
  font-size: .26rem;
  
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 3rem;
  box-sizing: border-box;
  padding-top: .15rem
}

.gift-zs {
  margin-left: .12rem
}

.gift-dh .hover {
  display: none
}

.dh-pic {
  width: 2.8rem;
  height: 3.47rem;
  position: absolute;
  top: 53%;
  left: 47%;
  transform: translate(-50%, -50%)
}

.gift-progbar-entrance {
  width: 1.9rem;
  /* background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-progbar-entrance.png) no-repeat center top/100%; */
  /* background-size: 100% 100%; */
  height: 1.94rem;
  position: absolute;
  left: .15rem;
  top: .2rem;
  padding-top: 1.4rem;
  box-sizing: border-box;
  z-index: 21
}

.gift-progbar-entrance>img {
        width: 2.16rem;
        height: AUTO;
        position: absolute;
        left: -0.03rem;
        top: -0.21rem;
}

.gift-progbar-entrance>img[src*=jd-gift1] {
  width: 2.41rem;
  height: 1.7rem;
  left: 65%
}

.gift-progbar-entrance>img[src*=jd-gift2] {
  width: 1.8rem;
  height: 1.66rem;
  left: 45%
}

.gift-progbar-entrance>img[src*=jd-gift3] {
  width: 1.23rem;
  height: 1.26rem
}

.gift-progbar-entrance>span {
  position: absolute;
  right: .2rem;
  top: 1.1rem;
  z-index: 1;
  color: #fff9f4;
  font-size: .24rem;
  font-family: BeaufortForLoL-Bold;
  text-align: center;
  text-shadow: 0 0 1px #414987, 0 0 1px #414987, 0 0 1px #414987, 0 0 2px #414987
}

.gift-progbar-entrance p {
  width: 100%;
  color: #fff;
  font-size: .24rem;
  text-align: center;
  white-space: nowrap;
  position: relative;
  z-index: 2
}

.gift-progbar-entrance p span {
  font-size: .28rem;
  font-family: BeaufortforLOL-Bold
}

.gift-progbar-entrance p.gift-progbar-entrance-unlock {
  line-height: 1.1;
  margin-top: -.1rem;
  display: none;
  z-index: 10
}

.gift-progbar-entrance::after {
  display: block;
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-progbar-gapline.png) no-repeat center top/100%;
  width: .02rem;
  height: 2.3rem;
  position: absolute;
  right: -.2rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 5
}

.gift-progbar-entrance.unlock>span {
  display: none
}

.gift-progbar-entrance.unlock p {
  display: none
}

.gift-progbar-entrance.unlock p.gift-progbar-entrance-unlock {
  display: block
}

.gift-progbar-entrance.unlock::before {
  display: block;
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/gift-progbar-entrance-on2.png) no-repeat center top/100%;
  width: 1.63rem;
  height: 1.64rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.7;
  z-index: 3
}

.gift-progbar {
  position: absolute;
  left: 47%;
  transform: translateX(-50%);
  top: 10.8rem;
  z-index: 10;
  width: 6.74rem;
  height: 2.24rem
}

.gift-progbar-box {
  width: 4.4rem;
  height: 110%;
  position: absolute;
  left: 2.25rem;
  top: 0;
  z-index: 20
}

.gift-progbar-box::before {
  display: block;
  content: "";
  background: linear-gradient(to right, transparent 0, #5453ba 100%);
  width: .5rem;
  height: 60%;
  position: absolute;
  right: -.02rem;
  top: 3%;
  pointer-events: none;
  z-index: 2
}

.pbar-scroller {
  scrollbar-width: none;
  -ms-overflow-style: none
}

.pbar-scroller::-webkit-scrollbar {
  display: none
}

.pbar-scroller {
  width: 4.3rem;
  height: 100%;
  position: absolute;
  left: 0;
  top: -.3rem;
  overflow-y: visible;
  overflow-x: scroll
}

.gift-progbar .pbar {
  width: 7.17rem;
  height: .16rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/progress-bar.png) no-repeat center left;
  background-size: auto 100%;
  position: absolute;
  left: 0;
  top: 1.7rem
}
.gift-progbar .pbar::before {
  content: '';
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pbar_icon.png') no-repeat;
  background-size: 100% 100%;
  width: .31rem;
  height: .16rem;
  display: block;
  position: absolute;
        left: -.1rem;
        bottom: .05rem;
}
.jd-drop .jd-10 .gift-box img{
  width: 94% !important;
  max-width: 100% !important;
  overflow: hidden;
  border-radius: 50%;
}

.jd-drop .jd-20 .gift-box  img{
  width: 94% !important;
  max-width: 100% !important;
  overflow: hidden;
  border-radius: 50%;
}

.gift-progbar .pbar-line {
  height: 100%;
  overflow: hidden;
  position: relative
}

.gift-progbar .pbar-line span {
  display: block;
  width: 11.16rem;
  height: .1rem;
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pbar-line.png);
  background-size: auto 100%;
  border-radius: .05rem;
  pointer-events: none;
  position: absolute;
  left: .08rem;
  top: .092rem
}

.gift-progbar .pbar-fire span {
  display: block;
  pointer-events: none;
  position: absolute;
  left: -.85rem;
  top: -1.05rem
}

.gift-progbar .jd-drop {
  width: 6.35rem;
  height: 1rem;
  position: absolute;
  top: -.88rem;
  left: 0rem;
  z-index: 1;
  font-size: 0;
  text-align: left;
  padding-left: .1rem;
  box-sizing: border-box;
  white-space: nowrap
}

.gift-progbar .jd-drop>p {
  display: none
}

.gift-progbar .jd-drop a {
  display: inline-block;
  vertical-align: top;
  width: 1.05rem;
  position: relative
}

.gift-progbar .jd-drop .jd-gift-box {
  width: .95rem;
  height: .95rem;
  position: relative;
  display: block;
  margin: 0 auto
}

.gift-progbar .jd-drop .gift-box {
  display: block;
  margin: 0 auto;
  padding-top: .08rem;
  box-sizing: border-box;
  position: relative;
  width: 1.12rem;
  height: 1.12rem;
  width: .76rem;
  height: .76rem;
  background-position: 0rem -6.02rem
}

.gift-progbar .jd-drop .gift-box img {
  height: .56rem;
  margin: 0 auto 0;
  display: block
}

.gift-progbar .jd-drop .gift-box img[src*=jd-gift1] {
  height: 1.02rem;
  margin-top: -.26rem
}

.gift-progbar .jd-drop .gift-box img[src*=jd-gift2] {
  height: .88rem;
  margin-top: -.22rem;
  margin-left: -.04rem
}

.gift-progbar .jd-drop .gift-box img[src*=jd-gift3] {
  height: .99rem;
  margin-top: -.3rem;
  margin-left: -.1rem
}

.gift-progbar .jd-drop .jd-gift-name {
  position: absolute;
  width: 100%;
  left: 0;
  top: .56rem;
  color: #fff9f4;
  font-size: .2rem;
  font-family: BeaufortForLoL-Bold;
  text-align: center;
}

.gift-progbar .jd-drop .jd-gift-box .jd-gift-checked {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  width: .32rem;
  height: .26rem;
  background-position: -7.35rem -2.92rem;
  display: none
}

.gift-progbar .jd-drop .pbar-num {
  position: absolute;
  top: .84rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  margin: .05rem auto 0;
  font-size: .22rem;
  width: .64rem;
  height: .24rem;
  background-position: -3.46rem -3.56rem;
  color: #fff;
  line-height: .24rem;
  text-align: center;
  font-family: BeaufortforLOL-Bold;
  text-indent: -9999px
}

.gift-progbar .jd-drop .pbar-num.on {
  color: #174c92
}

.gift-progbar .jd-drop a.on {
  color: #fff551;
  filter: none;
  pointer-events: auto;
  cursor: pointer
}
.gift-progbar .jd-drop a.on::before {
  content: '';
}
.gift-progbar .jd-drop a.done .jd-gift-box .jd-gift-checked {
  display: block
}

.gift-progbar .jd-drop a.done .gift-box {
  filter: brightness(.5)
}

.gift-progbar .jd-drop a.done .pbar-num {
  color: #fefeff;
  width: .64rem;
  height: .24rem;
  background-position: -6.99rem -4.62rem
}

.gift-progbar .jd-drop a .hover {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/hover_bg2_m.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  width: 1.92rem;
  box-sizing: border-box;
  height: .64rem;
  margin-left: -.96rem;
  font-size: .17rem;
  box-sizing: border-box;
  color: #c9ffff;
  top: -.6rem;
  line-height: 1;
  text-align: center;
  z-index: 2;
  transform: translateY(-.1rem);
  transition: .3s ease-out visibility, .3s ease-out opacity, .3s ease-out transform;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
          box-sizing: border-box;
        line-height: .2rem;
}

.gift-progbar .jd-drop a .hover em {
  font-style: normal;
  font-size: .9em;
  opacity: .8
}

.gift-progbar .jd-drop a:hover .hover {
  visibility: visible;
  opacity: 1;
  transform: translateY(-.1rem)
}

.gift-progbar .jd-drop a:first-of-type .hover {
  left: 0rem;
  margin-left: -.25rem;
}

.gift-progbar .jd-drop a:first-of-type .hover::after {
  right: 0rem;
  bottom: -.38rem;
  transform: translateX(-.7rem) rotate(180deg)
}

.gift-progbar .jd-drop a:nth-last-of-type(1) .hover {
  left: auto;
  right: 0rem;
  margin-left: 0
}

.gift-progbar .jd-drop a:nth-last-of-type(1) .hover::after {
  content: "";
  right: 0rem;
  bottom: -.38rem;
  transform: translateX(-.1rem) rotate(180deg)
}

.num-list {
  list-style: none;
  width: 110%;
  height: 100%;
  position: absolute;
  top: .02rem;
  left: 0rem;
  text-align: left;
  font-size: 0;
  pointer-events: none;
  z-index: 4;
  padding-left: .1rem;
  box-sizing: border-box
}

.num-list li {
  display: inline-block;
  vertical-align: top;
  width: 1.05rem;
  text-align: center;
  position: relative;
  font-size: .24rem;
  color: #fefeff;
  line-height: .24rem;
  font-family: BeaufortforLOL-Bold;
  text-shadow: 1px 1px 1px #436ec0, -1px 1px 1px #436ec0, 1px -1px 1px #436ec0, -1px -1px 2px #436ec0
}

.num-list li.done,
.num-list li.on {
  color: #a0c8fb
}

.pbar-desc {
  width: 3.3rem;
  height: 1rem;
  color: #fff;
  font-size: .18rem;
  line-height: 1.1;
  text-align: right;
  position: absolute;
  right: .15rem;
  top: 1.6rem;
  
  pointer-events: none;
  box-sizing: border-box;
  white-space: nowrap
}

.pbar-desc span {
  display: block;
  font-size: .18rem;
  color: rgba(255, 255, 255, .8);
  font-weight: 400
}

.pbar-curnum {
  width: 1rem;
  color: #fff;
  font-size: .18rem;
  line-height: 1.1;
  text-align: left;
  position: absolute;
  left: -.1rem;
  top: 1.6rem;
  
  pointer-events: none
}

.pbar-curnum span {
  font-family: BeaufortForLoL-Bold;
  font-size: .24rem
}

.pbar-qa:hover .pbar-desc {
  display: block
}

.gift-list {
  position: absolute;
  left: 0;
  top: 20.7rem;
  width: 100%;
  display: flex;
  flex-direction: column
}

.gift-list li {
  position: relative;
  height: 5rem;
  margin-top: .3rem
}

.gift-list li+li {
  margin-top: .18rem
}

.gift-list-title {
  margin: .1rem auto;
  font-size: 0;
  text-indent: -9999px
}

.gift-list-title1 {
  width: 2.65rem;
  height: .45rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/gift-list-title1.png) no-repeat center center/100% 100%
}

.gift-list-title2 {
  width: 2.65rem;
  height: .45rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/gift-list-title2.png) no-repeat center center/100% 100%
}

.gift-list-title3 {
  width: 2.65rem;
  height: .45rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/gift-list-title3.png) no-repeat center center/100% 100%
}

.gift-list-title4 {
  width: 2.65rem;
  height: .45rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/gift-list-title4.png) no-repeat center center/100% 100%
}

.gift-list-img {
  width: 6.74rem;
  height: 3.72rem;
  text-align: center;
  padding-top: .1rem;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  margin: 0 auto
}

.gift-list-img img {
  width: 7.04rem;
  height: 4.45rem;
  object-fit: cover;
  mask: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-list-img-mask.png) no-repeat center center/100% 100%;
  -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-list-img-mask.png) no-repeat center center/100% 100%;
          transform: translate(-8px, -24px) scale(0.97);
}

.gift-list-imgborder {
  z-index: 2;
  display: inline-block;
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.04rem;
  height: 4.44rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-list-bg.png) no-repeat center center/100% 100%
}
.gift-list li:nth-child(1) .gift-list-imgborder {
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-list-bg2.png) no-repeat center center/100% 100%

}
.gift-list-dui,
.gift-list-zeng {
  position: absolute;
  right: .46rem;
  bottom: .35rem
}

.swiper2 {
  width: 6.96rem;
  height: 4.2rem;
  margin: 0 auto
}

.swiper2 .swiper-slide {
  height: 4.8rem
}

.swiper-pagination2 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -.2rem !important
}

.swiper-pagination2 .swiper-pagination-bullet {
  background: #7d96a8;
  width: .08rem;
  height: .08rem;
  opacity: 1;
  border-radius: 50%
}

.swiper-pagination2 .swiper-pagination-bullet-active {
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/swiper-pagination-bullet-active.png) no-repeat center top/100%;
  width: .18rem;
  height: .18rem;
  border-radius: 0
}

.info-list {
  width: 100%;
  position: absolute;
  top: 14.5rem;
  left: 0;
  font-size: 0;
  text-align: center
}

.info-list li {
  display: inline-block;
  vertical-align: top;
  line-height: .48rem;
  /*!width: 3.77rem;*/
  width: 100%;
  height: .48rem
}

.info-list li .continuous,
.info-list li .ticket {
  display: inline-block;
  vertical-align: top;
  font-size: .24rem;
  
  position: relative;
  color: #fffdde
}

.info-list li .ticket {
  display: inline-block;
  vertical-align: top;
  width: 3.4rem;
  margin: 0 .06rem;
  text-align: left;
  padding-left: .1rem;
  box-sizing: border-box
}

.info-list li .ticket:nth-of-type(1) {
  text-align: right;
  padding-left: auto;
  padding-right: .2rem
}

.info-list li .ticket .SCORE_4 {
  font-family: BeaufortforLOL-Bold
}

.info-list li .ticket i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.17rem
}

.info-list li .continuous {
  padding-left: .38rem
}

.info-list-qa {
  width: .32rem;
  height: .32rem;
  background-position: -7.35rem -2.58rem;
  display: inline-block;
  vertical-align: top;
  margin-top: .08rem;
  position: relative
}

.info-list-qa:hover .info-list-qa-hover {
  display: block
}

.info-list-qa-hover {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -1.65rem;
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/info-list-qa-hover.png') no-repeat;
  background-size: 100% 100%;
  width: 3.04rem;
  height: 1.51rem;
  color: #fff;
  font-size: .22rem;
  line-height: .35rem;
  text-align: center;
  padding: .35rem .1rem .2rem .1rem;
  box-sizing: border-box;
  pointer-events: none;
  display: none
}

.gift-tips {
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-tips.png) no-repeat center top/100%;
  width: 6.85rem;
  height: 1.76rem;
  position: absolute;
  top: 14.9rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: .26rem;
  text-align: center;
  box-sizing: border-box;
  padding-top: .45rem;
  line-height: .4rem;
  z-index: 10;
}

.gift-tips>br:last-child {
  display: none
}

.gift-tips .gift-tips-pic-box {
  display: flex;
  justify-content: center;
  margin-top: .06rem
}

.gift-tips .gift-tips-pic-box img {
  width: .7rem;
  height: .7rem;
  margin: .02rem
}

.gift-tips .gift-tips-pic-box .gift-tips-pic {
  position: relative
}

.gift-tips .gift-tips-pic-box .gift-tips-pic .gift-tips-pic-hover {
  position: absolute;
  color: #fff;
  font-size: .22rem;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none
}

.gift-tips .gift-tips-pic-box .gift-tips-pic:hover .gift-tips-pic-hover {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: .9rem;
  text-align: center;
  font-size: .22rem;
  color: #fff;
  box-sizing: border-box;
  padding-top: .18rem;
  z-index: 10;
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/hover_bg2.png) no-repeat center top/100%;
  width: 2.59rem;
  height: .86rem
}

.gift-tips span {
  color: #fff;
  background: linear-gradient(to bottom, #e5fcff 10%, #fff 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  display: block;
  font-weight: 700
}

.gift-bundle1 {
  position: absolute;
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-bundle1.png) no-repeat center top/100%;
  width: 2.19rem;
  height: 2.34rem;
  left: .28rem;
  top: 4.2rem
}

.gift-bundle1-name {
  width: 1.6rem;
  height: 1.11rem;
  position: absolute;
  left: 4.2rem;
  top: 3.15rem;
  color: #a9c6f0;
  font-size: .24rem;
  letter-spacing: .02rem;
  text-align: center;
  white-space: nowrap;
  padding-top: .3rem;
  box-sizing: border-box;
  
  display: none
}


/* .gift-bundle1 .gift-bundle1-hover-eye .gift-bundle1-hover-eye-hover {
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-bundle1-hover-eye-hover.png) no-repeat center top/100%;
  width: 3.77rem;
  height: 5.14rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: .8rem;
  display: none;
  box-sizing: border-box;
  padding-left: .1rem
} */

/* .gift-bundle1 .gift-bundle1-hover-eye .gift-bundle1-hover-eye-hover ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

.gift-bundle1 .gift-bundle1-hover-eye .gift-bundle1-hover-eye-hover ul .name {
  background: linear-gradient(to bottom, #c8fcff 10%, #fff 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #c8fcff;
  font-size: .24rem;
  
  text-align: center;
  margin-bottom: .1rem
} */
/* 
.gift-bundle1 .gift-bundle1-hover-eye .gift-bundle1-hover-eye-hover ul img {
  width: 3.2rem;
  height: 1.8rem;
  border: .02rem solid #9be0f5
} */

/* .gift-bundle1:hover .gift-bundle1-hover-eye-hover {
  display: block
} */

.gift-bundle2 {
  width: 7.11rem;
  height: 3.98rem;
  right: 0;
  left: 0;
  margin: auto;
  position: absolute;
  top: 32rem;
}
.gift-bundle2::before {
  content: '';
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-list-title4.png') no-repeat;
  background-size: 100% 100%;
  width: 3.29rem;
  height: .75rem;
  position: absolute;
  top: -.7rem;
  left: 0;
  right: 0;
  margin: auto;
}
.gift-bundle2 .swiper-pagination-bullet {
    background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/swiper-pagination-bullet.png') no-repeat;
  background-size: 100% 100%;
  width: .2rem;
  height: .21rem;
}
.gift-bundle2 .swiper-pagination-bullet-active {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/swiper-pagination-bullet-active.png') no-repeat;
  background-size: 100% 100%;
  width: .2rem;
  height: .21rem;
}

.gray {
  -webkit-filter: opacity(.5);
  -moz-filter: opacity(.5);
  -ms-filter: opacity(.5);
  -o-filter: opacity(.5);
  filter: opacity(.5);
  pointer-events: none
}

.swiper-container {
  position: relative;
  overflow: hidden
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  overflow: hidden
}

.swiper-invisible-blank-slide {
  visibility: hidden
}

.cover-video {
  display: none
}

.pc-show {
  display: none !important
}

/*!# sourceMappingURL=indexm.css.map */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center
}

.flex-center-column {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-direction: column
}

.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.deco_l1,
.deco_r1,
.gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a.done .jd-gift-box .jd-gift-checked,
.index-btn_bg1,
.index-btn_bg2,
.index-btn_bg3,
.index-btn_dh1,
.index-btn_yhd1,
.index-frame1,
.index-frame2,
.index-frame3,
.index-frame4,
.index-frame4-end,
.index-icon1,
.index-icon2,
.index-icon3,
.index-label1,
.index-label2,
.index-label3,
.index-label4,
.index-label5,
.init-pane .gift-dh,
.init-pane .gift-dh .btn,
.init-pane .gift-list .gift-list-img .gift-list-dui,
.init-pane .gift-list .gift-list-img .gift-list-zeng,
.init-tag .init-tag-rarity,
.poster1,
.spr-m,
.video-btn1 {
  background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/spr-m.png?2025_5_28_19_7_0);
  background-size: 8.83rem 7.43rem;
  background-repeat: no-repeat
}

.deco_l1 {
  background-position: -8.45rem -3.77rem;
  width: .26rem;
  height: .19rem
}

.deco_r1 {
  background-position: -8.45rem -3.53rem;
  width: .26rem;
  height: .19rem
}

.index-btn_bg1 {
  background-position: -4.05rem 0rem;
  width: 3.92rem;
  height: 1.48rem
}

.index-btn_bg2 {
  background-position: -4.05rem -1.53rem;
  width: 3.92rem;
  height: 1.48rem
}

.index-btn_bg3 {
  background-position: 0rem -6.87rem;
  width: 1.93rem;
  height: .56rem
}

.index-btn_dh1 {
  background-position: -4.48rem -4.45rem;
  width: 2.25rem;
  height: 1rem
}

.index-btn_yhd1 {
  background-position: -8.02rem -2.81rem;
  width: .38rem;
  height: 1.79rem
}

.index-frame1 {
  background-position: 0rem 0rem;
  width: 4rem;
  height: 4.4rem
}

.index-frame2 {
  background-position: -4.48rem -5.5rem;
  width: 2.49rem;
  height: .87rem
}

.index-frame3 {
  background-position: -4.48rem -6.42rem;
  width: .56rem;
  height: .21rem
}

.index-frame4-end {
  background-position: -8.45rem -3.2rem;
  width: .35rem;
  height: .28rem
}

.index-frame4 {
  background-position: -6.78rem -4.45rem;
  width: .85rem;
  height: .84rem
}

.index-icon1 {
  background-position: -3.82rem -6.87rem;
  width: .41rem;
  height: .41rem
}

.index-icon2 {
  background-position: -8.02rem -6.3rem;
  width: .41rem;
  height: .41rem
}

.index-icon3 {
  background-position: -8.45rem -2.81rem;
  width: .34rem;
  height: .34rem
}

.index-label1 {
  background-position: -8.02rem -4.65rem;
  width: .41rem;
  height: 1.6rem
}

.index-label2 {
  background-position: -8.02rem 0rem;
  width: .81rem;
  height: 2.76rem
}

.index-label3 {
  background-position: 0rem -4.45rem;
  width: 2.19rem;
  height: 2.37rem
}

.index-label4 {
  background-position: -2.24rem -4.45rem;
  width: 2.19rem;
  height: 2.37rem
}

.index-label5 {
  background-position: -1.98rem -6.87rem;
  width: 1.79rem;
  height: .49rem
}

.poster1 {
  background-position: -4.05rem -3.06rem;
  width: 3.73rem;
  height: 1.3rem
}

.video-btn1 {
  background-position: -7.02rem -5.5rem;
  width: .71rem;
  height: .68rem
}

.spr-mask-deco_l1,
.spr-mask-deco_r1,
.spr-mask-index-btn_bg1,
.spr-mask-index-btn_bg2,
.spr-mask-index-btn_bg3,
.spr-mask-index-btn_dh1,
.spr-mask-index-btn_yhd1,
.spr-mask-index-frame1,
.spr-mask-index-frame2,
.spr-mask-index-frame3,
.spr-mask-index-frame4,
.spr-mask-index-frame4-end,
.spr-mask-index-icon1,
.spr-mask-index-icon2,
.spr-mask-index-icon3,
.spr-mask-index-label1,
.spr-mask-index-label2,
.spr-mask-index-label3,
.spr-mask-index-label4,
.spr-mask-index-label5,
.spr-mask-poster1,
.spr-mask-spr-m,
.spr-mask-video-btn1 {
  -webkit-mask-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/spr-m.png?2025_5_28_19_7_0);
  -webkit-mask-size: 8.83rem 7.43rem;
  -webkit-mask-repeat: no-repeat
}

.spr-mask-deco_l1 {
  -webkit-mask-position: -8.45rem -3.77rem;
  width: .26rem;
  height: .19rem
}

.spr-mask-deco_r1 {
  -webkit-mask-position: -8.45rem -3.53rem;
  width: .26rem;
  height: .19rem
}

.spr-mask-index-btn_bg1 {
  -webkit-mask-position: -4.05rem 0rem;
  width: 3.92rem;
  height: 1.48rem
}

.spr-mask-index-btn_bg2 {
  -webkit-mask-position: -4.05rem -1.53rem;
  width: 3.92rem;
  height: 1.48rem
}

.spr-mask-index-btn_bg3 {
  -webkit-mask-position: 0rem -6.87rem;
  width: 1.93rem;
  height: .56rem
}

.spr-mask-index-btn_dh1 {
  -webkit-mask-position: -4.48rem -4.45rem;
  width: 2.25rem;
  height: 1rem
}

.spr-mask-index-btn_yhd1 {
  -webkit-mask-position: -8.02rem -2.81rem;
  width: .38rem;
  height: 1.79rem
}

.spr-mask-index-frame1 {
  -webkit-mask-position: 0rem 0rem;
  width: 4rem;
  height: 4.4rem
}

.spr-mask-index-frame2 {
  -webkit-mask-position: -4.48rem -5.5rem;
  width: 2.49rem;
  height: .87rem
}

.spr-mask-index-frame3 {
  -webkit-mask-position: -4.48rem -6.42rem;
  width: .56rem;
  height: .21rem
}

.spr-mask-index-frame4-end {
  -webkit-mask-position: -8.45rem -3.2rem;
  width: .35rem;
  height: .28rem
}

.spr-mask-index-frame4 {
  -webkit-mask-position: -6.78rem -4.45rem;
  width: .85rem;
  height: .84rem
}

.spr-mask-index-icon1 {
  -webkit-mask-position: -3.82rem -6.87rem;
  width: .41rem;
  height: .41rem
}

.spr-mask-index-icon2 {
  -webkit-mask-position: -8.02rem -6.3rem;
  width: .41rem;
  height: .41rem
}

.spr-mask-index-icon3 {
  -webkit-mask-position: -8.45rem -2.81rem;
  width: .34rem;
  height: .34rem
}

.spr-mask-index-label1 {
  -webkit-mask-position: -8.02rem -4.65rem;
  width: .41rem;
  height: 1.6rem
}

.spr-mask-index-label2 {
  -webkit-mask-position: -8.02rem 0rem;
  width: .81rem;
  height: 2.76rem
}

.spr-mask-index-label3 {
  -webkit-mask-position: 0rem -4.45rem;
  width: 2.19rem;
  height: 2.37rem
}

.spr-mask-index-label4 {
  -webkit-mask-position: -2.24rem -4.45rem;
  width: 2.19rem;
  height: 2.37rem
}

.spr-mask-index-label5 {
  -webkit-mask-position: -1.98rem -6.87rem;
  width: 1.79rem;
  height: .49rem
}

.spr-mask-poster1 {
  -webkit-mask-position: -4.05rem -3.06rem;
  width: 3.73rem;
  height: 1.3rem
}

.spr-mask-video-btn1 {
  -webkit-mask-position: -7.02rem -5.5rem;
  width: .71rem;
  height: .68rem
}

@font-face {
  font-family: FZLTCH;
  src: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/FZLTCH.TTF)
}

.init-tag {
  top: 3.03rem;
  left: 5.9rem
}

.init-tag .price {
  width: 1.72rem;
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/price.png') no-repeat;
  background-size: 100% 100%;
  height: .84rem;
  padding: 0.11rem 0 0 .86rem;
  top: 3.07rem;
  position: absolute;
  left: -.55rem;
  box-sizing: border-box;
}

.init-tag .price span {
  font-size: .24rem;
  font-family: BeaufortforLOL-Bold;
    background: linear-gradient(to bottom, #fffdf4 10%, #fff5cb 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #d5fdff;
}

.init-tag .btn-video {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/btn-video.png') no-repeat;
        width: .66rem;
        background-size: 100% 100%;
        height: .62rem;
        pointer-events: auto;
        top: 2.58rem;
        position: absolute;
        left: -.05rem;
}

.init-tag .init-tag-title {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/init-tag-title.png') no-repeat;
  background-size: 100% 100%;
  width: .72rem;
  height: 2.7rem;
  top: -.08rem;
  left: -.08rem
}

.init-tag .init-tag-rarity {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/init-tag-rarity.png') no-repeat;
  width: .31rem;
  background-size: 100% 100%;
  height: .88rem
}

.init-tag .gift-owned {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/gift-owned.png') no-repeat;
  width: .31rem;
  height: 1.09rem;
  font-size: 0;
  position: absolute;
  background-size: 100% 100%;
        left: .4rem;
        top: .71rem;
  display: none
}

.pane-title {
  top: 7.5rem;
  left: 0;
  padding: 2.32rem 0 0;
  right: 0;
  margin: auto;
}

.pane-title .pane-title-box>p {
  padding: .045rem 0;
  font-weight: bold;
  color: #ffffff;
}

.pane-title .pane-title-box>p strong {
  margin: 0 .05rem;
  font-size: .28rem;
    background: linear-gradient(to bottom, #43ffff 40%, #d0ffff 70%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
          transform: translateY(-.02rem);
  -webkit-background-clip: text;
  font-weight: 200;
}

.gift-progbar .gift-progbar-entrance>p {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-progbar-entrance-p.png') no-repeat;
  background-size: 100% 100%;
  width: 1.94rem;
  height: .39rem;
  display: flex;
  align-items: center;
  justify-content: center;
left: 0;
        position: relative;
        top: -.1rem;
  margin: 0;
  padding: .03rem 0 0 .02rem;
  font-size: .20rem;
  color: #ffffff;
  font-weight: bold;
}

.gift-progbar .gift-progbar-entrance>p span {
  font-weight: normal;
          font-size: .26rem;
  color: #00f7ff;
}

.gift-progbar .gift-progbar-entrance>p.gift-progbar-entrance-unlock {
  display: none
}
.gift-progbar-entrance.unlock .jd-drop a .jd-gift-box .jd-gift-checked {
  display: block;
}
.gift-progbar .gift-progbar-entrance.unlock::before {
  transform: translate(-49%, -56%) scale(1)
}

.gift-progbar .gift-progbar-entrance.unlock>p {
  display: none
}

.gift-progbar .gift-progbar-entrance.unlock>p.gift-progbar-entrance-unlock {
  display: flex
}

.gift-progbar .gift-progbar-box {
  top: -.2rem;
  width: 4.8rem
}

.gift-progbar .gift-progbar-box::before {
  content: none
}

.gift-progbar .gift-progbar-box .pbar-scroller {
  width: 5rem
}

.gift-progbar .gift-progbar-box .pbar-scroller .pbar .pbar-line {
  z-index: 1;
  display: block;
  margin-left: .05rem;
  top: -.005rem
}

.gift-progbar .gift-progbar-box .pbar-scroller .pbar .pbar-line span {
  overflow: hidden;
  position: absolute;
  pointer-events: none;
  left: .03rem;
  top: .04rem;
  margin-left: -.03rem;
  display: block;
  width: 100%;
  height: .09rem;
  border-radius: .5rem;
  background-image: none;
  background: linear-gradient(to right, #1ca0af 0%, #21feff 44%, #ffffff 100%)
}

.gift-progbar .gift-progbar-box .pbar-scroller .pbar .gift-progbar-entrance-heart {
  display: none;
  z-index: 2;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  margin-left: -.1rem;
  width: 1.1rem;
  height: .54rem;
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/gift-progbar-entrance-heart.png) center center/100% 100% no-repeat
}

.gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop {
  top: -.96rem;
  padding-left: .3rem;
  box-sizing: border-box;
}

.gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a {
  width: 1.5rem
}

.gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a .jd-gift-box {
  width: .85rem;
  height: .84rem
}

.gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a .jd-gift-box .gift-box {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-box.png') no-repeat;
  background-size: 100% 100%;
  width: .78rem;
  height: .78rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0
}

.gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a .jd-gift-box .gift-box img {
  margin: 0;
  padding: 0;
  max-width: 75%;
  width: auto;
  height: auto
}

.gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a .pbar-num {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pbar-num.png') no-repeat;
  background-size: 100% 100%;
  width: .59rem;
  height: .23rem;
  top: calc(100% + .08rem);
  margin: 0;
  text-indent: initial;
  font-size: .18rem;
  line-height: .23rem;
  color: #fff;
  text-shadow: -.01rem 0 0 #1c3852, .01rem 0 0 #1c3852, 0 -.01rem 0 #1c3852, 0 .01rem 0 #1c3852, -.01rem -.01rem 0 #1c3852, .01rem -.01rem 0 #1c3852, -.01rem .01rem 0 #1c3852, .01rem .01rem 0 #1c3852
}

.gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a .jd-gift-name {
  top: .64rem;
  
  font-size: .18rem
}

.gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a.done .gift-box {
  filter: initial
}

.gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a.done img {
  filter: opacity(.4)
}

.gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a.done .jd-gift-box .jd-gift-checked {
  background-position: -8.45rem -3.2rem;
  width: .35rem;
  height: .28rem
}

.init-pane .gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a.on img,
.init-pane .gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a.done img,
.init-pane .gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a.done .pbar-num,
.gift-progbar .gift-progbar-box .pbar-scroller .pbar .jd-drop a.on .pbar-num {
  filter: brightness(.8)
}

.gift-progbar-entrance.unlock .jd-drop img,
.gift-progbar-entrance.unlock .jd-drop .pbar-num {
  filter: brightness(.8)
}

.gift-progbar .gift-progbar-box .pbar-curnum,
.gift-progbar .gift-progbar-box .pbar-desc {
  position: absolute;
  top: 1.7rem;
  font-weight: bold;
  font-size: .2rem
}

.gift-progbar .gift-progbar-box .pbar-desc {
  left: initial;
  right: 0;
  display: initial;
  margin: 0;
  line-height: 1.4;
  text-align: right;
}

.gift-progbar .gift-progbar-box .pbar-desc span {
  color: #fff;
  font-weight: inherit;
  font-size: inherit
}

.gift-progbar .gift-progbar-box .pbar-curnum {
  left: .2rem;
  width: auto;
  font-weight: bold;
}

.init-pane .init-btns {
  width: 7.5rem;
  top: 13.2rem;
  left: 50%;
  justify-content: center
}

.init-pane .init-btns a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -.17rem 0;
  padding: .25rem .16rem .3rem 0
}


.init-pane .init-btns a .call-btn-text font {
  font-family: BeaufortforLOL-Bold
}

.init-pane .init-btns a .call-btn-text font em {
  background: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  text-shadow: initial;
  margin: 0;
  position: relative
}

.init-pane .init-btns a .call-btn-text font em::after {
  content: '';
  position: absolute;
  left: 0;
  top: calc(50%);
  width: 100%;
  height: .03rem;
  background-color: #3a4dca
}

.init-pane .init-btns a .call-btn-text strong {
  padding-top: .05rem;
  font-size: .25rem;
}

.init-pane .init-btns a.call-btn-one {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/call-btn-one.png') no-repeat;
  background-size: 100% 100%;
  width: 3.75rem;
  height: 1.2rem
}

.init-pane .init-btns a.call-btn-one .call-btn-text .call-btn-text {
  color: #193c60
}

.init-pane .init-btns a.call-btn-one .call-btn-text i {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/call-btn-text-i.png') no-repeat;
  background-size: 100% 100%;
  width: .34rem;
  height: .34rem
}


.init-pane .init-btns a.call-btn-sum {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/call-btn-sum.png') no-repeat;
  background-size: 100% 100%;
  width: 3.75rem;
  height: 1.2rem;
  margin-left: .1rem;
  padding-right: 0;
  padding-left: 0
}

.init-pane .init-btns a.call-btn-sum .call-btn-text {
  color: #193c60
}

.init-pane .init-btns a.call-btn-sum .call-btn-text i {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/call-btn-text-i.png') no-repeat;
  background-size: 100% 100%;
  width: .34rem;
  height: .34rem
}
.init-pane .init-btns a.call-btn-one .call-btn-text font em,
.init-pane .init-btns a.call-btn-sum .call-btn-text font em {
  color: #4d7798
}
.init-pane .init-btns a.call-btn-one .call-btn-text font em::after,
.init-pane .init-btns a.call-btn-sum .call-btn-text font em::after {
  background-color: #4d7798
}

.init-pane .init-btns a>.zhekou {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/zhekou.png') no-repeat;
  background-size: 100% 100%;
  width: 1.49rem;
  height: .31rem;
  position: absolute;
  left: 0;
  right: 0;
  top: .08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-weight: bold;
  padding: 0.1rem 0 .07rem;
  font-size: .18rem;
  transform: initial;
  display: none
}

.init-pane .init-btns a>.zhekou em,
.init-pane .init-btns a>.zhekou>span {
  background: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  color: #4e6984
}

.init-pane .init-btns a.discount .zhekou {
  display: flex
}

.init-pane .info-list {
  top: 14.3rem
}

.init-pane .info-list li .ticket:nth-of-type(2) {
  padding: 0 0 0 .32rem
}

.init-pane .info-list li .ticket span {
  font-size: .2rem;
  color: #fff;
  text-shadow: -.01rem 0 0 #0b6da3, .01rem 0 0 #0b6da3, 0 -.01rem 0 #0b6da3, 0 .01rem 0 #0b6da3, -.01rem -.01rem 0 #0b6da3, .01rem -.01rem 0 #0b6da3, -.01rem .01rem 0 #0b6da3, .01rem .01rem 0 #0b6da3
}
.init-pane .info-list li .ticket span:nth-child(1){
  font-weight: bold;
}

.init-pane .info-list li .ticket .info-list-qa {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/info-list-qa.png') no-repeat;
  background-size: 100% 100%;
  width: .26rem;
  height: .26rem;
  margin-top: .11rem
}

.init-pane .gift-tips span {
  transform: translateX(.15rem);
  color: #d3fcff;
  background: linear-gradient(to bottom, #fff 40%, #cff9ff 70%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.init-pane .gift-dh {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-dh.png') no-repeat;
  background-size: 100% 100%;
  width: 3.23rem;
  height: 3.96rem;
  position: absolute;
  top: 16.7rem;
  left: .4rem;
}
.init-pane .gift-dh .num-box {
  text-align: center
}

.init-pane .gift-dh .num-box img {
  display: block;
  margin: .75rem auto 0
}

.init-pane .gift-dh .num-box .txt-box {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 2.45rem;
  left: 0;
  right: 0;
  margin: 0 auto
}

.init-pane .gift-dh .num-box .txt-box .have {
  display: initial;
  font-size: .22rem;
  color: #edfdff;
  font-weight: 700
}

.init-pane .gift-dh .num-box .txt-box .num {
  display: initial;
  margin-left: .12rem;
  padding: 0 .15rem;
  width: 1.14rem;
  height: .36rem;
  line-height: .36rem;
  font-size: .30rem;
  font-family: BeaufortforLOL-Bold;
  color: #fff;
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/txt-box-num.png') no-repeat;
  background-size: 100% 100%;
  border-radius: .05rem
}

.init-pane .gift-dh .btn {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-dh-btn.png') no-repeat;
  background-size: 100% 100%;
  width: 2.06rem;
  height: .59rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: absolute;
  bottom: .3rem;
  left: 0;
  right: 0;
  margin: auto
}

.init-pane .gift-dh .btn span {
  font-size: .28rem;
  color: #193c60;
  font-weight: bold;
}


.init-pane .gift-dh .num-box .gift-dh-daibi {
  width: 1.55rem
}

.init-pane .gift-dh .gift-dh-exchangeshop {
  transform: initial
}

.init-pane .gift-list {
  top: 20.5rem
}

.init-pane .gift-list li .gift-list-title {
  width: 3.29rem;
  height: .75rem;
  margin-bottom: .25rem;
}

.init-pane .gift-list li .gift-list-title2 {
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-list-title2.png) no-repeat center center/100% 100%
}

.init-pane .gift-list li .gift-list-title3 {
  background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-list-title3.png) no-repeat center center/100% 100%
}

.init-pane .gift-list li+li {
  margin-top: .25rem
}


.init-pane .gift-list .gift-list-img .label {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: -.43rem
}

.init-pane .gift-list .gift-list-img .gift-list-zeng {
  background-position: 0rem -4.45rem;
  width: 2.19rem;
  height: 2.37rem
}

.init-pane .gift-list .gift-list-img .gift-list-dui {
  background-position: -2.24rem -4.45rem;
  width: 2.19rem;
  height: 2.37rem
}

#costContent {
  position: absolute;
  left: 4rem;
  top: 16.3rem
}

.poster1 {
  pointer-events: none;
  position: absolute;
  top: 5.72rem;
  left: .3rem
}
.mySwiper  {
    width: 7.11rem;
  height: 3.4rem;
}
.pic-swiper-pic1 {
  background: url('//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pic-swiper-pic1.png') no-repeat;
  background-size: 100% 100%;
  width: 7.11rem;
  height: 3.4rem;
  display: block;
}
.pic-swiper-pic1 img {
  display: none;
}

.gift-bundle2 {
  display: none !important;
}