@charset "UTF-8";
#popLottery10 .pop-gift-btmline .pop-btn-cancle, #popRechargeNotice5 .btn-db-add .i-add, #popRechargeNotice5 .btn-db-sub .i-sub, .pop-checkbox .pop-checkbox-icon, .pop-checkbox .pop-checkbox-icon.on, .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon, .pop-close, .pop-exchange .dh-add, .pop-exchange .pop-iconlist::after, .pop-exchange-select .continue-img-box::after, .pop-giftList .item .box:after, .pop-giftList .item .dh-wh2, .pop-giftList .item .exchange-btn, .pop-giftList .item .nav-zs-hover2, .pop-giftList .item:nth-child(1) .box:after, .pop-giftList .item:nth-child(1) .nav-zs-hover2, .pop-giftList .item:nth-child(2) .box:after, .pop-giftList .item:nth-child(2) .nav-zs-hover2, .pop-history .pagination__btn-next, .pop-history .pagination__btn-prev, .pop-loading p, .pop-pool .big .pop-pool-bd-center .img:after, .pop-pool .pop-pool-bd-center li .img:after, .pop-pool .pop-pool-bd-center li:nth-child(2) .img::after, .pop-pool .pop-pool-bd-center li:nth-child(3) .img::after, .pop-pool .pop-pool-bd-lg .img::after, .pop-thfl .pop-thfl-ul .discount, .pop-thfl .pop-thfl-ul .name::after, .pop-thfl .pop-thfl-ul .name::before, .pop-thfl-get .pop-thfl-get-img::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-m-spr.png); background-size: 14.82rem 11.52rem; }

/*!! 通用板块 S */
.pop { outline: 0; display: none; position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 1000; }

.pop * { box-sizing: border-box; }

.pop_match_info, #popRechargeNotice4 .pop-bd, #popRechargeNotice5 .pop-bd, #popRechargeNotice5 .pop-bd.popbg-large, .pop-bd.pop-bd--large, .pop-bd.pop-bd--middle.pop-bd--drawer, .pop-bd.pop-bd--xlarge, .pop-bd.pop-bd-gxhd { top: auto; left: 0; bottom: -.1rem; transform: translate(0, 100%); animation: ani-pop-drawer .3s ease-out both; }

@keyframes ani-pop-drawer { 0% { transform: translate(0, 100%); }
  100% { transform: translate(0, 0); } }

.pop-bd, .pop-bd.pop-bd--middle, .pop-bd.pop-bd--small, .pop-mall .pop-bd { left: 50%; top: 50%; transform: translate(-50%, -50%); }

.pop-bd { position: absolute; }

.pop-bd.pop-bd--xlarge { width: 7.5rem; height: 13.92rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/popbg-drawer-xlarge.png) no-repeat center top/100%; padding-top: .4rem; }

.pop-bd.pop-bd--large { width: 7.5rem; height: 7.49em; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/popbg-drawer-large.png) no-repeat center top/100% 100%; padding-top: .4rem; }

.pop-bd.pop-bd--middle.pop-bd--drawer { padding-top: .4rem; }

.pop-jsfl .pop-bd.pop-bd--middle.pop-bd--drawer { width: 7.5rem; height: 13.25rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/popbg-drawer-middle.png) no-repeat center top/100% 100%; padding-top: .4rem; }

.pop-bd.pop-bd--middle { width: 7.5rem; height: 8.84rem; }

.pop-bd.pop-bd--small, .pop-mall .pop-bd { width: 7.26rem; height: 5.2rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/popbg-small.png) no-repeat center top/100% 100%; padding-top: .4rem; }

.pop-bd.pop-bd-gxhd { width: 7.5rem; height: 8.05rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/popbg-drawer-middle.png) no-repeat center top/100% 100%; padding-top: .6rem; }

.pop-close { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-close.png") no-repeat; background-size: 100% 100%; width: .37rem; height: .38rem; position: absolute; top: -.4rem; right: .3rem; z-index: 5; text-indent: -9999px; transition: transform .3s ease-out; }

.pop-title { font-family: "Microsoft Yahei"; font-size: .44rem; font-weight: bold; height: 1rem; line-height: 1; display: flex; justify-content: center; align-items: center; margin-top: .1rem; margin-bottom: .35rem; position: relative; }

.pop-title span { color: #fff; background: linear-gradient(to bottom, #0a2e5e 10%, #4b73a9 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #0a2e5e; }

.pop-scrollbar { overflow-x: hidden; overflow-y: auto; }

.pop-scrollbar::-webkit-scrollbar { width: .08rem; background: 0 0; }

.pop-scrollbar::-webkit-scrollbar-thumb { width: .08rem; background-color: rgba(211, 250, 255, 0.8); border-radius: .04rem; }

.pop-scrollbar::-webkit-scrollbar-track { background-color: transparent; }

.os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track { background: 0 0; }

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background-color: rgba(211, 250, 255, 0.8); }

/*!! 活动规则 S */
.pop-rule-bd { color: #7e71ae; font-size: .24rem; line-height: .44rem; margin-top: .53rem; width: 7.27rem; height: 11.7rem; padding-left: .43rem; padding-right: .14rem; text-align: justify; padding-bottom: .3rem; }

.pop-rule-bd h3 { font-size: .27rem; margin-top: .2rem; padding-bottom: .1rem; color: #7a5ee3; }

.pop-rule-bd a { color: #f8d29d; text-decoration: underline; }

.pop-rule-bd p strong { display: block; font-size: 1.5em; margin-top: .5em; color: #7a5ee3; }

.pop-rule-bd b { font-weight: 700; }

.pop-rule .pop-rule-bd ul { list-style: disc; padding-left: 1em; }

.pop-rule-table { width: 100%; border: #7e71ae solid 1px; font-size: .2rem; margin: .05rem auto .1rem; text-align: center; color: #7e71ae; }

.pop-rule-table p strong { margin-top: 0; font-size: 1em; }

.pop-rule-table:last-child { margin-bottom: .2rem; }

.pop-rule-table th { font-weight: 700; width: 50%; height: .44rem; line-height: .44rem; border: #7e71ae solid 1px; text-align: center; color: #7e71ae; text-align: center; }

.pop-rule-table td { width: 50%; height: .44rem; line-height: .44rem; border: #7e71ae solid 1px; text-align: center; color: #7e71ae; }

.pop-rule-table2 tr td:nth-child(1) { width: 40%; }

.pop-rule-table2 tr td:nth-child(2) { width: 30%; }

.pop-rule-table2 tr td:nth-child(3) { width: 30%; }

/*!! 活动规则 E */
.pop-msg { color: #7a5ee3; font-size: .24rem; text-align: center; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; margin: .32rem auto 0; padding: 0 .6rem; box-sizing: border-box; }

.pop-msg .pop-msg--texthl { color: #7a5ee3; font-weight: 700; }

.pop-msg-bottom { margin-bottom: .4rem; }

.pop-bd.pop-bd--small .pop-msg, .pop-mall .pop-bd .pop-msg { height: 2.3rem; line-height: 1.5; display: flex; justify-content: center; align-items: center; margin-top: 0; }

.pop-buy .pop-bd.pop-bd--small .pop-msg, .pop-buy .pop-mall .pop-bd .pop-msg, .pop-mall .pop-buy .pop-bd .pop-msg { height: 1.8rem; margin-top: -.16rem; }

.pop-buy .pop-bd.pop-bd--small .pop-checkbox, .pop-buy .pop-mall .pop-bd .pop-checkbox, .pop-mall .pop-buy .pop-bd .pop-checkbox { margin: 0 0 .28rem; }

.pop-btns { display: flex; justify-content: center; align-items: center; text-align: center; font-size: 0; width: 110%; margin-left: -5%; direction: rtl; }

.pop-btns > * { direction: ltr; }

.pop-btn, .pop-gift-btmline a, .pop-giftList .item .exchange-btn { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-btn.png") no-repeat; background-size: 100% 100%; width: 2.93rem; height: .66rem; color: #193c60; font-weight: bold; line-height: .66rem; display: block; position: relative; }

.pop-btn { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-btn.png") no-repeat; background-size: 100% 100%; width: 2.93rem; height: .66rem; color: #193c60; font-weight: bold; line-height: .66rem; display: block; position: relative; }

.pop-thfl-ul .pop-btn { margin: .3rem auto; font-size: .26rem; }

.pop-btn span, .pop-gift-btmline a span, .pop-giftList .item .exchange-btn span { font-size: .24rem; font-weight: bold; letter-spacing: .04rem; color: #193c60; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; }

.pop.pop-thfl .pop-btn span { width: auto; display: flex; }

.pop-recharge-notice-btns a:nth-child(2) { margin-left: .15rem; }

.pop-giftList .item .exchange-btn span { color: #644ba2; background: linear-gradient(to bottom, #644ba2 20%, #8865e0 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/*!! 通用板块 E */
/*!! 抽奖 是否花费xx云石召唤1次/1轮 S */
.pop-icon-stone-lg { display: block; margin: .44rem auto .13rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-icon-stone-lg.png) no-repeat center/100%; width: 2.18rem; height: 2.38rem; pointer-events: none; }

.pop-checkbox { position: relative; display: flex; justify-content: center; align-items: center; margin: .2rem 0 .6rem; cursor: pointer; height: .34rem; line-height: .34rem; }

.pop-checkbox .pop-checkbox-input { visibility: hidden; width: 0; height: 0; }

.pop-checkbox .pop-checkbox-icon.on, .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon { width: .32rem; height: .32rem; background-position: -13.66rem -3.14rem; }

.pop-checkbox .pop-checkbox-icon { width: .32rem; height: .32rem; background-position: -13.32rem -3.14rem; margin-right: .1rem; display: block; }

.pop-checkbox .pop-checkbox-txt { color: #7a5ee3; font-size: .24rem; }

#popBuyOne .pop-icon-stone-lg { margin-top: .8rem; }

#popBuyOne .pop-icon-stone-lg + .pop-msg { display: flex; flex-direction: column; justify-content: flex-end; }

#popComm2 { z-index: 1001; }

#popGiftCover { z-index: 999; }

/*!! 抽奖 是否花费xx云石召唤1次/1轮 E */
/*!! 奖池 S */
.pop-pool .pop-bd { text-align: center; }

.pop-pool .pop-stit { color: #5a3fbe; background: linear-gradient(to bottom, #5a3fbe 20%, #823fe9 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: .28rem; font-weight: 700; margin-bottom: .01rem; }

.pop-pool .odds { color: #7a5ee3; font-size: .22rem; line-height: 1.25; margin-bottom: .1rem; }

.pop-pool .pop-scrollbar { margin-top: .47rem; padding-left: .46rem; height: 11.8rem; padding-bottom: .2rem; width: 7.27rem; }

.pop-pool .pop-pool-bd-center .pop-pool-inner-list li { margin-top: .2rem; }

.pop-pool .big, .pop-pool .pop-pool-bd-center li { width: 6.6rem; margin: 0 auto; position: relative; }

.pop-pool .pop-pool-bd-center li .img { width: 6.22rem; height: 4rem; position: relative; margin: 0 auto; }

.pop-pool .pop-pool-bd-center li .img:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 6.34rem; height: 4.12rem; background-position: 0rem 0rem; }

.pop-pool .pop-pool-bd-center .img-box { height: 208px; width: 100%; position: relative; }

.pop-pool .pop-pool-bd-center .img { width: 100%; height: 100%; }

.pop-pool .pop-pool-bd-center .img img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: .2rem; }

.pop-pool .big .pop-pool-bd-center .img:after { content: ""; width: 6.34rem; height: 4.12rem; background-position: 0rem 0rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }

.pop-pool .img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; border-radius: .1rem; transform: translate(-50%, -50%); }

.pop-pool .pop-pool-bd-center { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 15px; }

.pop-pool .pop-pool-bd-center li:nth-child(2), .pop-pool .pop-pool-bd-center li:nth-child(3) { width: 4.2rem; height: 4.2rem; margin-top: .4rem; margin-bottom: .8rem; }

.pop-pool .pop-pool-bd-center li:nth-child(2) .img, .pop-pool .pop-pool-bd-center li:nth-child(3) .img { width: 4.2rem; }

.pop-pool .pop-pool-bd-center li:nth-child(2) img, .pop-pool .pop-pool-bd-center li:nth-child(3) img { width: 4.15rem; height: 4.15rem; }

.pop-pool .pop-pool-bd-center li:nth-child(2) .img::after, .pop-pool .pop-pool-bd-center li:nth-child(3) .img::after { width: 4.28rem; height: 4.28rem; background-position: 0rem -4.14rem; }

.pop-pool .pop-pool-special-list .pop-pool-bd-center { margin-bottom: 0; }

.pop-pool .pop-pool-special-list-big { margin-top: .27rem; }

.pop-pool .pop-pool-bd-box { margin-top: .27rem; overflow: hidden; }

.pop-pool .pop-pool-bd-lg { font-size: 0; text-align: center; width: 106%; margin-left: -3%; padding-bottom: .27rem; }

.pop-pool .pop-pool-bd-lg li { width: 1.88rem; height: 1.88rem; display: inline-block; vertical-align: top; position: relative; margin: .4rem .1rem; }

.pop-pool .pop-pool-bd-lg .img { display: block; width: 1.88rem; height: 1.88rem; margin: 0 auto; position: relative; }

.pop-pool .pop-pool-bd-lg .img::after { content: ""; width: 2rem; height: 2rem; background-position: -12.82rem 0rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }

.pop-pool .pop-pool-bd-lg .name { color: #7a5ee3; font-size: .22rem; text-align: center; line-height: 1.2; word-break: keep-all; margin: .06rem auto 0; }

/*!! 奖池 E */
/*!! 获取奖励弹窗 E */
.pop-gift { background: #4d68ae url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-bg.jpg) no-repeat center center/100% 100%; }

.pop-gift .pop-gift-bd { background: 0 0; }

.pop-gift-bd { width: 7rem; height: 10.81rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; }

.pop-gift-tit { margin-top: .2rem; font-size: .32rem; text-align: center; font-weight: 700; height: .72rem; line-height: 2; }

.pop-gift-tit span { color: #c7f8ff; background: linear-gradient(to bottom, #c7f8ff 20%, #ffffff); -webkit-text-fill-color: transparent; -webkit-background-clip: text; }

.pop-gift-topline { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-topline.png") no-repeat; background-size: 100% 100%; width: 5.25rem; height: .23rem; margin: 0 auto; margin: -.1rem auto .1rem; background-size: 100% 100%; }

.pop-gift-stit { color: #d2d5fc; font-size: .44rem; line-height: .58rem; text-align: center; font-weight: 700; }

.pop-gift-stit span { color: #fff2bc; }

@keyframes ani-gift-tag { 0% { background-position: 0 0; }
  2.08% { background-position: 16.6666666667% 0; }
  4.17% { background-position: 0 16.6666666667%; }
  6.25% { background-position: 16.6666666667% 16.6666666667%; }
  8.33% { background-position: 33.3333333333% 0; }
  10.42% { background-position: 33.3333333333% 16.6666666667%; }
  12.50% { background-position: 0 33.3333333333%; }
  14.58% { background-position: 16.6666666667% 33.3333333333%; }
  16.67% { background-position: 33.3333333333% 33.3333333333%; }
  18.75% { background-position: 50% 0; }
  20.83% { background-position: 50% 16.6666666667%; }
  22.92% { background-position: 50% 33.3333333333%; }
  25.00% { background-position: 0 50%; }
  27.08% { background-position: 16.6666666667% 50%; }
  29.17% { background-position: 33.3333333333% 50%; }
  31.25% { background-position: 50% 50%; }
  33.33% { background-position: 66.6666666667% 0; }
  35.42% { background-position: 66.6666666667% 16.6666666667%; }
  37.50% { background-position: 66.6666666667% 33.3333333333%; }
  39.58% { background-position: 66.6666666667% 50%; }
  41.67% { background-position: 0 66.6666666667%; }
  43.75% { background-position: 16.6666666667% 66.6666666667%; }
  45.83% { background-position: 33.3333333333% 66.6666666667%; }
  47.92% { background-position: 50% 66.6666666667%; }
  50.00% { background-position: 66.6666666667% 66.6666666667%; }
  52.08% { background-position: 83.3333333333% 0; }
  54.17% { background-position: 83.3333333333% 16.6666666667%; }
  56.25% { background-position: 83.3333333333% 33.3333333333%; }
  58.33% { background-position: 83.3333333333% 50%; }
  60.42% { background-position: 83.3333333333% 66.6666666667%; }
  62.50% { background-position: 0 83.3333333333%; }
  64.58% { background-position: 16.6666666667% 83.3333333333%; }
  66.67% { background-position: 33.3333333333% 83.3333333333%; }
  68.75% { background-position: 50% 83.3333333333%; }
  70.83% { background-position: 66.6666666667% 83.3333333333%; }
  72.92% { background-position: 83.3333333333% 83.3333333333%; }
  75.00% { background-position: 100% 0; }
  77.08% { background-position: 100% 16.6666666667%; }
  79.17% { background-position: 100% 33.3333333333%; }
  81.25% { background-position: 100% 50%; }
  83.33% { background-position: 100% 66.6666666667%; }
  85.42% { background-position: 100% 83.3333333333%; }
  87.50% { background-position: 0 100%; }
  89.58% { background-position: 16.6666666667% 100%; }
  91.67% { background-position: 33.3333333333% 100%; }
  93.75% { background-position: 50% 100%; }
  95.83% { background-position: 66.6666666667% 100%; }
  100%, 97.92% { background-position: 83.3333333333% 100%; } }

.pop-gift-box { margin: 1.2rem auto 0; position: relative; padding-top: .04rem; width: 5.22rem; height: 4.73rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-box-bg.png) no-repeat center/100%; }

.pop-gift-box.bsNum500, .pop-gift-box.pop-gift-tag-cs, .pop-gift-box.pop-gift-tag-cs2, .pop-gift-box.pop-gift-tag-new, .pop-gift-box.pop-gift-tag-xc { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-ten-mask.png); }

.pop-gift-box::before { content: ""; width: 5.22rem; height: 4.73rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-box-border.png) no-repeat center top/100%; pointer-events: none; z-index: 5; }

.pop-gift-box .pop-gift-ten-img p { width: 100%; height: 100%; }

.pop-gift-box .pop-gift-img { width: 100%; height: 100%; -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-ten-mask.png) no-repeat center/100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }

.pop-gift-box .pop-gift-img img { display: block; width: 100%; height: 100%; height: 5.67rem; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; object-fit: cover; }

.pop-gift-box .pop-gift-img img[src*="pop-ten-fh.png"] { height: 5.44rem; }

.pop-gift-box.bsNum500 .pop-gift-tag, .pop-gift-box.pop-gift-tag-cs .pop-gift-tag, .pop-gift-box.pop-gift-tag-cs2 .pop-gift-tag, .pop-gift-box.pop-gift-tag-new .pop-gift-tag, .pop-gift-box.pop-gift-tag-xc .pop-gift-tag { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; pointer-events: none; -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-ten-mask.png) no-repeat center/100%; }

.pop-gift-box.bsNum500 .pop-gift-tag::before, .pop-gift-box.pop-gift-tag-cs .pop-gift-tag::before, .pop-gift-box.pop-gift-tag-cs2 .pop-gift-tag::before, .pop-gift-box.pop-gift-tag-new .pop-gift-tag::before, .pop-gift-box.pop-gift-tag-xc .pop-gift-tag::before { display: block; content: ""; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-cs-light.png); width: 6.44rem; height: 5.7rem; position: absolute; left: 0; top: 0; pointer-events: none; z-index: 10; }

.pop-gift-box.bsNum500 .pop-gift-tag::before, .pop-gift-box.pop-gift-tag-cs .pop-gift-tag::before, .pop-gift-box.pop-gift-tag-cs2 .pop-gift-tag::before, .pop-gift-box.pop-gift-tag-new .pop-gift-tag::before, .pop-gift-box.pop-gift-tag-xc .pop-gift-tag::before { display: block; content: ""; width: 6.4rem; height: 6.4rem; position: absolute; left: 50%; top: 50%; margin-left: -3.2rem; margin-top: -3.2rem; pointer-events: none; z-index: 10; background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-spr.png); background-size: 700% 700%; background-repeat: no-repeat; animation-name: ani-gift-tag; animation-duration: 3s; animation-delay: 0s; animation-iteration-count: infinite; animation-fill-mode: forwards; animation-timing-function: steps(1); }

.pop-gift-box.bsNum500 .pop-gift-tag:after, .pop-gift-box.pop-gift-tag-cs .pop-gift-tag:after, .pop-gift-box.pop-gift-tag-cs2 .pop-gift-tag:after, .pop-gift-box.pop-gift-tag-new .pop-gift-tag:after, .pop-gift-box.pop-gift-tag-xc .pop-gift-tag:after { display: block; content: ""; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; width: 2.8rem; height: 1.12rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: .2rem; pointer-events: none; z-index: 10; }

.pop-gift-box.pop-gift-tag-cs .pop-gift-tag::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-cs-txt.png); }

.pop-gift-box.pop-gift-tag-new .pop-gift-tag::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-new-txt.png); }

.pop-gift-box.pop-gift-tag-xc .pop-gift-tag::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-xc-txt.png); }

.pop-gift-box.bsNum500 .pop-gift-tag::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-xybj-txt.png); }

.pop-gift-name { width: 100%; height: .64rem; position: absolute; left: 0; bottom: -1.3rem; z-index: 2; text-align: center; display: flex; justify-content: center; align-items: center; box-sizing: border-box; font-size: .32rem; color: #fff2bc; font-weight: 700; }

.pop-gift-changearea { padding: .04rem .12rem; font-size: .18rem; border: #f8c73e solid 1px; color: #fdf7d5; }

.pop-gift .pop-gift-changearea { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: -.32rem; }

.pop-gift-ten .pop-gift-changearea { bottom: 0; font-size: .16rem; padding: .01rem .06rem; display: none; }

.pop-gift-btmline { width: 7rem; height: .8rem; position: absolute; left: 50%; margin-left: -3.5rem; bottom: 0; display: flex; justify-content: center; direction: rtl; }

.pop-gift-ten { background: #4d68ae url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-bg.jpg) no-repeat center center/100% 100%; }

.pop-gift-ten-lt { width: 6.9rem; height: 8.9rem; position: relative; margin: 1rem auto 0; display: flex; justify-content: space-evenly; flex-wrap: wrap; }

.pop-gift-ten-lt li { width: 1.93rem; width: 1.91205rem; height: 1.7955rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-box-bg.png) no-repeat center/100%; position: absolute; color: #f9ffff; font-size: .2rem; line-height: .3rem; text-align: center; }

.pop-gift-ten-lt li.bsNum500, .pop-gift-ten-lt li.pop-gift-tag-cs, .pop-gift-ten-lt li.pop-gift-tag-cs2, .pop-gift-ten-lt li.pop-gift-tag-new, .pop-gift-ten-lt li.pop-gift-tag-xc { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-box-bg.png) no-repeat center/100%; }

.pop-gift-ten-lt li::before { content: ""; width: 2.394rem; height: 2.394rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-box-border.png) no-repeat center top/100%; pointer-events: none; z-index: 5; }

.pop-gift-ten-lt li:last-child { background: 0 0; }

.pop-gift-ten-lt li .back, .pop-gift-ten-lt li .front { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-box-bg.png) no-repeat center/100%; }

.pop-gift-ten-lt li:last-child::before { display: none; }

.pop-gift-ten-lt li .back::before, .pop-gift-ten-lt li .front::before { display: block; content: ""; width: 2.394rem; height: 2.394rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-box-border.png) no-repeat center top/100%; pointer-events: none; z-index: 3; }

.pop-gift-ten-lt li .back::before { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-box-border2.png) no-repeat center top/100%; width: 108% !important; height: 108% !important; }

.pop-gift-ten-lt li .pop-gift-ten-img p { width: 100%; height: 100%; }

.pop-gift-ten-lt li.bsNum500::before, .pop-gift-ten-lt li.pop-gift-tag-cs2::before, .pop-gift-ten-lt li.pop-gift-tag-cs::before, .pop-gift-ten-lt li.pop-gift-tag-new::before, .pop-gift-ten-lt li.pop-gift-tag-xc::before { content: ""; background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-img-strong2-border.png); width: 2.53rem; height: 2.34rem; background-size: 100% 100%; }

.pop-gift-ten-lt li .pop-gift-ten-img { width: 100%; height: 100%; -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-ten-mask.png) no-repeat center/100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }

.pop-gift-ten-lt li .pop-gift-ten-img img { display: block; width: 100%; height: 100%; height: 1.9845rem; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; object-fit: cover; }

.pop-gift-ten-lt li .pop-gift-ten-img img[src*="pop-ten-fh.png"] { height: 1.904rem; }

.pop-gift-ten-lt li.bsNum500 .pop-gift-tag, .pop-gift-ten-lt li.pop-gift-tag-cs .pop-gift-tag, .pop-gift-ten-lt li.pop-gift-tag-cs2 .pop-gift-tag, .pop-gift-ten-lt li.pop-gift-tag-new .pop-gift-tag, .pop-gift-ten-lt li.pop-gift-tag-xc .pop-gift-tag { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; pointer-events: none; -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-box-bg.png) no-repeat center/100%; transform: scale(1.1); }

.pop-gift-ten-lt li.bsNum500 .pop-gift-tag::before, .pop-gift-ten-lt li.pop-gift-tag-cs .pop-gift-tag::before, .pop-gift-ten-lt li.pop-gift-tag-cs2 .pop-gift-tag::before, .pop-gift-ten-lt li.pop-gift-tag-new .pop-gift-tag::before, .pop-gift-ten-lt li.pop-gift-tag-xc .pop-gift-tag::before { display: block; content: ""; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-cs-light.png); width: 2.254rem; height: 1.995rem; position: absolute; left: 0; top: 0; pointer-events: none; z-index: 10; }

.pop-gift-ten-lt li.bsNum500 .pop-gift-tag::before, .pop-gift-ten-lt li.pop-gift-tag-cs .pop-gift-tag::before, .pop-gift-ten-lt li.pop-gift-tag-cs2 .pop-gift-tag::before, .pop-gift-ten-lt li.pop-gift-tag-new .pop-gift-tag::before, .pop-gift-ten-lt li.pop-gift-tag-xc .pop-gift-tag::before { display: block; content: ""; width: 2.24rem; height: 2.24rem; position: absolute; left: 50%; top: 50%; margin-left: -1.12rem; margin-top: -1.12rem; pointer-events: none; z-index: 10; background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-spr.png); background-size: 700% 700%; background-repeat: no-repeat; animation-name: ani-gift-tag; animation-duration: 3s; animation-delay: 0s; animation-iteration-count: infinite; animation-fill-mode: forwards; animation-timing-function: steps(1); }

.pop-gift-ten-lt li.bsNum500 .pop-gift-tag:after, .pop-gift-ten-lt li.pop-gift-tag-cs .pop-gift-tag:after, .pop-gift-ten-lt li.pop-gift-tag-cs2 .pop-gift-tag:after, .pop-gift-ten-lt li.pop-gift-tag-new .pop-gift-tag:after, .pop-gift-ten-lt li.pop-gift-tag-xc .pop-gift-tag:after { display: block; content: ""; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; width: 1.176rem; height: .4704rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: .2rem; pointer-events: none; z-index: 10; }

.pop-gift-ten-lt li.pop-gift-tag-cs .pop-gift-tag::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-cs-txt.png); }

.pop-gift-ten-lt li.pop-gift-tag-new .pop-gift-tag::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-new-txt.png); }

.pop-gift-ten-lt li.pop-gift-tag-xc .pop-gift-tag::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-xc-txt.png); }

.pop-gift-ten-lt li.bsNum500 .pop-gift-tag::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-xybj-txt.png); }

.pop-gift-ten-name { color: #efdbbd; font-size: .2rem; line-height: .3rem; font-weight: 700; text-align: center; width: 1.6rem; margin: 2rem auto 0; word-break: keep-all; }

.pop-gift-ten-lt li .back, .pop-gift-ten-lt li .front { position: absolute; left: 0; top: 0; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: transform 1s ease-in-out; }

.pop-gift-ten-lt .front { transform: rotateY(0); -webkit-transform: rotateY(0); z-index: 2; }

.pop-gift-ten-lt .back { transform: rotateY(-540deg); -webkit-transform: rotateY(-540deg); }

.pop-gift-ten-lt li.act .front { transform: rotateY(540deg); -webkit-transform: rotateY(540deg); }

.pop-gift-ten-lt li.act .back { transform: rotateY(0); -webkit-transform: rotateY(0); z-index: 2; }

.pop-gift-ten-lt li:nth-child(1), .pop-gift-ten-lt li:nth-child(10), .pop-gift-ten-lt li:nth-child(4), .pop-gift-ten-lt li:nth-child(7) { left: .82rem; }

.pop-gift-ten-lt li:nth-child(1), .pop-gift-ten-lt li:nth-child(2) { top: .8rem; }

.pop-gift-ten-lt li:nth-child(11), .pop-gift-ten-lt li:nth-child(2), .pop-gift-ten-lt li:nth-child(5), .pop-gift-ten-lt li:nth-child(8) { left: 4.07rem; }

.pop-gift-ten-lt li:nth-child(3), .pop-gift-ten-lt li:nth-child(6), .pop-gift-ten-lt li:nth-child(9) { left: 2.46rem; }

.pop-gift-ten-lt li:nth-child(3) { top: 2.63rem; }

.pop-gift-ten-lt li:nth-child(4), .pop-gift-ten-lt li:nth-child(5) { top: 4.43rem; }

.pop-gift-ten-lt li:nth-child(6) { top: 6.26rem; }

.pop-gift-ten-lt li:nth-child(7), .pop-gift-ten-lt li:nth-child(8) { top: 8.26rem; }

.pop-gift-ten-lt li:nth-child(9) { top: 10.19rem; }

.pop-gift-ten-lt li:nth-child(10), .pop-gift-ten-lt li:nth-child(11) { top: 12.19rem; }

.pop-gift-ten .pop-gift-ten-lt li:nth-child(11)::after { content: ""; display: block; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-ten-icon.png) no-repeat; background-size: 100% 100%; width: 1.62rem; height: .37rem; position: absolute; left: 50%; margin-top: 0; margin-left: -.84rem; top: 2.7rem; z-index: 10; pointer-events: none; }

.pop-gift .pop-gift-vbg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; display: none; }

.pop-gift .pop-gift-vbg video { width: 100%; height: 100%; object-fit: cover; }

.pop-gift .pop-gift-tit { animation: ani-tit-downin .5s ease both; }

@keyframes ani-tit-downin { 0% { transform: translate(0, -0.25rem);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

.pop-gift .pop-gift-topline { animation: fadein .5s .2s ease both; }

.pop-gift .pop-gift-stit { animation: fadein .6s .2s ease both; }

.pop-gift .pop-gift-box { animation: fadein .6s .2s ease both; }

@keyframes ani-box-upin { 0% { transform: translate(0, 100px);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

.pop-gift .pop-gift-btmline { animation: ani-box-upin .5s .3s ease both; }

@keyframes ani-ten-item-in { 0% { transform: scale(1.8);
    opacity: 0; }
  100% { transform: scale(1);
    opacity: 1; } }

.pop-gift .pop-gift-ten-lt li:nth-child(1) { animation: ani-ten-item-in 0.3s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.pop-gift .pop-gift-ten-lt li:nth-child(8) { animation: ani-ten-item-in 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.pop-gift .pop-gift-ten-lt li:nth-child(5) { animation: ani-ten-item-in 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.pop-gift .pop-gift-ten-lt li:nth-child(2) { animation: ani-ten-item-in 0.3s 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.pop-gift .pop-gift-ten-lt li:nth-child(9) { animation: ani-ten-item-in 0.3s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.pop-gift .pop-gift-ten-lt li:nth-child(6) { animation: ani-ten-item-in 0.3s 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.pop-gift .pop-gift-ten-lt li:nth-child(3) { animation: ani-ten-item-in 0.3s 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.pop-gift .pop-gift-ten-lt li:nth-child(10) { animation: ani-ten-item-in 0.3s 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.pop-gift .pop-gift-ten-lt li:nth-child(7) { animation: ani-ten-item-in 0.3s 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.pop-gift .pop-gift-ten-lt li:nth-child(4) { animation: ani-ten-item-in 0.3s 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.pop-gift .pop-gift-ten-lt li:nth-child(11) { animation: ani-ten-item-in 0.3s 1.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.pop-gift .pop-gift-ten-lt li:nth-child(12), .pop-gift .pop-gift-ten-lt li:nth-child(13) { display: none; }

.pop-gift-ten .pop-gift-bd { height: 12.17rem; }

.pop-gift-ten .pop-gift-bd .pop-gift-ten-lt { padding-top: .5rem; padding-bottom: .2rem; margin-top: 0; }

.pop-gift-ten .pop-gift-ten-lt { width: 6.9rem; height: 9.54rem; display: flex; flex-wrap: wrap; justify-content: space-evenly; overflow: scroll; overflow-x: hidden; margin-left: -.1rem; }

.pop-gift-ten .pop-gift-bd .pop-gift-ten-lt { height: 11.54rem; margin-top: -1rem; -webkit-mask: linear-gradient(to bottom, transparent 0, #000 15%, #000 85%, transparent 100%); box-sizing: border-box; }

.pop-gift-ten .pop-gift-bd .pop-gift-ten-lt li { margin-top: 1rem; }

.pop-gift-ten .pop-gift-bd .pop-gift-ten-lt li:last-child { margin-bottom: 1rem; }

.pop-gift-ten .pop-gift-bd .pop-gift-ten-lt::after { display: block; content: ""; height: 2rem; width: 100%; position: absolute; left: 0; top: 15.5rem; pointer-events: none; }

.pop-gift-ten .pop-gift-bd .pop-gift-stit, .pop-gift-ten .pop-gift-bd .pop-gift-tit, .pop-gift-ten .pop-gift-bd .pop-gift-topline { position: relative; z-index: 2; }

.pop-gift-ten .pop-gift-ten-lt::-webkit-scrollbar { width: .08rem; background: 0 0; }

.pop-gift-ten .pop-gift-ten-lt::-webkit-scrollbar-thumb { width: .08rem; background-color: rgba(211, 250, 255, 0.8); border-radius: .04rem; }

.pop-gift-ten .pop-gift-ten-lt::-webkit-scrollbar-track { background-color: transparent; }

.pop-gift-double-list { display: flex; justify-content: center; align-items: center; height: 6rem; }

.pop-gift-double-list .pop-gift-box { margin: 0 .2rem; flex: none; width: 2.7315rem; height: 2.565rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-box-bg.png) no-repeat center/100%; }

.pop-gift-double-list .pop-gift-box.bsNum500, .pop-gift-double-list .pop-gift-box.pop-gift-tag-cs, .pop-gift-double-list .pop-gift-box.pop-gift-tag-cs2, .pop-gift-double-list .pop-gift-box.pop-gift-tag-new, .pop-gift-double-list .pop-gift-box.pop-gift-tag-xc { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-box-bg-strong.png); }

.pop-gift-double-list .pop-gift-box::before { content: ""; width: 3.42rem; height: 3.42rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-box-border.png) no-repeat center top/100%; pointer-events: none; z-index: 5; }

.pop-gift-double-list .pop-gift-box .pop-gift-ten-img p { width: 100%; height: 100%; }

.pop-gift-double-list .pop-gift-box.bsNum500::before, .pop-gift-double-list .pop-gift-box.pop-gift-tag-cs2::before, .pop-gift-double-list .pop-gift-box.pop-gift-tag-cs::before, .pop-gift-double-list .pop-gift-box.pop-gift-tag-new::before, .pop-gift-double-list .pop-gift-box.pop-gift-tag-xc::before { content: ""; background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-img-strong2-border.png); width: 3.42rem; height: 3.42rem; background-size: 100% 100%; }

.pop-gift-box.bsNum500::before, .pop-gift-box.pop-gift-tag-cs2::before, .pop-gift-box.pop-gift-tag-cs::before, .pop-gift-box.pop-gift-tag-new::before, .pop-gift-box.pop-gift-tag-xc::before { content: ""; background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-img-strong2-border.png); width: 5.56rem; height: 5.2rem; background-size: 100% 100%; }

.pop-gift-double-list .pop-gift-box .pop-gift-img { width: 100%; height: 100%; -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-ten-mask.png) no-repeat center/100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }

.pop-gift-double-list .pop-gift-box .pop-gift-img img { display: block; width: 100%; height: 100%; height: 2.835rem; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; object-fit: cover; }

.pop-gift-double-list .pop-gift-box .pop-gift-img img[src*="pop-ten-fh.png"] { height: 2.72rem; }

.pop-gift-double-list .pop-gift-box.bsNum500 .pop-gift-tag, .pop-gift-double-list .pop-gift-box.pop-gift-tag-cs .pop-gift-tag, .pop-gift-double-list .pop-gift-box.pop-gift-tag-cs2 .pop-gift-tag, .pop-gift-double-list .pop-gift-box.pop-gift-tag-new .pop-gift-tag, .pop-gift-double-list .pop-gift-box.pop-gift-tag-xc .pop-gift-tag { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; pointer-events: none; -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-box-bg.png) no-repeat center/100%; }

.pop-gift-double-list .pop-gift-box.bsNum500 .pop-gift-tag::before, .pop-gift-double-list .pop-gift-box.pop-gift-tag-cs .pop-gift-tag::before, .pop-gift-double-list .pop-gift-box.pop-gift-tag-cs2 .pop-gift-tag::before, .pop-gift-double-list .pop-gift-box.pop-gift-tag-new .pop-gift-tag::before, .pop-gift-double-list .pop-gift-box.pop-gift-tag-xc .pop-gift-tag::before { display: block; content: ""; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-cs-light.png); width: 3.22rem; height: 2.85rem; position: absolute; left: 0; top: 0; pointer-events: none; z-index: 10; }

.pop-gift-double-list .pop-gift-box.bsNum500 .pop-gift-tag::before, .pop-gift-double-list .pop-gift-box.pop-gift-tag-cs .pop-gift-tag::before, .pop-gift-double-list .pop-gift-box.pop-gift-tag-cs2 .pop-gift-tag::before, .pop-gift-double-list .pop-gift-box.pop-gift-tag-new .pop-gift-tag::before, .pop-gift-double-list .pop-gift-box.pop-gift-tag-xc .pop-gift-tag::before { display: block; content: ""; width: 3.2rem; height: 3.2rem; position: absolute; left: 50%; top: 50%; margin-left: -1.6rem; margin-top: -1.6rem; pointer-events: none; z-index: 10; background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-spr.png); background-size: 700% 700%; background-repeat: no-repeat; animation-name: ani-gift-tag; animation-duration: 3s; animation-delay: 0s; animation-iteration-count: infinite; animation-fill-mode: forwards; animation-timing-function: steps(1); }

.pop-gift-double-list .pop-gift-box.bsNum500 .pop-gift-tag:after, .pop-gift-double-list .pop-gift-box.pop-gift-tag-cs .pop-gift-tag:after, .pop-gift-double-list .pop-gift-box.pop-gift-tag-cs2 .pop-gift-tag:after, .pop-gift-double-list .pop-gift-box.pop-gift-tag-new .pop-gift-tag:after, .pop-gift-double-list .pop-gift-box.pop-gift-tag-xc .pop-gift-tag:after { display: block; content: ""; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; width: 1.68rem; height: .672rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: .12rem; pointer-events: none; z-index: 10; }

.pop-gift-double-list .pop-gift-box.pop-gift-tag-cs .pop-gift-tag::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-cs-txt.png); }

.pop-gift-double-list .pop-gift-box.pop-gift-tag-new .pop-gift-tag::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-new-txt.png); }

.pop-gift-double-list .pop-gift-box.pop-gift-tag-xc .pop-gift-tag::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-xc-txt.png); }

.pop-gift-double-list .pop-gift-box.bsNum500 .pop-gift-tag::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-tag-xybj-txt.png); }

.pop-gift-double-list .pop-gift-name { font-size: .22rem; }

.pop-gift-qipan.pop { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-gift-bdw.jpg) 50% 50% no-repeat; background-size: cover; }

.pop-gift-qipan .pop-gift-bd .pop-gift-share { margin-top: 1.2rem; }

.pop-gift-qipan .pop-gift-btmline { bottom: auto; top: 50%; margin-top: 4.8rem; height: 1.03rem; }

.pop-gift-qipan .pop-gift-btmline a { margin: 0; line-height: 1.03rem; flex: none; }

.pop-gift-qipan .pop-gift-btmline .call-one { width: 3.51rem; height: 1.2rem; background-position: -3.46rem -1.22rem; color: #ffbad8; font-weight: 700; margin: 0 -.1rem; }

.pop-gift-qipan .pop-gift-btmline .call-sum { width: 3.51rem; height: 1.2rem; background-position: -3.46rem 0rem; color: #ffc6df; font-weight: 700; margin: 0 -.1rem; }

.pop-gift-special.pop-gift .pop-gift-bd { height: 10.84rem; }

.pop-gift#popGift .pop-gift-bd, .pop-gift#popGiftCover .pop-gift-bd { height: 10.84rem; }

.pop-gift-special .pop-gift-name { font-size: .27rem; display: block; bottom: -1rem; }

.pop-gift-special .pop-gift-stit { color: #fef258; font-size: .52rem; text-align: center; }

.pop-gift-special-tips { font-size: .2rem; line-height: .35rem; text-align: center; color: #f9ffff; margin-top: .98rem; }

#popGiftSpecial .pop-close { display: none; }

#popGiftSpecial .pop-gift-stit { color: #fff2e4; }

#popGiftSpecial .pop-gift-stit span { color: #d0b693; }

.bdw-tip { display: none; }

/*!! 获取奖励弹窗 E */
/*!! 云石充值 S */
.pop-recharge .pop-recharge-box { height: 6.5rem; width: 95%; margin: 0 auto; overflow: auto; overflow-x: hidden; display: flex; flex-direction: column; }

.pop-recharge .pop-recharge-box::-webkit-scrollbar { width: .08rem; background: 0 0; }

.pop-recharge .pop-recharge-box::-webkit-scrollbar-thumb { width: .08rem; background-color: #785A28; border-radius: .04rem; }

.pop-recharge .pop-recharge-box::-webkit-scrollbar-track { background-color: transparent; }

.pop-recharge .pop-recharge-box .pop-recharge-l { width: 5.75rem; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; position: relative; margin: .5rem auto .5rem; order: 1; }

.pop-recharge .pop-recharge-box .pop-recharge-r { width: 6.5rem; height: 7.5rem; margin: 0 auto; }

.pop-recharge-r-pic1 { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-r-pic1.png) 50% 50% no-repeat; background-size: contain; width: 2.49rem; height: 2.49rem; margin: 0 auto; }

.pop-recharge .pop-recharge-l-send { margin-bottom: .5rem; }

.pop-recharge .pop-recharge-l-send:nth-child(1) { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-l-pic1.jpg) no-repeat; background-size: 100% 100%; width: 2.49rem; height: 3.38rem; display: block; position: relative; overflow: hidden; }

.pop-recharge .pop-recharge-l-send:nth-child(2) { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-l-pic3.jpg) no-repeat; background-size: 100% 100%; width: 2.49rem; height: 3.38rem; display: block; position: relative; overflow: hidden; }

.pop-recharge .pop-recharge-l-send:nth-child(3) { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-l-pic2.jpg) no-repeat; background-size: 100% 100%; width: 2.49rem; height: 3.38rem; display: block; position: relative; overflow: hidden; }

.pop-recharge .pop-recharge-l-send:nth-child(4) { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-l-pic4.jpg) no-repeat; background-size: 100% 100%; width: 2.49rem; height: 3.38rem; display: block; position: relative; overflow: hidden; }

.pop-recharge .pop-recharge-l-send div::before { display: block; content: ""; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 200%; height: 1.2rem; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0)); transform-origin: center center; transform: translate(-100%, 80%) rotate(-60deg); animation: ani-scan-light 2s linear infinite; }

@keyframes ani-scan-light { 0% { transform: translate(-100%, 80%) rotate(-60deg); }
  100% { transform: translate(100%, 80%) rotate(-60deg); } }

.pop-recharge .pop-recharge-l-send p { color: #f5ebd5; font-size: .24rem; text-align: center; padding-top: 2.6rem; }

.pop-recharge .pop-recharge-l-send p em { color: #fcc74a; font-style: normal; line-height: .1rem; display: block; }

.button-rechargeble-btn { color: #cdbe91; font-size: .22rem; font-weight: 700; letter-spacing: 1px; position: relative; display: flex; align-items: center; box-sizing: border-box; justify-content: center; white-space: nowrap; padding: .1rem 1.3em; cursor: pointer; -webkit-user-select: none; box-shadow: 0 0 1px 1px #010a13, inset 0 0 1px 1px #010a13; background: #1e2328; border: .02rem solid #e2cb8f; margin: 0 .1rem; }

.pop-recharge .pop-recharge-l-send .button-rechargeble-btn:last-child { margin-top: .1rem; }

.pop-recharge .pop-recharge-l-send .pic { display: block; margin: 0 auto; width: 2.49rem; height: 2.48rem; position: relative; }

.pop-recharge .pop-recharge-l-send .icon { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-zsong-icon.png) no-repeat; background-size: 100% 100%; width: .83rem; height: .84rem; position: absolute; top: 0; left: 0; }

.pop-recharge .pop-recharge-l-send .icon i { display: block; width: 100%; font-size: .18rem; text-align: center; font-weight: 700; font-style: normal; line-height: 1.1; color: #fff0cc; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.pop-recharge .pop-recharge-l-send span { display: block; width: 100%; font-size: .4rem; text-align: center; font-weight: 700; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to bottom, #fff5dd, #ffeab3, #d0a550); position: absolute; top: 2.12rem; left: 50%; transform: translate(-50%, -50%); filter: drop-shadow(1px 1px 2px rgba(114, 109, 96, 0.7)) drop-shadow(-1px -1px 2px rgba(114, 109, 96, 0.7)); }

.pop-recharge .pop-recharge-box .pop-recharge-l > p { width: 100%; text-align: center; position: absolute; bottom: -.5rem; left: 50%; transform: translate(-50%, -50%); color: #b2b2b2; font-size: .25rem; zoom: .8; }

.pop-recharge .pop-bd { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-recharge-bg.png) no-repeat center/100%; width: 7.13rem; height: 8.84rem; padding-right: .4rem; padding-top: .2rem; padding-left: 0; }

.pop-recharge .pop-close { display: block; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-close.png) no-repeat center/100%; width: .59rem; height: .59rem; top: .05rem; right: .05rem; position: absolute; font-size: 0; text-indent: -9999px; }

.pop-recharge-title { color: #f0e6d2; margin-top: .5rem; text-align: center; }

.pop-recharge-title h2 { font-size: .48rem; font-weight: 700; display: inline-block; }

.pop-recharge-title-txt { font-size: .24rem; margin-left: .1rem; display: flex; justify-content: center; align-items: center; font-weight: 700; }

.pop-recharge-title-txt a { display: block; width: .3rem; height: .3rem; background: #f0e6d2; border-radius: 50%; color: #3789f5; font-size: .26rem; text-align: center; line-height: .28rem; margin-left: .06rem; font-weight: 400; position: relative; }

.pop-recharge-title-txt a:hover { filter: none; -webkit-filter: none; }

.pop-recharge-title-txt a:hover span { display: block; }

.pop-recharge-title-txt a span { display: none; position: absolute; left: 50%; top: .44rem; font-weight: 400; color: #9f9f9f; font-size: .2rem; line-height: .26rem; text-align: left; padding: .2rem; box-sizing: border-box; width: 3.5rem; margin-left: -1.75rem; background: #0d0922; border: #463714 solid .03rem; }

.pop-recharge-title-txt a span strong { color: #f0e6d2; font-weight: 400; }

.pop-recharge-title-txt a span::before { display: block; content: ""; border: #0d0922 solid .16rem; border-left-color: transparent; border-right-color: transparent; border-top-width: 0; position: absolute; left: 50%; transform: translate(-50%, 0); top: -.12rem; z-index: 2; filter: drop-shadow(0 0 0.03rem #463714); }

.pop-recharge-icon-stone { display: inline-block; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-icon-stone.png) no-repeat center/100%; width: .36rem; height: .53rem; margin: 0 .1rem 0 .2rem; }

.pop-recharge-name { color: #f9bd18; font-size: .3rem; text-align: center; margin: 2.2rem auto 0; font-weight: 600; }

.pop-recharge-desc { color: #9f9f9f; font-size: .2rem; line-height: .28rem; width: 5rem; text-align: center; margin: .1rem auto 0; }

.pop-recharge-range { display: flex; justify-content: center; width: 95%; margin: .4rem auto 0; height: .44rem; }

.pop-recharge-range > * { margin: 0 .1rem; }

.pop-recharge-range a { color: #cdbe91; font-size: .28rem; font-weight: 700; letter-spacing: 1px; position: relative; display: flex; align-items: center; box-sizing: border-box; justify-content: center; white-space: nowrap; padding: 0 .6em; height: .44rem; cursor: pointer; -webkit-user-select: none; background: linear-gradient(0deg, #785b28, #c89c3c 55%, #c8a355 71%, #c8aa6e); border-radius: .4rem; }

.pop-recharge-range a.gray { cursor: default; color: #5c5b57; background: #1e2328; border: .04rem solid #5c5b57; -webkit-border-image: initial; -o-border-image: initial; border-image: initial; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; pointer-events: none; }

.pop-recharge-range a.gray span { color: #666 !important; }

.pop-recharge-range a.gray .border-idle { display: none; }

.pop-recharge-range a[type=circle] { width: .44rem; height: .44rem; }

.pop-recharge-range a[type=circle] span { display: inline-block; vertical-align: top; font-size: .42rem; color: #ead7a5; margin-top: -.1rem; }

.pop-recharge-range a[type=circle].btn-sub span { font-family: sans-serif; }

.pop-recharge-range a span { color: #ead7a5; font-family: BeaufortforLOL-Bold; font-size: .2rem; position: relative; z-index: 2; }

.pop-recharge-range a .border-idle { position: absolute; top: .04rem; left: .04rem; width: calc(100% - .08rem); height: calc(100% - .08rem); opacity: 1; background: #1e2328; border-radius: .4rem; }

.pop-recharge-range .pop-recharge-input { width: 2.63rem; height: 100%; height: 100%; position: relative; }

.pop-recharge-range .pop-recharge-input input { color: #fffcf3; font-family: BeaufortforLOL-Bold; font-size: .28rem; width: 100%; height: 100%; border: transparent solid 1px; background: #1e2328; border-radius: .12rem; outline: 0; text-align: center; padding: .02rem .14rem; box-sizing: border-box; }

.pop-recharge-range .pop-recharge-input input:focus { border-color: #f0e6d2; }

.pop-recharge-range .pop-recharge-input input:focus + span { display: block; }

.pop-recharge-range .pop-recharge-input input.err { border-color: rgba(255, 0, 0, 0.6); }

.pop-recharge-range .pop-recharge-input span { display: none; color: #9f9f9f; font-size: .22rem; position: absolute; top: .6rem; left: 0; width: 160%; margin-left: -30%; text-align: center; white-space: nowrap; }

.pop-recharge-btns { margin: .8rem auto 0; }

.pop-recharge-btns a { margin: .2rem auto 0; text-align: center; }

.pop-recharge-btns .button-normal { width: 2.84rem; }

.pop-recharge-btns .button-normal.gray em { display: block; }

.pop-recharge-btns .button-normal em { font-style: normal; display: none; color: #5c5b57; font-size: .2rem; position: absolute; top: .7rem; left: 0; width: 100%; text-align: center; }

.pop-recharge2 .pop-bd { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-recharge-bg2.png) no-repeat center/100%; width: 6.51rem; height: 4.91rem; padding-top: .3rem; padding-right: .5rem; padding-left: 0; }

.pop-recharge2 .pop-close { display: block; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-close.png) no-repeat center/100%; width: .59rem; height: .59rem; top: .05rem; right: .05rem; position: absolute; font-size: 0; text-indent: -9999px; }

.pop-recharge-stone { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/v7-pop-icon-stone-lg.png) no-repeat center/100%; width: 2.51rem; height: 2.82rem; margin: 1rem auto .2rem; }

.pop-recharge-succ-tit { color: #f0e6d2; font-size: .28rem; font-weight: 700; text-align: center; margin-top: .2rem; }

.pop-recharge-succ-txt { color: #9f9f9f; font-size: .28rem; text-align: center; }

.pop-recharge-succ .button-normal { width: 2.56rem; font-size: .24rem; margin: .3rem auto 0; }

.pop-recharge-succ .pop-recharge-succ-txt { color: #7a5ee3; }

.pop-recharge-succ .pop-btns { margin-top: .4rem; margin-left: 0; width: 100%; }

.pop-recharge-notice-txt { color: #9f9f9f; font-size: .28rem; text-align: center; height: 1.9rem; display: flex; justify-content: center; align-items: center; padding: 0 .2rem 0 .2rem; box-sizing: border-box; margin-top: .2rem; }

.pop-recharge-notice-btns { display: flex; justify-content: center; margin: .2rem auto 0; }

.pop-recharge-notice-btns .button-normal { width: 2.2rem; }

.pop-recharge-notice-btns .button-normal:first-child { order: 2; }

.pop-recharge-notice .pop-recharge-stone { margin-top: 0; }

.pop-recharge-stone + .pop-recharge-notice-txt { height: .4rem; margin-top: .15rem; margin-bottom: .3rem; }

.btn-sub span { margin-top: -.09rem; margin-left: .08rem; }

#popRecharge .btn-sub span { margin-left: 0; }

.button-normal { color: #cdbe91; font-size: .28rem; font-weight: 700; letter-spacing: 1px; position: relative; display: flex; align-items: center; box-sizing: border-box; justify-content: center; white-space: nowrap; padding: .4em 1.3em; cursor: pointer; -webkit-user-select: none; box-shadow: 0 0 1px 1px #010a13, inset 0 0 1px 1px #010a13; background: #1e2328; border: .04rem solid transparent; margin: 0 .2rem; }

.button-normal span { position: relative; z-index: 2; }

.button-normal.gray { cursor: default; color: #5c5b57; background-color: #1e2328; border: 2px solid #5c5b57; -webkit-border-image: initial; -o-border-image: initial; border-image: initial; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; pointer-events: none; }

.pop-btn.gray { filter: grayscale(1); }

.button-normal.gray .border-idle { display: none; }

.button-normal .border-idle { position: absolute; top: -2px; left: -2px; width: 100%; height: 100%; opacity: 1; border: .04rem solid transparent; -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(#785b28), color-stop(55%, #c89c3c), color-stop(71%, #c8a355), to(#c8aa6e)); border-image: -webkit-gradient(linear, left bottom, left top, from(#785b28), color-stop(55%, #c89c3c), color-stop(71%, #c8a355), to(#c8aa6e)); -o-border-image: -o-linear-gradient(bottom, #785b28 0, #c89c3c 55%, #c8a355 71%, #c8aa6e); border-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #785b28), color-stop(55%, #c89c3c), color-stop(71%, #c8a355), to(#c8aa6e)); border-image: linear-gradient(0deg, #785b28, #c89c3c 55%, #c8a355 71%, #c8aa6e); border-image-slice: 1; -webkit-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear; }

/*!! 云石充值 E */
/*!！ 兑换二次确认弹窗（popRechargeNotice4、popRechargeNotice5） S */
.pop-recharge-notice-num { height: .52rem; background-color: #e6ecfa; padding: 0; border-radius: .4rem; width: min-content; margin: .2rem auto .2rem; display: flex; justify-content: space-around; align-items: center; }

.pop-recharge-notice-num .pop-recharge-input { width: 1.2rem; height: .35rem; position: relative; margin: 0 .2rem; display: inline-block; }

.pop-recharge-notice-num .pop-recharge-input input { vertical-align: top; color: #503aa5; font-size: .3rem; width: 100%; height: 100%; line-height: 1; border: transparent solid 1px; outline: 0; text-align: center; box-sizing: border-box; background-color: transparent; appearance: none; -webkit-appearance: none; }

.pop-recharge-notice-num .pop-recharge-input input.err { border-color: rgba(255, 0, 0, 0.6); }

.pop-recharge-notice-num .pop-recharge-input span { display: none; color: #9f9f9f; font-size: .16rem; position: absolute; top: .52rem; left: 0; width: 100%; text-align: center; }

.pop-recharge-notice-num a { color: #cdbe91; position: relative; display: inline-block; }

#popRechargeNotice5 .btn-db-sub { width: .6rem; height: .4rem; display: flex; justify-content: center; align-items: center; }

#popRechargeNotice5 .btn-db-sub .i-sub { content: ""; width: .24rem; height: .04rem; background-position: -14.56rem -2.52rem; }

#popRechargeNotice5 .btn-db-add { width: .6rem; height: .4rem; display: flex; justify-content: center; align-items: center; }

#popRechargeNotice5 .btn-db-add .i-add { content: ""; width: .24rem; height: .24rem; background-position: -12.82rem -3.64rem; }

.pop-recharge-range a span { color: #ead7a5; font-family: BeaufortforLOL-Bold; font-size: .24rem; position: relative; z-index: 2; }

.pop-recharge-notice5 .pop-recharge-notice-txt { height: 1rem; pointer-events: none; }

#popRechargeNotice4 .pop-bd, #popRechargeNotice5 .pop-bd { width: 7.5rem; height: 7.83rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/popbg-drawer-middle.png) no-repeat center top/100% 100%; padding-top: .6rem; padding-right: 0; }

.pop-rechage-pic-box { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/pop-frame1-img-mask3.png") no-repeat; background-size: 100% 100%; width: 3.04rem; height: 3.04rem; margin: .8rem auto 0; position: relative; }

.pop-rechage-pic-box::after { content: ""; width: 100%; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/pop-frame1-img-mask.png") no-repeat; background-size: 100% 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

.pop-recharge-pic { width: 92%; height: 91%; object-fit: cover; position: absolute; left: .11rem; top: 0.1rem; }

#popRechargeNotice4 .pop-recharge-notice-txt, #popRechargeNotice5 .pop-recharge-notice-txt { height: .3rem; font-size: .28rem; font-weight: 700; color: #7a5ee3; margin: .5rem 0 .5rem; padding: 0 .2rem; line-height: .34rem; }

#popRechargeNotice5 .pop-recharge-notice-txt { margin: .2rem 0 .4rem; }

.pop-recharge-notice-num-text { font-size: .24rem; color: #7a5ee3; text-align: center; font-weight: 700; margin-bottom: .2rem; }

.pop-recharge-icon-box { display: flex; justify-content: center; align-items: center; margin-top: .1rem; font-size: .24rem; color: #7a5ee3; text-align: center; }

.pop-recharge-icon-box span { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/jd-gift3.png) no-repeat center top/100%; width: .38rem; height: .39rem; margin: 0 .1rem; }

#popRechargeNotice5 .pop-bd.popbg-large { width: 7.5rem; height: 9.04rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/popbg-drawer-middle.png) no-repeat center top/100% 100%; padding-top: .4rem; }

/*!！ 兑换二次确认弹窗（popRechargeNotice4、popRechargeNotice5） S */
/*!! 领取记录 S */
.pop-history .pop-bd { text-align: center; }

.pop-history .dialog-history__table { width: 7rem; color: #7e71ae; margin: 0 auto 0; font-size: .24rem; }

.pop-history .dialog-history__empty { height: 4rem; color: #7e71ae; display: flex; align-items: center; justify-content: center; }

.pop-history .dialog-history__li { line-height: .3rem; text-align: center; position: relative; font-size: .22rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: .92rem; border-bottom: 1px solid rgba(194, 248, 254, 0.3); }

.pop-history .dialog-history__li:nth-last-of-type(1) { border-bottom: none; }

.pop-history .dialog-history__li a { color: #fff69e; }

.pop-history .dialog-history__li_th { width: 7rem; font-size: .24rem; font-weight: 700; margin: .5rem auto 0; border-bottom-color: #8b91d5; }

.pop-history .dialog-history__li_th > * { color: #7a5ee3; }

.pop-history#expopHistory .dialog-history__li, .pop-history#expopHistory .dialog-history__li_th { justify-content: space-between; }

.pop-history#expopHistory .dialog-history__name { text-align: right; }

.pop-history .dialog-history__li_th .dialog-history__date { opacity: 1; }

.pop-history .dialog-history__date { width: 18%; text-align: left; }

.pop-history#expopHistory .dialog-history__date { width: 40%; }

.pop-history .dialog-history__name { width: 37%; color: #7a5ee3; font-weight: 700; }

.pop-history .dialog-history__status { width: 20%; }

.pop-history .dialog-history__area { width: 25%; text-align: right; }

.pop-history .dialog-history__bottom { color: #7e71ae; font-size: 0; text-align: center; margin-top: .4rem; width: 100%; position: absolute; left: 0; bottom: .6rem; }

.pop-history .pagination__pages { display: inline-block; vertical-align: top; font-size: .24rem; height: .48rem; line-height: .48rem; color: #7a5ee3; margin-top: -1px; }

.pop-history .pagination__btn-page { display: inline-block; vertical-align: top; margin: 0 .2rem; text-decoration: underline; color: #7a5ee3; }

.pop-history .pagination__btn-page.on { color: #fa72ff; text-decoration: none; }

.pop-history .pagination__btn-next, .pop-history .pagination__btn-prev { display: inline-block; vertical-align: top; width: .2rem; height: .28rem; margin: 0 .2rem; }

.pop-history .pagination__btn-prev { width: .48rem; height: .48rem; background-position: -12.82rem -3.14rem; margin-left: .4rem; }

.pop-history .pagination__btn-next { width: .48rem; height: .48rem; background-position: -14.18rem -2.02rem; margin-right: .4rem; }

.pop-history .pagination__ellipsis { display: inline-block; vertical-align: top; color: #c5a985; }

/*!! 领取记录 S */
/*!! 点券充值 S */
.pop-mall-ct { font-size: .28rem; display: flex; justify-content: space-between; padding: 0 1rem 0 .75rem; text-align: center; color: #beb3ec; margin: .5rem auto 0; position: relative; }

.pop-mall-ct::before { content: ""; display: block; height: 3rem; width: 1px; background: linear-gradient(to bottom, transparent 0, #476ea4 50%, transparent 100%); position: absolute; left: 50%; top: 50%; margin-top: -1.5rem; }

.pop-mall-ct .pop-mall-codes { color: #193c60; }

.pop-mall-ct .qrcode { margin-bottom: .2rem; border: #476ea4 solid 1px; padding: .04rem; }

.pop-mall-ct .qrcode img { display: block; width: 2rem; }

.pop-mall .pop-mall-btns p { line-height: .48rem; margin-top: .08rem; margin-bottom: .6rem; color: #193c60; }

.pop-mall .pop-mall-btns a { display: flex; }

/*!! 点券充值 E */
/*!! 兑换商店 S */
#popExchangeShop .pop-bd { padding-left: .3rem; }

.pop-exchange .pop-giftList .imitate-li { padding-bottom: .48rem; }

.pop-exchange .pop-scrollbar { height: 5.7rem; width: 6.2rem; padding-right: .15rem; overflow: auto; }

.pop-exchange .pop-giftList::-webkit-scrollbar { width: .08rem; background: 0 0; }

.pop-exchange .pop-giftList::-webkit-scrollbar-thumb { width: .08rem; background-color: #785A28; border-radius: .04rem; }

.pop-exchange .pop-giftList::-webkit-scrollbar-track { background-color: transparent; }

.pop-exchange .pop-scrollbar table { width: 100%; }

.pop-exchange .pop-scrollbar table th { color: #69fbff; font-size: .21rem; text-align: center; padding: .15rem 0; }

.pop-exchange .pop-scrollbar table td { color: #fff; font-size: .18rem; text-align: center; padding: .15rem 0; }

.pop-exchange .pop-exchange-stit .btn-box { width: 2.08rem; height: .42rem; border-radius: .21rem; background: #eedef9; margin: 0 .05rem; line-height: .42rem; padding-left: .65rem; text-align: left; position: relative; color: #7a5ee3; font-family: BeaufortforLOL-Bold; }

.pop-exchange .pop-exchange-stit .btn-box span { background: linear-gradient(to bottom, #7a5ee3 20%, #7a5ee3); -webkit-text-fill-color: transparent; -webkit-background-clip: text; }

.pop-exchange .pop-exchange-stit .btn-box img.icon { height: .4rem; position: absolute; left: .1rem; top: 50%; transform: translateY(-50%); }

.pop-exchange .dh-add { width: .24rem; height: .24rem; background-position: -12.82rem -3.64rem; position: absolute; right: .17rem; top: 50%; margin-top: -.145rem; display: none; }

.pop-exchange .pop-exchange-stit .btn { color: #7a5ee3; font-size: .24rem; text-decoration: underline; margin-left: .08rem; }

.pop-giftList .item .box { width: 100%; height: 3.07rem; position: relative; margin: 0 auto; }

.pop-giftList .item .box:after { content: ""; position: absolute; left: 0; top: 0; height: 3.05rem; width: 3.05rem; width: 3.08rem; height: 3.08rem; background-position: 0rem -8.44rem; }

.pop-giftList .item .box img { width: 98%; height: 98%; object-fit: cover; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.01); border-radius: .1rem; }

.pop-giftList .item:nth-child(1) .box img, .pop-giftList .item:nth-child(2) .box img { width: 98%; height: 98%; object-fit: cover; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.01); }

.pop-giftList .item:nth-child(1) .box:after, .pop-giftList .item:nth-child(2) .box:after { width: 6.4rem; width: 6.44rem; height: 3.08rem; background-position: -6.36rem 0rem; }

.pop-giftList .item:nth-child(1) .nav-zs-hover2, .pop-giftList .item:nth-child(2) .nav-zs-hover2 { margin-left: -1.3rem; width: 2.52rem; height: 1.32rem; background-position: -2.48rem -6.752rem; background-size: 11.856rem 9.216rem; }

.pop-giftList .item .name { height: .54rem; line-height: 1; display: flex; align-items: center; justify-content: center; font-size: .24rem; color: #5a3fbe; margin-top: .07rem; }

.pop-giftList .item .num { color: #7a5ee3; text-align: center; font-size: .24rem; height: .44rem; line-height: .44rem; }

.pop-giftList .item .num span { font-family: BeaufortforLOL-Bold; font-size: .28rem; }

.pop-giftList .item .num img { height: .44rem; display: inline-block; vertical-align: top; }

.pop-giftList .item .btn-list { font-size: 0; text-align: center; }

.pop-giftList .item .btn-list li { display: inline-block; vertical-align: top; width: 3.3rem; }

.pop-giftList .item .btn-list p { font-size: .24rem; height: .4rem; line-height: .4rem; color: #9b4535; }

.pop-giftList .item .btn-list .dh-iocn2 { margin-left: .08rem; }

.pop-giftList .item .btn-list span { font-family: BeaufortforLOL-Bold; }

.pop-giftList .item .dh-wh2 { display: inline-block; vertical-align: top; cursor: pointer; width: .32rem; height: .32rem; background-position: -14rem -3.14rem; position: relative; margin-left: .04rem; }

.pop-giftList .item .nav-zs-hover2 { position: absolute; left: 50%; bottom: .3rem; margin-left: -1rem; width: 1.89rem; height: .99rem; background-position: -1.86rem -5.064rem; background-size: 8.892rem 6.912rem; font-size: .18rem; color: #fff; text-align: left; line-height: 1.2; padding: .1rem; 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; }

.pop-giftList .item .dh-wh2:hover .nav-zs-hover, .pop-giftList .item .dh-wh2:hover .nav-zs-hover2 { opacity: 1; transform: translateY(0); }

.pop-giftList .item .exchange-btn { text-align: center; margin: .1rem auto 0; font-weight: 700; }

.pop-exchange .pop-giftList { width: 6.95rem; height: 11.16rem; overflow-x: hidden; overflow-y: auto; margin-top: .29rem; font-size: 0; text-align: left; padding-left: .13rem; }

.pop-exchange .pop-giftList .item { width: 3.07rem; display: inline-block; vertical-align: top; position: relative; padding-bottom: .3rem; font-size: 0; text-align: left; }

.pop-exchange .pop-giftList .item:last-child { padding-bottom: 2.6rem; }

.pop-exchange .pop-giftList .item:nth-of-type(1), .pop-exchange .pop-giftList .item:nth-of-type(2) { width: 6.42rem; }

.pop-exchange .pop-giftList .item:nth-of-type(1) .box, .pop-exchange .pop-giftList .item:nth-of-type(2) .box { height: 2.94rem; }

.pop-exchange .pop-giftList .item:nth-of-type(2n+4) { margin-left: .46rem; }

/*!! 兑换商店 E */
/*!! 兑换 S */
.pop-exchange .pop-exchange-stit { color: #efe1b9; font-size: .2675rem; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: .1rem auto 0; padding: 0 .1rem; flex-direction: row; }

.pop-exchange .pop-exchange-stit2 { color: #78727e; }

.pop-exchange .pop-iconlist { width: 3.04rem; height: 3.04rem; margin: .8rem auto 0; text-align: center; position: relative; }

.pop-exchange .pop-iconlist::after { content: ""; width: 3.08rem; height: 3.08rem; background-position: 0rem -8.44rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }

.pop-exchange .pop-iconlist img { width: 98%; height: 98%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.01); }

.pop-exchange-notice-txt { display: flex; align-items: center; justify-content: center; height: .6rem; font-size: .28rem; font-weight: 700; color: #5b3fbf; padding: 0 .3rem; box-sizing: border-box; margin: .2rem 0 .4rem; }

.pop-exchange-notice-btns .pop-btn-confirm, .pop-exchange-notice-btns .pop-gift-btmline a, .pop-gift-btmline .pop-exchange-notice-btns a { text-align: center; margin: 0 auto; font-weight: 700; }

.pop-exchange-select .pop-btns { margin-top: .4rem; }

.pop-exchange-select .continue-img-box { width: 3.648rem; height: 3.648rem; margin: .8rem auto 0; position: relative; }

.pop-exchange-select .continue-img-box img { width: 98%; height: 98%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.01); object-fit: cover; border-radius: .1rem; }

.pop-exchange-select .continue-img-box::after { content: ""; width: 3.696rem; height: 3.696rem; background-position: 0rem -10.128rem; background-size: 17.784rem 13.824rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.pop-exchange-select .continue-tips { color: #7a5ee3; font-size: .24rem; line-height: .32rem; margin-top: .4rem; text-align: center; height: .8rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }

.pop-exchange-select .continue-tips span { color: #503aa5; font-weight: 700; }

/*!! 兑换 E */
/*!! 折扣 S */
.pop-thfl .pop-thfl-ul { font-size: 0; text-align: center; height: 4.4rem; width: 120%; margin-left: -10%; }

.pop-thfl .pop-thfl-ul li { width: 3.5rem; display: inline-block; vertical-align: top; }

.pop-thfl .pop-thfl-ul .name { background: linear-gradient(to bottom, #0a2e5e 10%, #4b73a9 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #0a2e5e; font-size: .26rem; line-height: 1; font-weight: bold; height: .6rem; display: flex; align-items: center; justify-content: center; white-space: nowrap; }

.pop-thfl .pop-thfl-ul .name::after, .pop-thfl .pop-thfl-ul .name::before { display: inline-block; content: ""; margin: 0 .1rem; width: .36rem; height: .12rem; background-position: -14.18rem -2.52rem; }

.pop-thfl .pop-thfl-ul .name::after { width: .36rem; height: .12rem; background-position: -13.32rem -3.48rem; }

.pop-thfl .pop-gxhd-pic, .pop-thfl .pop-thfl-propbg { width: 3.04rem; height: 3.04rem; margin: .1rem auto 0; position: relative; }

.pop-thfl .pop-gxhd-pic img, .pop-thfl .pop-thfl-propbg img { width: 91%; height: auto; object-fit: cover; position: absolute; top: 48%; left: 50%; border-radius: .2rem; transform: translate(-50%, -50%); }

.pop-thfl .pop-thfl-tips { color: #0a2e5e; font-size: .24rem; line-height: .32rem; margin-top: .24rem; }

.pop-thfl .pop-thfl-ul i { margin-top: .02rem; margin-right: .02rem; display: none; }

.pop-thfl .pop-thfl-ul .discount { width: 1.58rem; height: .44rem; background-position: -12.82rem -2.68rem; position: absolute; left: 50%; transform: translate(-50%); top: -.05rem; color: #d4f9ff; font-size: .26rem; font-style: normal; line-height: 1.7; font-family: BeaufortForLoL-Bold; letter-spacing: 0; }

.pop-gift-btmline .pop-thfl .pop-thfl-ul a span, .pop-giftList .item .pop-thfl .pop-thfl-ul .exchange-btn span, .pop-thfl .pop-thfl-ul .pop-btn span, .pop-thfl .pop-thfl-ul .pop-gift-btmline a span, .pop-thfl .pop-thfl-ul .pop-giftList .item .exchange-btn span { letter-spacing: 0; }

.pop-thfl .pop-thfl-ul .txt > span { font-family: BeaufortForLoL-Bold; font-size: .26rem; }

.pop-thfl .btn-not-yet { color: #7a5ee3; font-size: .24rem; line-height: .32rem; text-decoration: underline; display: block; margin: .4rem auto 0; text-align: center; width: 1.3rem; opacity: .7; }

.pop-thfl-get .pop-thfl-get-img { width: 3.04rem; height: 3.04rem; margin: .8rem auto 0; position: relative; }

.pop-thfl-get .pop-thfl-get-img img { width: 98%; height: 98%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.01); object-fit: cover; }

.pop-thfl-get .pop-thfl-get-name { font-size: .24rem; text-align: center; margin-top: .2rem; }

.pop-thfl-get .pop-thfl-get-tip { text-align: center; font-size: .2rem; margin-top: .1rem; }

.pop-thfl-get .pop-btns { margin-top: .4rem; }

/*!! 折扣 E */
/*!! 福利 S */
.pop-jsfl .pop-jsfl-ul { font-size: 0; text-align: center; height: 5.76rem; margin-top: .32rem; }

.pop-jsfl .pop-jsfl-ul li { width: 3.06rem; height: 5.5rem; margin: 0 .17rem; display: inline-block; vertical-align: top; position: relative; }

.pop-jsfl .pop-jsfl-ul .pop-fl-fo1 { color: #0a2e5e; background: linear-gradient(to bottom, #0a2e5e 20%, #4b73a9 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: .26rem; line-height: .32rem; font-weight: 700; height: .6rem; display: flex; transform: translateX(0.1rem); justify-content: center; align-items: center; }

.pop-jsfl .pop-jsfl-ul .pop-fl-fo1::before { content: ""; width: .20rem; height: .34rem; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/name_before.png") no-repeat; background-size: 100% 100%; transform: translateX(-0.1rem); }

.pop-jsfl .pop-jsfl-ul .pop-fl-fo1::after { content: ""; width: .22rem; height: .34rem; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/name-after.png") no-repeat; background-size: 100% 100%; transform: translateX(0.1rem); }

.pop-jsfl .pop-jsfl-ul li:after { content: ""; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-progbar-entrance-on.png") no-repeat; background-size: 100% 100%; position: absolute; left: 50%; margin-left: -1.5rem; top: .65rem; width: 3.09rem; z-index: -1; height: 3.08rem; }

.pop-jsfl .pop-jsfl-ul img { height: 3rem; width: 3rem; object-fit: cover; display: block; margin: .04rem auto 0; transform: scale(0.95) translateX(0.05rem); border-radius: .24rem; }

.pop-jsfl .pop-fl-fo2 { color: #0a2e5e; font-size: .22rem; line-height: .32rem; margin-top: .14rem; }

.pop-jsfl .pop-jsfl-ul a { margin: .1rem auto 0; }

/*!! 福利 E */
/*!! 分享 S */
.pop-share { overflow-y: auto; background: #0a0614; }

.pop-share .pop-bd { width: 100%; height: 14.66rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/share/bg1.jpg) no-repeat center top/100%; padding-top: 7.8rem; top: 0; left: 0; transform: none; }

#popQrcode .pop-close { top: .34rem; right: .34rem; }

.pop-share .pop-close, .pop-share-give .pop-close { top: .3rem; right: .5rem; }

.pop-share .pop-share-img { display: none; }

.pop-share .pop-share-img img { display: block; width: 126px; height: 126px; margin: 0 auto 0; }

.pop-share .qrcode-msg { display: none; }

.pop-share .summoner-name { height: .7rem; line-height: .7rem; color: #fff; width: 6.05rem; margin: auto; font-size: .24rem; text-align: center; }

.pop-share .summoner-tips { position: relative; display: flex; justify-content: center; align-items: center; margin-top: 2.4rem; height: .6rem; }

.pop-share .summoner-tips p { color: #fff; font-size: .24rem; }

.pop-share .summoner-tips span { display: block; margin: -.02rem .02rem 0; width: .24rem; height: .36rem; line-height: .33rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-share-summoner-tips.png) no-repeat center top/100%; text-align: center; color: #193c60; font-family: BeaufortforLOL-Bold; font-size: .28rem; }

.save-pic { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; }

.save-pic img { display: block; width: 100%; -webkit-touch-callout: default; }

.dom2img-result { display: none; }

.pop-share .save-pic-box { position: fixed; z-index: -1; left: -999px; top: -999px; width: 750px; height: 1466px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/share/bg2.jpg) #000 no-repeat center bottom; }

.pop-share .page-cont-b { padding-top: 777px; width: 90%; margin: 0 auto; text-align: center; height: auto; }

.pop-share .page-cont-b .page-name { height: 70px; line-height: 70px; color: #fff; font-weight: 700; font-size: 24px; }

.pop-share .page-cont-b .page-num { position: relative; display: flex; justify-content: center; align-items: center; margin-top: 250px; height: 60px; color: #fff; font-size: 24px; text-align: center; }

.pop-share .page-cont-b .page-num > .num { padding: 0 5px; }

.pop-share .page-cont-b .share-num-sp2 { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/share/share-num-sp2.png) no-repeat 0 0; background-size: 100% 100%; width: 24px; height: 37px; color: #375cc7; font-size: 28px; font-weight: 700; text-align: center; margin: 0 20px; }

.pop-share .page-cont-b .page-num span b { display: inline-block; vertical-align: middle; margin: -.02rem -.02rem 0; font-size: 28px; width: 24px; height: 36px; line-height: 33px; color: #193c60; font-weight: 700; font-family: BeaufortforLOL-Bold; }

.pop-share .qr-code { position: absolute; right: 62px; bottom: 44px; width: 113px; }

.pop-share .qr-code img { display: block; width: 100%; }

/*!! 分享 E */
/*!! 加载中 S */
.pop-loading { z-index: 10086; }

.pop-loading p { width: 3.48rem; height: .64rem; background-position: -6.27rem -8.44rem; display: flex; justify-content: center; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: .24rem; text-align: center; }

.pop-loading span { color: #fff; }

/*!! 加载中 E */
.pop-video-bd { width: 7.2rem; height: 4.2rem; position: absolute; left: 50%; top: 50%; margin: -2.1rem 0 0 -3.6rem; outline: 0; }

.pop-video .pop-close { display: block; width: .5rem; height: .5rem; position: absolute; top: -.6rem; right: .2rem; text-indent: -9999rem; background: 0 0; }

.pop-video .pop-close:after, .pop-video .pop-close:before { position: absolute; left: .26rem; top: 0; content: " "; height: .56rem; width: .04rem; border-radius: .02rem; background-color: #223893; }

.pop-video .pop-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.pop-video .pop-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.video-play { width: 100%; height: 100%; background: #000; border: .04rem solid transparent; border-image: linear-gradient(45deg, #223a94, #223893) Infinity stretch; position: relative; z-index: 2; }

.pop-lottery-10-pic { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-lottery-10-pic.png) no-repeat center top/100% 100%; width: 6.66rem; height: 8.87rem; margin: .22rem auto 0; }

#popLottery10 .pop-gift-bd { height: auto; }

#popLottery10 .pop-gift-btmline { position: relative; }

#popLottery10 .pop-gift-btmline .pop-btn-cancle { width: 3.12rem; height: .89rem; background-position: -6.36rem -3.1rem; }

#popLottery10 .pop-gift-btmline .pop-btn-cancle span { color: #644ba2; background: linear-gradient(to bottom, #644ba2 20%, #8865e0 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/*!! 抽奖动效 S */
.pop-gift-vbg-ani { display: none !important; }

/*!! 抽奖动效 E */
/*!! 小屏适配 S */
.body-sm .pop-bd.pop-bd--xlarge, .body-sm .pop-series-bd { height: 10.88rem; }

.body-sm .pop-rule-bd { height: 9rem; }

.body-sm .pop-history .dialog-history__li { height: .7rem; }

.body-sm .pop-history .dialog-history__bottom { bottom: .3rem; }

.body-sm .pop-series-bd .pop-gift-ten-lt { height: 6.2rem; }

.body-sm .pop-pool .pop-scrollbar { height: 9.18rem; }

.body-sm .pop-jsfl .pop-jsfl-ul::-webkit-scrollbar { width: .08rem; background: 0 0; }

.body-sm .pop-jsfl .pop-jsfl-ul::-webkit-scrollbar-thumb { width: .08rem; background-color: #785A28; border-radius: .04rem; }

.body-sm .pop-jsfl .pop-jsfl-ul::-webkit-scrollbar-track { background-color: transparent; }

/*!! 小屏适配 S */
/*!# sourceMappingURL=popm.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%); }

[type=small] { width: 400px; }

[type=default] { width: 620px; }

[type=middle] { width: 720px; }

[type=system] { width: 384px; }

[type=large] { width: 820px; }

.lol-uikit-dialog-frame { position: absolute; width: 100%; height: 100%; inset: 0; z-index: 999; display: flex; align-items: center; justify-content: center; background-color: rgba(1, 10, 19, 0.5); }

.lol-uikit-dialog-frame::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(1, 10, 19, 0.8); z-index: -1; }

.lol-uikit-dialog-frame-container { position: relative; box-sizing: border-box; border: 2px solid transparent; -o-border-image: linear-gradient(0deg, #614a1f 0, #463714 5px, #463714) 1 stretch; border-image: linear-gradient(0deg, #614a1f 0, #463714 5px, #463714) 1 stretch; background: #010a13; background-size: cover; box-shadow: 0 0 0 1px rgba(1, 10, 19, 0.48); }

.lol-uikit-dialog-frame-container::before { content: ""; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); top: -2px; left: -2px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5); pointer-events: none; }

.lol-uikit-dialog-frame-title { display: flex; justify-content: center; align-items: center; height: .8rem; text-align: center; color: #f0e6d2; font-size: .28rem; border-bottom: thin solid #1e2328; pointer-events: none; }

.lol-uikit-dialog-frame-content { display: flex; color: #f0e6d2; justify-content: center; align-items: center; flex-direction: column; }

.lol-uikit-dialog-frame-sub-border:after, .lol-uikit-dialog-frame-sub-border:before { content: ""; position: absolute; display: flex; box-sizing: border-box; left: 12px; width: calc(100% - 24px); height: 0; border-style: solid; border-width: 4px 4px 0; border-image-width: 4px 4px 0 4px; border-image-slice: 4 4 0 4; border-image-repeat: stretch; }

.lol-uikit-dialog-frame-sub-border:before { top: -6px; border-image-source: url(https://game.gtimg.cn/images/lol/client/lcu/sub-border-secondary-horizontal.png); }

.lol-uikit-dialog-frame-sub-border:after { bottom: -6px; border-image-source: url(https://game.gtimg.cn/images/lol/client/lcu/sub-border-primary-horizontal.png); }

.lol-uikit-dialog-frame-button { position: absolute; left: 0; bottom: -2px; width: 100%; justify-content: center; display: inline-flex; z-index: 1001; }

.lol-uikit-dialog-frame-button-group { position: relative; background-color: #010a13; padding: 0 2px; display: flex; }

.lol-uikit-dialog-frame-button-group .button, .lol-uikit-dialog-frame-button-group .lol-uikit-button-wrapper { margin: 0 2px; }

.lol-uikit-dialog-frame-button-group:after, .lol-uikit-dialog-frame-button-group:before { content: ""; position: absolute; bottom: 0; border-top: 2px solid transparent; height: 10px; }

.lol-uikit-dialog-frame-button-group:before { left: 0; border-right: 2px solid #614a1f; }

.lol-uikit-dialog-frame-button-group:after { right: 0; border-left: 2px solid #614a1f; }

.lol-uikit-dialog-frame-close-button { position: absolute; right: .12rem; top: .12rem; display: flex; justify-content: center; align-items: center; width: .48rem; height: .48rem; border-radius: .04rem; cursor: pointer; mask-image: url(https://game.gtimg.cn/images/lol/client/lcu/close.png); mask-size: contain; -webkit-mask-image: url(https://game.gtimg.cn/images/lol/client/lcu/close.png); -webkit-mask-size: contain; background-color: #a09b8c; transition: background-color .3s ease-in-out; font-size: 0; }

.lol-uikit-dialog-frame-close-button > .pop-close { width: 100%; height: 100%; top: 0; right: 0; background: #f0e6d2; }

.lol-uikit-dialog-frame-close-button:hover { background-color: #c7c3b8; }

.lol-uikit-dialog-frame-btn-wrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0 0 .2rem 0; width: 100%; }

.lol-uikit-dialog-frame-btn-wrap > a { margin: .2rem; padding: 0; }

.lol-uikit-dialog-frame { position: fixed; }

.lol-uikit-dialog-frame .pop-btn1 { display: flex; align-items: center; justify-content: center; width: 2.8rem; height: .64rem; font-weight: 700; font-size: .24rem; line-height: .32rem; text-align: center; vertical-align: middle; color: #f0e6d2; background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/dialog-img/btn1.png) no-repeat center top/100% 100%; }

.lol-uikit-dialog-frame .pop-btn1 > span { font-weight: 700; font-size: .24rem; line-height: .32rem; text-align: center; vertical-align: middle; color: #f0e6d2; background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; }

.lol-uikit-dialog-frame .pop-btn1.gray { pointer-events: none; filter: opacity(1); color: #5b5a56; text-indent: 0; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/dialog-img/btn-gray.png) no-repeat center top/100% 100%; }

.lol-uikit-dialog-frame .pop-btn1:hover { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/dialog-img/btn1-on.png) no-repeat center top/100% 100%; }

.lol-uikit-dialog-frame .pop-btn2 { display: flex; align-items: center; justify-content: center; width: 2.8rem; height: .64rem; font-weight: 700; font-size: .24rem; line-height: .32rem; text-align: center; vertical-align: middle; color: #f0e6d2; background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/dialog-img/btn2.png) no-repeat center top/100% 100%; }

.lol-uikit-dialog-frame .pop-btn2 > span { font-weight: 700; font-size: .24rem; line-height: .32rem; text-align: center; vertical-align: middle; color: #f0e6d2; background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; }

.lol-uikit-dialog-frame .pop-btn2.gray { pointer-events: none; filter: opacity(1); color: #5b5a56; text-indent: 0; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/dialog-img/btn-gray.png) no-repeat center top/100% 100%; }

.lol-uikit-dialog-frame .pop-btn2:hover { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/dialog-img/btn2-on.png) no-repeat center top/100% 100%; }

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

#certificate1 .pop-bd .pop-close, #certificate1 .pop-close, #expopHistory .dialog-frame-container .pagination__btn-next, #expopHistory .dialog-frame-container .pagination__btn-prev, #popBuyOne .dialog-frame-container .pop-checkbox .pop-checkbox-icon, #popBuyOne .dialog-frame-container .pop-checkbox .pop-checkbox-icon.on, #popBuyOne .dialog-frame-container .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon, #popContinue2 .dialog-frame-container .pop-checkbox .pop-checkbox-icon, #popContinue2 .dialog-frame-container .pop-checkbox .pop-checkbox-icon.on, #popContinue2 .dialog-frame-container .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon, #popContinue3 .dialog-frame-container .pop-checkbox .pop-checkbox-icon, #popContinue3 .dialog-frame-container .pop-checkbox .pop-checkbox-icon.on, #popContinue3 .dialog-frame-container .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon, #popContinue5 .dialog-frame-container .pop-checkbox .pop-checkbox-icon, #popContinue5 .dialog-frame-container .pop-checkbox .pop-checkbox-icon.on, #popContinue5 .dialog-frame-container .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon, #popExchange1 .dialog-frame-container .pop-iconlist::after, #popExchange2 .dialog-frame-container .pop-iconlist::after, #popExchangeContinue .dialog-frame-container .continue-img-box::after, #popExchangeShop .dialog-frame-container .pop-giftList .item .box::after, #popExchangeShop .dialog-frame-container .pop-giftList .item .dh-wh2, #popExchangeShop .dialog-frame-container .pop-giftList .item::after, #popExchangeShop .dialog-frame-container .pop-giftList .item:nth-of-type(1) .box::after, #popExchangeShop .dialog-frame-container .pop-giftList .item:nth-of-type(2) .box::after, #popHistory .dialog-frame-container .pagination__btn-next, #popHistory .dialog-frame-container .pagination__btn-prev, #popMall .pop-bd .pop-close, #popPool2 .dialog-frame-container .pop-pool-bd-center li:nth-child(1) .img::after, #popPool2 .dialog-frame-container .pop-pool-bd-center li:nth-child(2) .img::after, #popPool2 .dialog-frame-container .pop-pool-bd-center li:nth-child(3) .img::after, #popPool2 .dialog-frame-container .pop-pool-bd-lg li .img::after, #popRechargeNotice4 .pop-bd .pop-btns a, #popRechargeNotice4 .pop-bd .pop-close, #popRechargeNotice4 .pop-close, #popRechargeNotice5 .dialog-frame-container .btn-db-add .i-add, #popRechargeNotice5 .dialog-frame-container .btn-db-sub .i-sub, #popRechargeNotice5 .dialog-frame-container .pop-rechage-pic-box::after, #popRechargeSucc .pop-bd .pop-btns a, #popRechargeSucc .pop-bd .pop-close, .arrow-l1, .arrow-r1, .btn_bg1, .btn_bg2, .frame1, .frame2, .frame3, .frame4, .frame5, .frame6, .icon1, .icon2, .icon2-on, .icon3, .icon4, .icon5, .pop-btn_bg1, .pop-btn_bg2, .pop-close1, .pop-close2, .pop-frame1, .pop-icon1, .pop-icon2, .pop-label1, .pop-line1, .pop-loading .loading-icon, .pop.pop-share .pop-close, .pop.pop-thfl .pop-thfl-ul .name::after, .spr-dia-m { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/spr-dia-m.png?2025_5_28_19_7_0); background-size: 12.95rem 11.7rem; background-repeat: no-repeat; }

.arrow-l1 { background-position: -11.4rem -6.44rem; width: .64rem; height: .64rem; }

.arrow-r1 { background-position: -12.09rem -6.44rem; width: .64rem; height: .64rem; }

.btn_bg1 { background-position: -7.1rem -8.66rem; width: 3.92rem; height: 1.48rem; }

.btn_bg2 { background-position: -3.09rem -8.66rem; width: 3.96rem; height: 1.48rem; }

.frame1 { background-position: -7.54rem -4.33rem; width: 3.04rem; height: 3.04rem; }

.frame2 { background-position: 0rem -4.33rem; width: 4.28rem; height: 4.28rem; }

.frame3 { background-position: -6.55rem 0rem; width: 6.4rem; height: 3.04rem; }

.frame4 { background-position: 0rem -8.66rem; width: 3.04rem; height: 3.04rem; }

.frame5 { background-position: 0rem 0rem; width: 6.5rem; height: 4.28rem; }

.frame6 { background-position: -10.63rem -4.33rem; width: 2.06rem; height: 2.06rem; }

.icon1 { background-position: -10.63rem -6.44rem; width: .72rem; height: .72rem; }

.icon2-on { background-position: -9.59rem -7.51rem; width: .32rem; height: .32rem; }

.icon2 { background-position: -9.96rem -7.51rem; width: .32rem; height: .32rem; }

.icon3 { background-position: -8.18rem -7.51rem; width: .52rem; height: .52rem; }

.icon4 { background-position: -7.61rem -7.51rem; width: .52rem; height: .52rem; }

.icon5 { background-position: -9.22rem -7.51rem; width: .32rem; height: .32rem; }

.pop-btn_bg1 { background-position: -6.55rem -3.09rem; width: 3.24rem; height: .85rem; }

.pop-btn_bg2 { background-position: -4.33rem -7.51rem; width: 3.23rem; height: .85rem; }

.pop-close1 { background-position: -9.84rem -3.09rem; width: 1.34rem; height: .64rem; }

.pop-close2 { background-position: -8.75rem -7.51rem; width: .42rem; height: .43rem; }

.pop-frame1 { background-position: -4.33rem -4.33rem; width: 3.16rem; height: 3.13rem; }

.pop-icon1 { background-position: -12.62rem -3.09rem; width: .24rem; height: .17rem; }

.pop-icon2 { background-position: -11.23rem -3.44rem; width: .24rem; height: .17rem; }

.pop-label1 { background-position: -11.23rem -3.09rem; width: 1.34rem; height: .3rem; }

.pop-line1 { background-position: -6.55rem -3.99rem; width: 4.24rem; height: .12rem; }

.spr-mask-arrow-l1, .spr-mask-arrow-r1, .spr-mask-btn_bg1, .spr-mask-btn_bg2, .spr-mask-frame1, .spr-mask-frame2, .spr-mask-frame3, .spr-mask-frame4, .spr-mask-frame5, .spr-mask-frame6, .spr-mask-icon1, .spr-mask-icon2, .spr-mask-icon2-on, .spr-mask-icon3, .spr-mask-icon4, .spr-mask-icon5, .spr-mask-pop-btn_bg1, .spr-mask-pop-btn_bg2, .spr-mask-pop-close1, .spr-mask-pop-close2, .spr-mask-pop-frame1, .spr-mask-pop-icon1, .spr-mask-pop-icon2, .spr-mask-pop-label1, .spr-mask-pop-line1, .spr-mask-spr-dia-m { -webkit-mask-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/spr-dia-m.png?2025_5_28_19_7_0); -webkit-mask-size: 12.95rem 11.7rem; -webkit-mask-repeat: no-repeat; }

.spr-mask-arrow-l1 { -webkit-mask-position: -11.4rem -6.44rem; width: .64rem; height: .64rem; }

.spr-mask-arrow-r1 { -webkit-mask-position: -12.09rem -6.44rem; width: .64rem; height: .64rem; }

.spr-mask-btn_bg1 { -webkit-mask-position: -7.1rem -8.66rem; width: 3.92rem; height: 1.48rem; }

.spr-mask-btn_bg2 { -webkit-mask-position: -3.09rem -8.66rem; width: 3.96rem; height: 1.48rem; }

.spr-mask-frame1 { -webkit-mask-position: -7.54rem -4.33rem; width: 3.04rem; height: 3.04rem; }

.spr-mask-frame2 { -webkit-mask-position: 0rem -4.33rem; width: 4.28rem; height: 4.28rem; }

.spr-mask-frame3 { -webkit-mask-position: -6.55rem 0rem; width: 6.4rem; height: 3.04rem; }

.spr-mask-frame4 { -webkit-mask-position: 0rem -8.66rem; width: 3.04rem; height: 3.04rem; }

.spr-mask-frame5 { -webkit-mask-position: 0rem 0rem; width: 6.5rem; height: 4.28rem; }

.spr-mask-frame6 { -webkit-mask-position: -10.63rem -4.33rem; width: 2.06rem; height: 2.06rem; }

.spr-mask-icon1 { -webkit-mask-position: -10.63rem -6.44rem; width: .72rem; height: .72rem; }

.spr-mask-icon2-on { -webkit-mask-position: -9.59rem -7.51rem; width: .32rem; height: .32rem; }

.spr-mask-icon2 { -webkit-mask-position: -9.96rem -7.51rem; width: .32rem; height: .32rem; }

.spr-mask-icon3 { -webkit-mask-position: -8.18rem -7.51rem; width: .52rem; height: .52rem; }

.spr-mask-icon4 { -webkit-mask-position: -7.61rem -7.51rem; width: .52rem; height: .52rem; }

.spr-mask-icon5 { -webkit-mask-position: -9.22rem -7.51rem; width: .32rem; height: .32rem; }

.spr-mask-pop-btn_bg1 { -webkit-mask-position: -6.55rem -3.09rem; width: 3.24rem; height: .85rem; }

.spr-mask-pop-btn_bg2 { -webkit-mask-position: -4.33rem -7.51rem; width: 3.23rem; height: .85rem; }

.spr-mask-pop-close1 { -webkit-mask-position: -9.84rem -3.09rem; width: 1.34rem; height: .64rem; }

.spr-mask-pop-close2 { -webkit-mask-position: -8.75rem -7.51rem; width: .42rem; height: .43rem; }

.spr-mask-pop-frame1 { -webkit-mask-position: -4.33rem -4.33rem; width: 3.16rem; height: 3.13rem; }

.spr-mask-pop-icon1 { -webkit-mask-position: -12.62rem -3.09rem; width: .24rem; height: .17rem; }

.spr-mask-pop-icon2 { -webkit-mask-position: -11.23rem -3.44rem; width: .24rem; height: .17rem; }

.spr-mask-pop-label1 { -webkit-mask-position: -11.23rem -3.09rem; width: 1.34rem; height: .3rem; }

.spr-mask-pop-line1 { -webkit-mask-position: -6.55rem -3.99rem; width: 4.24rem; height: .12rem; }

/*! 旋转动画 */
@keyframes rotate { from { transform: rotate(360deg); }
  to { transform: rotate(0); } }

:root { --swiper-theme-color: #785A28; }

::-webkit-scrollbar-thumb { width: 4px; background-color: #785A28 !important; border-radius: 2px; }

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

.pop { display: none; }

.pop > .dialog-frame-container .dialog-frame-content { height: calc(100% - .8rem); }

.pop > .dialog-frame-container.dialog-bd--drawer { margin-top: auto; animation: ani-pop-drawer .3s ease-out both; }

.pop.pop-share .pop-close { background-position: -9.84rem -3.09rem; width: 1.34rem; height: .64rem; }

.pop.pop-thfl .pop-bd .pop-close { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-close.png") no-repeat; background-size: 100% 100%; width: .37rem; height: .38rem; position: absolute; top: -.43rem; right: .27rem; }

.pop.pop-thfl .pop-bd.pop-bd--large { padding-top: .32rem; width: 7.5rem; height: 7.57rem; }

.pop.pop-thfl .pop-thfl-ul .name::before { content: ""; width: .20rem; height: .34rem; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/name_before.png") no-repeat; background-size: 100% 100%; }

.pop.pop-thfl .pop-thfl-ul .name::after { content: ""; width: .22rem; height: .34rem; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/name-after.png") no-repeat; background-size: 100% 100%; }

.pop.pop-thfl .pop-thfl-ul .discount { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/discount.png") no-repeat; background-size: 100% 100%; width: 1.11rem; height: .36rem; display: flex; align-items: center; justify-content: center; top: -.19rem; font-size: .24rem; color: #4e6984; }

.pop-thfl .pop-gxhd-pic, .pop.pop-thfl .pop-thfl-propbg { overflow: hidden; width: 3.09rem; height: 3.09rem; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/gift-progbar-entrance-on.png") no-repeat; background-size: 100% 100%; }

.pop-thfl .pop-gxhd-pic .num, .pop.pop-thfl .pop-thfl-propbg .num { position: absolute; bottom: .2rem; right: .3rem; font-size: .32rem; font-weight: 700; color: #fff; text-shadow: -.01rem 0 0 #424771, .01rem 0 0 #424771, 0 -.01rem 0 #424771, 0 .01rem 0 #424771, -.01rem -.01rem 0 #424771, .01rem -.01rem 0 #424771, -.01rem .01rem 0 #424771, .01rem .01rem 0 #424771; }

.pop.pop-thfl .pop-hd-name, .pop.pop-thfl .pop-thfl-tips { color: #0a2e5e; font-size: .22rem; line-height: .32rem; margin-top: .04rem; }

.pop .pop-gift-stit { color: #ccf4ff; background: linear-gradient(to bottom, #b8efff 20%, #f9feff 80%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.pop .pop-gift-stit > span { color: #fffbd0; background: linear-gradient(to bottom, #fff9b8 20%, #f7f7f2 80%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.pop .pop-gift-box .pop-gift-img > img { width: 100%; height: 100%; }

.pop .pop-gift-name { position: absolute; left: 0; bottom: -.7rem; color: #fff; }

.pop .pop-gift-btmline { bottom: .1rem; }

.pop .pop-gift-btmline > a > span { background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; width: 100%; display: block; text-align: center; }

.pop-loading { display: flex; align-items: center; justify-content: center; }

.pop-loading .loading-icon { background-position: -10.63rem -6.44rem; width: .72rem; height: .72rem; animation: rotate 1s linear infinite; }

#popComm .dialog-frame-container, #popComm2 .dialog-frame-container, #popComm3 .dialog-frame-container { width: 6.86rem; min-height: 4.4rem; }

#popComm .dialog-frame-container .dialog-frame-content, #popComm2 .dialog-frame-container .dialog-frame-content, #popComm3 .dialog-frame-container .dialog-frame-content { width: 6.74rem; }

#popComm .dialog-frame-container .pop-msg, #popComm2 .dialog-frame-container .pop-msg, #popComm3 .dialog-frame-container .pop-msg { margin: 0; padding: 1.94rem .6rem; font-weight: 400; font-size: .24rem; line-height: .32rem; letter-spacing: 0; text-align: center; color: #f0e6d2; }

#popBuyOne .dialog-frame-container { width: 7.62rem; height: 7.18rem; }

#popBuyOne .dialog-frame-container .dialog-frame-content { justify-content: flex-start; height: calc(100% - .8rem); }

#popBuyOne .dialog-frame-container .dialog-frame-content > div:first-child { padding: .84rem 0 0; }

#popBuyOne .dialog-frame-container .pop-icon-stone-lg { margin: 0 auto; width: 2.352rem; height: 2.352rem; }

#popBuyOne .dialog-frame-container .pop-msg { flex-direction: row; margin: 5px 0; font-weight: 400; font-size: .24rem; line-height: .32rem; letter-spacing: 0; text-align: center; color: #f0e6d2; }

#popBuyOne .dialog-frame-container .pop-msg > span { margin: 0 .08rem; font-weight: 700; }

#popBuyOne .dialog-frame-container .pop-checkbox { margin: .1rem 0 .68rem; }

#popBuyOne .dialog-frame-container .pop-checkbox .pop-checkbox-icon { position: relative; background-position: -9.96rem -7.51rem; width: .32rem; height: .32rem; }

#popBuyOne .dialog-frame-container .pop-checkbox .pop-checkbox-txt { font-weight: 400; line-height: .32rem; text-align: center; vertical-align: middle; color: #797873; }

#popBuyOne .dialog-frame-container .pop-checkbox .pop-checkbox-icon.on, #popBuyOne .dialog-frame-container .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon { background-position: -9.59rem -7.51rem; width: .32rem; height: .32rem; }

#popBuyOne .dialog-frame-container .pop-checkbox .pop-checkbox-icon.on ~ .pop-checkbox-txt, #popBuyOne .dialog-frame-container .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon ~ .pop-checkbox-txt { color: #f0e6d2; }

#popRechargeNotice5 .dialog-frame-container { width: 7.62rem; height: 8.42rem; }

#popRechargeNotice5 .dialog-frame-container .dialog-frame-content { justify-content: flex-start; }

#popRechargeNotice5 .dialog-frame-container .dialog-frame-content > div:first-child { margin: .4rem 0 .3rem; }

#popRechargeNotice5 .dialog-frame-container .pop-recharge-notice-num .pop-recharge-input { margin: 0; }

#popRechargeNotice5 .dialog-frame-container .pop-rechage-pic-box { margin: 0 auto; width: 3.04rem; height: 3.04rem; }

#popRechargeNotice5 .dialog-frame-container .pop-rechage-pic-box > img { max-width: 3.04rem; max-height: 3.04rem; width: 95%; height: auto; border-radius: .08rem; left: 0; top: 0; }

#popRechargeNotice5 .dialog-frame-container .pop-recharge-notice-txt { margin: .1rem 0 0; color: #f0e6d2; }

#popRechargeNotice5 .dialog-frame-container .pop-recharge-notice-num-text { margin-bottom: .1rem; font-weight: 400; line-height: .32rem; letter-spacing: 0; color: #a09b8c; }

#popRechargeNotice5 .dialog-frame-container .btn-db-add .i-add { background-position: -8.18rem -7.51rem; width: .52rem; height: .52rem; }

#popRechargeNotice5 .dialog-frame-container .btn-db-sub .i-sub { background-position: -7.61rem -7.51rem; width: .52rem; height: .52rem; }

#popRechargeNotice5 .dialog-frame-container .pop-recharge-notice-num { margin: 0 auto; padding: 0 .06rem; width: 2.32rem; height: .52rem; border-radius: 1.32rem; background: #1e2328; }

#popRechargeNotice5 .dialog-frame-container .pop-recharge-notice-num .pop-recharge-input input { color: #f0e6d2; }

#popRechargeNotice5 .dialog-frame-container .pop-recharge-icon-box { color: #a09b8c; }

#popRechargeNotice5 .dialog-frame-container .pop-recharge-icon-box span { width: .48rem; height: .48rem; }

#popRechargeNotice5 .dialog-frame-container .pop-recharge-icon-box > em { font-style: normal; font-weight: 700; color: #c89b3c; font-family: BeaufortforLOL-Bold; }

#popExchange1 .dialog-frame-container, #popExchange2 .dialog-frame-container { width: 7.62rem; height: 8.42rem; }

#popExchange1 .dialog-frame-container .dialog-frame-content, #popExchange2 .dialog-frame-container .dialog-frame-content { justify-content: flex-start; }

#popExchange1 .dialog-frame-container .dialog-frame-content > div:first-child, #popExchange2 .dialog-frame-container .dialog-frame-content > div:first-child { padding: .8rem 0 0; }

#popExchange1 .dialog-frame-container .pop-iconlist, #popExchange2 .dialog-frame-container .pop-iconlist { display: flex; align-items: center; justify-content: center; position: relative; margin: 0 auto; padding: 3px; width: 4.28rem; height: 4.28rem; }

#popExchange1 .dialog-frame-container .pop-iconlist img, #popExchange2 .dialog-frame-container .pop-iconlist img { width: 100%; height: 100%; object-fit: cover; border-radius: .08rem; }

#popExchange1 .dialog-frame-container .pop-iconlist::after, #popExchange2 .dialog-frame-container .pop-iconlist::after { background-position: 0rem -4.33rem; width: 4.28rem; height: 4.28rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ''; }

#popExchange1 .dialog-frame-container .pop-exchange-notice-txt, #popExchange2 .dialog-frame-container .pop-exchange-notice-txt { font-weight: 700; font-size: .28rem; line-height: .36rem; text-align: center; }

#popExchange1 .dialog-frame-container .pop-exchange-notice-txt, #popExchange2 .dialog-frame-container .pop-exchange-notice-txt { background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; color: inherit; margin: 0 0 .1rem; height: .9rem; }

#popExchangeShop .dialog-frame-container { width: 7.62rem; height: 90vh; }

#popExchangeShop .dialog-frame-container .lol-uikit-dialog-frame-title { position: relative; }

#popExchangeShop .dialog-frame-container .lol-uikit-dialog-frame-title > .btn { position: absolute; top: .2rem; right: .8rem; font-weight: 400; font-size: .24rem; line-height: .32rem; text-align: center; text-decoration: underline; text-decoration-style: solid; text-decoration-offset: 0; text-decoration-thickness: 0; color: #f0e6d2; pointer-events: auto; color: #c89b3c; }

#popExchangeShop .dialog-frame-container .dialog-frame-content { justify-content: flex-start; }

#popExchangeShop .dialog-frame-container .dialog-frame-content > div:first-child { padding: .3rem 0 0; height: 100%; }

#popExchangeShop .dialog-frame-container .pop-exchange-stit { margin: 0; }

#popExchangeShop .dialog-frame-container .pop-exchange-stit .btn-box { top: 0; padding-left: .9rem; width: 2.08rem; height: .52rem; line-height: .48rem; border-radius: 1.32rem; background: #1e2328; }

#popExchangeShop .dialog-frame-container .pop-exchange-stit .btn-box span { background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; color: #f0e6d2; font-weight: 700; font-family: BeaufortforLOL-Bold; }

#popExchangeShop .dialog-frame-container .pop-exchange-stit .btn-box img.icon { position: absolute; left: .3rem; width: .48rem; height: auto; }

#popExchangeShop .dialog-frame-container .pop-giftList { margin: 0 auto; padding: .12rem 0 .3rem .35rem; width: 100%; height: 93.5%; }

#popExchangeShop .dialog-frame-container .pop-giftList .item { margin: .2rem; margin: 0 .2rem; width: 3.04rem; height: auto; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .box { width: 3.04rem; height: 3.04rem; padding: .03rem; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .box::after { background-position: 0rem -8.66rem; width: 3.04rem; height: 3.04rem; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .box > img { width: 98%; height: 98%; border-radius: .08rem; }

#popExchangeShop .dialog-frame-container .pop-giftList .item::after { background-position: 0rem -8.66rem; width: 3.04rem; height: 3.04rem; }

#popExchangeShop .dialog-frame-container .pop-giftList .item:nth-of-type(1), #popExchangeShop .dialog-frame-container .pop-giftList .item:nth-of-type(2) { margin: .1rem .2rem .2rem; width: auto; height: auto; }

#popExchangeShop .dialog-frame-container .pop-giftList .item:nth-of-type(1) .box, #popExchangeShop .dialog-frame-container .pop-giftList .item:nth-of-type(2) .box { width: 6.4rem; height: 3.04rem; }

#popExchangeShop .dialog-frame-container .pop-giftList .item:nth-of-type(1) .box::after, #popExchangeShop .dialog-frame-container .pop-giftList .item:nth-of-type(2) .box::after { background-position: -6.55rem 0rem; width: 6.4rem; height: 3.04rem; }

#popExchangeShop .dialog-frame-container .pop-giftList .item:nth-of-type(2) { margin: -.1rem .2rem 0rem; }

#popExchangeShop .dialog-frame-container .pop-giftList .item:last-child { padding-bottom: 0; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .exchange-btn { display: flex; align-items: center; justify-content: center; width: 2.8rem; height: .64rem; font-weight: 700; font-size: .24rem; line-height: .32rem; text-align: center; vertical-align: middle; color: #f0e6d2; background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/dialog-img/btn1.png) no-repeat center top/100% 100%; padding: 0; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .exchange-btn > span { font-weight: 700; font-size: .24rem; line-height: .32rem; text-align: center; vertical-align: middle; color: #f0e6d2; background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .exchange-btn.gray { pointer-events: none; filter: opacity(1); color: #5b5a56; text-indent: 0; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/dialog-img/btn-gray.png) no-repeat center top/100% 100%; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .exchange-btn:hover { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/dialog-img/btn1-on.png) no-repeat center top/100% 100%; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .exchange-btn { margin: .1rem auto 0; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .name { padding: .24rem 0 .08rem; height: auto; font-weight: 700; font-size: .28rem; color: #f0e6d2; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .num img { width: .48rem; height: auto; vertical-align: bottom; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .num > span { font-weight: 700; font-size: .24rem; line-height: .32rem; line-height: .4rem; color: #c89b3c; font-family: BeaufortforLOL-Bold; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .dh-wh2 { background-position: -9.22rem -7.51rem; width: .32rem; height: .32rem; }

#expopHistory .dialog-frame-container, #popHistory .dialog-frame-container { width: 7.62rem; height: 90vh; }

#expopHistory .dialog-frame-container .dialog-frame-content, #popHistory .dialog-frame-container .dialog-frame-content { justify-content: flex-start; }

#expopHistory .dialog-frame-container .dialog-frame-content > div:first-child, #popHistory .dialog-frame-container .dialog-frame-content > div:first-child { display: flex; flex-direction: column; padding: .36rem 0 0; height: 100%; }

#expopHistory .dialog-frame-container .dialog-history__empty, #popHistory .dialog-frame-container .dialog-history__empty { width: 100%; height: 50%; color: #c89b3c; font-size: .2rem; }

#expopHistory .dialog-frame-container .dialog-history__table, #popHistory .dialog-frame-container .dialog-history__table { flex: 1; overflow: hidden auto; width: 6.38rem; max-height: calc(1.12rem * 10); }

#expopHistory .dialog-frame-container .dialog-history__li_th, #popHistory .dialog-frame-container .dialog-history__li_th { width: 100%; }

#expopHistory .dialog-frame-container .dialog-history__li, #popHistory .dialog-frame-container .dialog-history__li { height: 1.12rem; border-bottom: .02rem solid #3c3c41; }

#expopHistory .dialog-frame-container .dialog-history__li.dialog-history__li_th, #popHistory .dialog-frame-container .dialog-history__li.dialog-history__li_th { margin: 0; height: .8rem; font-weight: 400; border-bottom-color: #3c3c41; }

#expopHistory .dialog-frame-container .dialog-history__li.dialog-history__li_th > div, #popHistory .dialog-frame-container .dialog-history__li.dialog-history__li_th > div { color: #c89b3c; }

#expopHistory .dialog-frame-container .dialog-history__li > div, #popHistory .dialog-frame-container .dialog-history__li > div { color: #a09b8c; font-weight: 400; font-size: .24rem; }

#expopHistory .dialog-frame-container .dialog-history__li .dialog-history__name, #popHistory .dialog-frame-container .dialog-history__li .dialog-history__name { color: #f0e6d2; }

#expopHistory .dialog-frame-container .pagination__btn-page, #popHistory .dialog-frame-container .pagination__btn-page { color: #f0e6d2; font-size: .24rem; text-align: center; vertical-align: middle; }

#expopHistory .dialog-frame-container .pagination__btn-page.on, #popHistory .dialog-frame-container .pagination__btn-page.on { color: #c89b3c; text-decoration: underline; }

#expopHistory .dialog-frame-container .pagination__ellipsis, #popHistory .dialog-frame-container .pagination__ellipsis { color: #5b5a56; }

#expopHistory .dialog-frame-container .dialog-history__bottom, #popHistory .dialog-frame-container .dialog-history__bottom { position: initial; margin-top: auto; padding: .2rem 0; }

#expopHistory .dialog-frame-container .pagination__btn-prev, #popHistory .dialog-frame-container .pagination__btn-prev { background-position: -11.4rem -6.44rem; width: .64rem; height: .64rem; }

#expopHistory .dialog-frame-container .pagination__btn-next, #popHistory .dialog-frame-container .pagination__btn-next { background-position: -12.09rem -6.44rem; width: .64rem; height: .64rem; }

#popHistory .dialog-frame-container .dialog-history__date { width: 24%; }

#popHistory .dialog-frame-container .dialog-history__name { width: 38%; text-align: left; }

#popHistory .dialog-frame-container .dialog-history__status { width: 18%; }

#popHistory .dialog-frame-container .dialog-history__area { width: 20%; }

#popGiftBdw .pop-gift-bd { height: 14.66rem; }

#popGiftBdw .pop-gift-bd .pop-gift-btmline { position: absolute; left: 0; top: 90%; margin: 0; width: 100%; direction: initial; }

#popGiftBdw .pop-gift-bd .pop-gift-btmline a { padding: 0 0 .04rem; margin: 0 -.1rem; }

#popGiftBdw .pop-gift-bd .pop-gift-btmline a span { font-size: .27rem; background: initial; font-weight: bold; padding-top: .1rem; box-sizing: border-box; }

#popGiftBdw .pop-gift-bd .pop-gift-btmline .call-one { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/call-btn-one.png") no-repeat; background-size: 100% 100%; width: 3.76rem; height: 1.19rem; }

#popGiftBdw .pop-gift-bd .pop-gift-btmline .call-sum { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/call-btn-sum.png") no-repeat; background-size: 100% 100%; width: 3.76rem; height: 1.19rem; }

#popGiftBdw .pop-gift-bd .pop-gift-btmline .call-sum span { color: #193c60; }

#popGiftTen .pop-gift-ten-lt { width: 7.2rem; }

#popGiftTen .pop-gift-ten-lt li { width: 2.53rem; height: 2.34rem; }

#popGiftTen .pop-gift-ten-lt li .back::before, #popGiftTen .pop-gift-ten-lt li .front::before, #popGiftTen .pop-gift-ten-lt li .pop-gift-ten-img img, #popGiftTen .pop-gift-ten-lt li::before { width: 101%; height: 100%; }

#popGiftTen .pop-gift-ten-lt li.bsNum500::before, #popGiftTen .pop-gift-ten-lt li.pop-gift-tag-cs::before, #popGiftTen .pop-gift-ten-lt li.pop-gift-tag-new::before, #popGiftTen .pop-gift-ten-lt li.pop-gift-tag-xc::before { width: 110%; height: 110%; top: 48%; }

#popGiftTen .pop-gift-ten-lt li.bsNum500 .pop-gift-ten-img img, #popGiftTen .pop-gift-ten-lt li.pop-gift-tag-cs .pop-gift-ten-img img, #popGiftTen .pop-gift-ten-lt li.pop-gift-tag-new .pop-gift-ten-img img, #popGiftTen .pop-gift-ten-lt li.pop-gift-tag-xc .pop-gift-ten-img img { width: 100%; height: 100%; }

#popGiftTen .pop-gift-ten-lt li:nth-child(1), #popGiftTen .pop-gift-ten-lt li:nth-child(10), #popGiftTen .pop-gift-ten-lt li:nth-child(4), #popGiftTen .pop-gift-ten-lt li:nth-child(7) { left: .2rem; }

#popGiftTen .pop-gift-ten-lt li:nth-child(3), #popGiftTen .pop-gift-ten-lt li:nth-child(6), #popGiftTen .pop-gift-ten-lt li:nth-child(9) { left: 2.36rem; }

#popGiftTen .pop-gift-ten-lt li:nth-child(11), #popGiftTen .pop-gift-ten-lt li:nth-child(2), #popGiftTen .pop-gift-ten-lt li:nth-child(5), #popGiftTen .pop-gift-ten-lt li:nth-child(8) { left: 4.5rem; }

#popGiftTen .pop-gift-ten-lt li .pop-gift-ten-name { margin: 2.4rem auto 0; width: 80%; line-height: 1.1; color: #fff; font-size: .18rem; }

#popPool2 .dialog-frame-container { width: 7.62rem; height: 90vh; }

#popPool2 .dialog-frame-container .dialog-frame-content > div:first-child { width: 100%; height: 100%; }

#popPool2 .dialog-frame-container .pop-scrollbar { margin: .5rem auto 0; padding: 0; width: 100%; height: calc(100% - .5rem); text-align: center; }

#popPool2 .dialog-frame-container .pop-scrollbar .pop-stit { background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; font-weight: 700; font-size: .28rem; line-height: .36rem; color: #f0e6d2; }

#popPool2 .dialog-frame-container .pop-scrollbar .odds { font-weight: 400; font-size: .2rem; line-height: .28rem; color: #c89b3c; }

#popPool2 .dialog-frame-container .pop-pool-bd-center li { width: auto; height: auto; }

#popPool2 .dialog-frame-container .pop-pool-bd-center li:nth-child(1) .img { width: 6.5rem; height: 4.28rem; }

#popPool2 .dialog-frame-container .pop-pool-bd-center li:nth-child(1) .img::after { background-position: 0rem 0rem; width: 6.5rem; height: 4.28rem; }

#popPool2 .dialog-frame-container .pop-pool-bd-center li:nth-child(2), #popPool2 .dialog-frame-container .pop-pool-bd-center li:nth-child(3) { margin: .2rem 0 0; }

#popPool2 .dialog-frame-container .pop-pool-bd-center li:nth-child(2) .img, #popPool2 .dialog-frame-container .pop-pool-bd-center li:nth-child(3) .img { width: 4.28rem; height: 4.28rem; }

#popPool2 .dialog-frame-container .pop-pool-bd-center li:nth-child(2) .img::after, #popPool2 .dialog-frame-container .pop-pool-bd-center li:nth-child(3) .img::after { background-position: 0rem -4.33rem; width: 4.28rem; height: 4.28rem; }

#popPool2 .dialog-frame-container .pop-pool-bd-center li .img { width: 100%; height: 100%; }

#popPool2 .dialog-frame-container .pop-pool-bd-center li .img img { width: 100%; height: 100%; border-radius: .1rems; }

#popPool2 .dialog-frame-container .pop-pool-bd-lg { margin: 0; width: 100%; }

#popPool2 .dialog-frame-container .pop-pool-bd-lg li { margin: .2rem .15rem 0; width: 2.06rem; height: auto; }

#popPool2 .dialog-frame-container .pop-pool-bd-lg li .img { width: 2.06rem; height: 2.06rem; }

#popPool2 .dialog-frame-container .pop-pool-bd-lg li .img::after { background-position: -10.63rem -4.33rem; width: 2.06rem; height: 2.06rem; }

#popPool2 .dialog-frame-container .pop-pool-bd-lg li .name { max-width: 90%; font-weight: 400; font-size: .2rems; line-height: .28rems; color: #a09b8c; }

#popExchangeContinue .dialog-frame-container { width: 7.62rem; height: 7.18rem; }

#popExchangeContinue .dialog-frame-container .dialog-frame-content { justify-content: flex-start; margin: 0 auto; }

#popExchangeContinue .dialog-frame-container .dialog-frame-content > div:first-child { padding: .76rem 0 0; }

#popExchangeContinue .dialog-frame-container .continue-img-box { display: flex; align-items: center; justify-content: center; position: relative; margin: 0 auto; width: 3.04rem; height: 3.04rem; }

#popExchangeContinue .dialog-frame-container .continue-img-box::after { content: ''; background-position: -7.54rem -4.33rem; width: 3.04rem; height: 3.04rem; position: absolute; top: 0; left: 0; }

#popExchangeContinue .dialog-frame-container .continue-img-box > img { max-width: 100%; max-height: 100%; width: auto; height: auto; }

#popExchangeContinue .dialog-frame-container .continue-tips { margin: .16rem 0 .36rem; font-weight: 400; font-size: .24rem; line-height: .32rem; text-align: center; color: #f0e6d2; }

#popExchangeContinue .dialog-frame-container .continue-tips > span { margin: 0 .1rem; font-weight: 700; }

#popRule .dialog-frame-container { width: 7.62rem; height: 90vh; }

#popRule .dialog-frame-container .pop-scrollbar { width: 98%; height: 100%; font-weight: 400; font-size: .24rem; line-height: .4rem; text-align: justify; color: #a09b8c; }

#popRule .dialog-frame-container p strong { margin-top: 1em; font-weight: 400; font-size: .28rem; line-height: .36rem; color: #f0e6d2; }

#popRule .dialog-frame-container .pop-rule-table { border: 1px solid #a09b8c; }

#popRule .dialog-frame-container .pop-rule-table td { width: 50%; font-weight: 400; font-size: .24rem; line-height: .4rem; text-align: center; color: #a09b8c; border: 1px solid #a09b8c; }

#popRule .dialog-frame-container .pop-rule-table td strong { margin: 0; }

#popMall .pop-title span { color: #fff; }

#popMall .pop-bd { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/popbg-drawer-large.png) no-repeat center top/100% 100%; height: 7.49rem; top: unset; width: 7.5rem; bottom: -1.7rem; transform: translate(0, 0); left: 0; }

#popMall .pop-bd .pop-mall-btns a { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-btn.png") no-repeat; background-size: 100% 100%; width: 2.93rem; height: .66rem; color: #193c60; font-weight: bold; line-height: .66rem; display: block; position: relative; }

#popMall .pop-bd .pop-mall-ct::before { content: none; }

#popMall .pop-bd .pop-close { background-position: -8.75rem -7.51rem; width: .42rem; height: .43rem; position: absolute; top: -.43rem; right: .27rem; }

#popRechargeSucc .pop-title span { color: #5a3fbe; }

#popRechargeSucc .pop-close { width: .4rem; height: .4rem; background-position: -14.42rem -2.68rem; }

#popContinue .dialog-frame-container, #popContinue2 .dialog-frame-container, #popContinue3 .dialog-frame-container, #popContinue4 .dialog-frame-container, #popContinue5 .dialog-frame-container { width: 7.26rem; height: auto; }

#popContinue .dialog-frame-container .dialog-frame-content, #popContinue2 .dialog-frame-container .dialog-frame-content, #popContinue3 .dialog-frame-container .dialog-frame-content, #popContinue4 .dialog-frame-container .dialog-frame-content, #popContinue5 .dialog-frame-container .dialog-frame-content { justify-content: space-evenly; min-height: 4rem; }

#popContinue .dialog-frame-container .pop-msg, #popContinue2 .dialog-frame-container .pop-msg, #popContinue3 .dialog-frame-container .pop-msg, #popContinue4 .dialog-frame-container .pop-msg, #popContinue5 .dialog-frame-container .pop-msg { color: #f0e6d2; }

#popContinue .dialog-frame-container .pop-msg span, #popContinue2 .dialog-frame-container .pop-msg span, #popContinue3 .dialog-frame-container .pop-msg span, #popContinue4 .dialog-frame-container .pop-msg span, #popContinue5 .dialog-frame-container .pop-msg span { color: #f0e6d2; font-weight: 700; }

#popContinue2 .dialog-frame-container .pop-checkbox, #popContinue3 .dialog-frame-container .pop-checkbox, #popContinue5 .dialog-frame-container .pop-checkbox { margin: .1rem 0 .68rem; }

#popContinue2 .dialog-frame-container .pop-checkbox .pop-checkbox-icon, #popContinue3 .dialog-frame-container .pop-checkbox .pop-checkbox-icon, #popContinue5 .dialog-frame-container .pop-checkbox .pop-checkbox-icon { position: relative; background-position: -9.96rem -7.51rem; width: .32rem; height: .32rem; }

#popContinue2 .dialog-frame-container .pop-checkbox .pop-checkbox-txt, #popContinue3 .dialog-frame-container .pop-checkbox .pop-checkbox-txt, #popContinue5 .dialog-frame-container .pop-checkbox .pop-checkbox-txt { font-weight: 400; line-height: .32rem; text-align: center; vertical-align: middle; color: #797873; }

#popContinue2 .dialog-frame-container .pop-checkbox .pop-checkbox-icon.on, #popContinue2 .dialog-frame-container .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon, #popContinue3 .dialog-frame-container .pop-checkbox .pop-checkbox-icon.on, #popContinue3 .dialog-frame-container .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon, #popContinue5 .dialog-frame-container .pop-checkbox .pop-checkbox-icon.on, #popContinue5 .dialog-frame-container .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon { background-position: -9.59rem -7.51rem; width: .32rem; height: .32rem; }

#popContinue2 .dialog-frame-container .pop-checkbox .pop-checkbox-icon.on ~ .pop-checkbox-txt, #popContinue2 .dialog-frame-container .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon ~ .pop-checkbox-txt, #popContinue3 .dialog-frame-container .pop-checkbox .pop-checkbox-icon.on ~ .pop-checkbox-txt, #popContinue3 .dialog-frame-container .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon ~ .pop-checkbox-txt, #popContinue5 .dialog-frame-container .pop-checkbox .pop-checkbox-icon.on ~ .pop-checkbox-txt, #popContinue5 .dialog-frame-container .pop-checkbox .pop-checkbox-input[type=checkbox]:checked + .pop-checkbox-icon ~ .pop-checkbox-txt { color: #f0e6d2; }

#certificate1 .pop-title span, #popRechargeNotice4 .pop-title span { color: #fff; }

#certificate1 .pop-bd, #popRechargeNotice4 .pop-bd { padding-top: .5rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/popbg-drawer-large.png) no-repeat center top/100% 100%; }

#certificate1 .pop-bd .pop-thfl-get-name, #certificate1 .pop-bd p, #popRechargeNotice4 .pop-bd .pop-thfl-get-name, #popRechargeNotice4 .pop-bd p { color: #193c60; }

#certificate1 .pop-bd .pop-btns a, #popRechargeNotice4 .pop-bd .pop-btns a { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-btn.png") no-repeat; background-size: 100% 100%; width: 2.93rem; height: .66rem; color: #193c60; font-weight: bold; line-height: .66rem; display: block; position: relative; }

#certificate1 .pop-bd .pop-btns a span, #popRechargeNotice4 .pop-bd .pop-btns a span { color: #193c60; }

#certificate1 .pop-bd .pop-close, #popRechargeNotice4 .pop-bd .pop-close { background-position: -8.75rem -7.51rem; width: .42rem; height: .43rem; position: absolute; top: -.43rem; right: .27rem; }

#certificate1 .pop-close, #popRechargeNotice4 .pop-close { background-position: -8.75rem -7.51rem; width: .42rem; height: .43rem; top: -.35rem; }

#popRechargeSucc .pop-bd { padding-top: .5rem; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/popbg-drawer-large.png) no-repeat center top/100% 100%; }

#popRechargeSucc .pop-bd .pop-recharge-succ-txt, #popRechargeSucc .pop-bd .pop-title, #popRechargeSucc .pop-bd .pop-title *, #popRechargeSucc .pop-bd p { color: #193c60; }

#popRechargeSucc .pop-bd .pop-btns a:nth-child(15) { margin-left: .1rem; }

#popRechargeSucc .pop-bd .pop-btns a { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-btn.png") no-repeat; background-size: 100% 100%; width: 2.93rem; height: .66rem; color: #193c60; font-weight: bold; line-height: .66rem; display: block; position: relative; }

#popRechargeSucc .pop-bd .pop-btns a span { color: #193c60; }

#popRechargeSucc .pop-bd .pop-close { background-position: -8.75rem -7.51rem; width: .42rem; height: .43rem; position: absolute; top: -.43rem; right: .27rem; }

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

#popGiftDouble .pop-gift-box { width: 3.42941rem; height: 3.1rem; }

#popGiftDouble .pop-gift-box::before { width: 100%; height: 100%; }

#popGiftDouble .pop-gift-box .pop-gift-img img { width: 100%; height: 100%; object-fit: cover; border-radius: .04rem; }

#popGiftDouble .pop-gift-box.bsNum500::before, #popGiftDouble .pop-gift-box.pop-gift-tag-cs::before, #popGiftDouble .pop-gift-box.pop-gift-tag-new::before, #popGiftDouble .pop-gift-box.pop-gift-tag-xc::before { width: 3.88667rem; height: 3.42667rem; }

#popGift .pop-gift-box.bsNum500::before, #popGift .pop-gift-box.pop-gift-tag-cs::before, #popGift .pop-gift-box.pop-gift-tag-new::before, #popGift .pop-gift-box.pop-gift-tag-xc::before, #popGiftCover .pop-gift-box.bsNum500::before, #popGiftCover .pop-gift-box.pop-gift-tag-cs::before, #popGiftCover .pop-gift-box.pop-gift-tag-new::before, #popGiftCover .pop-gift-box.pop-gift-tag-xc::before { width: 110%; height: 110%; background-size: 100% 100%; top: 48%; }

#popGiftSpecial .pop-gift-box.bsNum500 .pop-gift-img img, #popGiftSpecial .pop-gift-box.pop-gift-tag-cs .pop-gift-img img, #popGiftSpecial .pop-gift-box.pop-gift-tag-new .pop-gift-img img, #popGiftSpecial .pop-gift-box.pop-gift-tag-xc .pop-gift-img img { width: 100%; height: 100%; object-fit: cover; border-radius: .04rem; mask: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-ten-mask.png) no-repeat center center/100% 100%; -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/m/pop-ten-mask.png) no-repeat center center/100% 100%; }

#popGiftSpecial .pop-gift-box.bsNum500 .pop-gift-tag::after, #popGiftSpecial .pop-gift-box.pop-gift-tag-cs .pop-gift-tag::after, #popGiftSpecial .pop-gift-box.pop-gift-tag-new .pop-gift-tag::after, #popGiftSpecial .pop-gift-box.pop-gift-tag-xc .pop-gift-tag::after { bottom: .45rem; zoom: .8; }

.pop { display: none; }

/*!# sourceMappingURL=popm.css.map */
.pop_match_info { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop_match_info_m.png") no-repeat; background-size: 100% 100%; width: 7.5rem; height: 7.38rem; position: absolute; padding-top: .35rem; box-sizing: border-box; }

.pop_match_info .pop-title { margin-bottom: .2rem; }

.pop_match_info .pop-txt { font-size: .22rem; font-weight: bold; text-align: center; color: #0a2e5e; line-height: .28rem; }

.pop_match_info .pop-txt span { display: block; color: #456da3; }

.pop_match_info .pop-txt2 { color: #193c60; font-size: .24rem; text-align: center; }

.pop_match_info .pop-img1 { width: 3.8rem; height: 2.95rem; display: block; margin: .15rem auto .05rem; }

.pop_match_info .pop_kq { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop_kq.png") no-repeat; background-size: 100% 100%; width: 2.93rem; height: .66rem; display: flex; align-items: center; justify-content: center; margin: .1rem auto; }

.pop_match_info .pop_kq.gray { filter: grayscale(1); }

.pop_match_info .pop_kq p:nth-child(1) { color: #193c60; font-weight: bold; font-size: .28rem; margin-top: -0.03rem; }

.pop_match_info .pop_kq p:nth-child(2) { color: #193c60; font-size: .24rem; margin-top: 0.02rem; margin-left: .1rem; }

.pop_match_info .pop-txt3 { color: #193c60; text-align: center; font-size: .24rem; line-height: .28rem; }

#rewardInfo .pop-btn { margin: auto; }

#popRechargeSucc .pop-btn-confirm { margin-left: .15rem; }

#popRechargeNotice5 .pop-rechage-pic-box { background: none; }

#popRechargeNotice5 .pop-rechage-pic-box::after { content: none; }

#popRechargeNotice5 .dialog-frame-container .pop-rechage-pic-box::after { content: ""; background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/spr-dia-m.png?2025_5_28_19_7_0); background-size: 12.95rem 11.7rem; background-repeat: no-repeat; background-position: -7.54rem -4.33rem; width: 3.04rem; height: 3.04rem; }

.pop-gift-name { flex-wrap: wrap; }

#popRechargeNotice4 .pop-title { margin: 0; }

#popGiftBdw .pop-gift-tit { display: none; }

#popGiftBdw .popGiftMsg { display: none; }

#popGiftBdw .pop-gift-topline { display: none; }