@charset "UTF-8";
#popLottery10 .pop-gift-btmline .pop-btn-cancle, #popQrcode .pop-close, #popRechargeNotice5 .btn-db-add .i-add, #popRechargeNotice5 .btn-db-sub .i-sub, .pop-btn-cancel, .pop-btn-confirm, .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-giftList .item .box::after, .pop-giftList .item .dh-wh2, .pop-giftList .item .exchange-btn, .pop-giftList .item .nav-zs-hover2, .pop-giftList .item:nth-of-type(1) .box::after, .pop-giftList .item:nth-of-type(2) .box::after, .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: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-title span::after { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-spr.png); background-size: 907.2px 705.6px; }

/*!! 通用板块 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-bd { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-top: 20px; box-sizing: border-box; }

.pop-bd.pop-bd--xlarge { width: 915.6px; height: 692.4px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/popbg-xlarge.png) no-repeat center top/100%; padding-top: 24px; }

.pop-bd.pop-bd--large { width: 615.6px; height: 507.6px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/popbg-middle.png) no-repeat center top/100% 100%; margin-top: 19.2px; padding-top: 36px; }

.pop-bd, .pop-bd.pop-bd--middle { width: 519px; height: 411px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/popbg-middle32.png) no-repeat center top/100% 100%; padding-top: 36px; }

.pop-bd.pop-bd--small { width: 519.6px; height: 284.4px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/popbg-small.png) no-repeat center top/100% 100%; padding-top: 24px; }

.pop-close { width: 24px; height: 24px; background-position: -877.2px -166.8px; position: absolute; top: 0; right: -48px; z-index: 5; text-indent: -9999px; transition: transform .3s ease-out; }

.pop-close:hover { transform: rotate(90deg); }

.pop-title { font-family: "Microsoft Yahei"; font-size: 26.4px; font-weight: 700; line-height: 1; display: flex; justify-content: center; align-items: center; margin-top: 6px; margin-bottom: 36px; position: relative; }

.pop-title span { color: #5a3fbe; background: linear-gradient(to bottom, #5a3fbe 20%, #823fe9 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.pop-title span::after { content: ""; display: block; width: 416.4px; height: 15px; background-position: -186px -621px; position: absolute; left: 50%; transform: translate(-50%, 0); bottom: -27.6px; pointer-events: none; }

.pop-scrollbar { width: 842.4px; height: 588px; padding-right: 20px; margin: 10px auto 0; overflow-y: auto; overflow-x: hidden; color: rgba(155, 69, 53, 0.69); padding-left: 20px; }

.pop-scrollbar::-webkit-scrollbar { width: 4.8px; background: 0 0; }

.pop-scrollbar::-webkit-scrollbar-thumb { width: 4.8px; background-color: rgba(126, 113, 174, 0.8); border-radius: 2.4px; }

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

.pop-msg { color: #7a5ee3; font-size: 14.4px; text-align: center; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; margin: 19.2px auto 0; padding: 0 36px; box-sizing: border-box; }

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

.pop-bd.pop-bd--small .pop-msg { height: 96px; display: flex; justify-content: center; align-items: center; margin-top: 0; }

.pop-buy .pop-bd.pop-bd--small .pop-msg { height: 96px; margin-top: -18px; }

.pop-buy .pop-bd.pop-bd--small .pop-checkbox { margin: 0 0 16.8px; }

.pop-btns { display: flex; justify-content: center; align-items: center; text-align: center; margin-top: 6px; }

/*!! 通用板块 E */
/*!! 活动规则 S */
.pop-rule .pop-rule-bd { color: #7e71ae; line-height: 26.4px; padding-bottom: 24px; }

.pop-rule-bd h3 { margin-top: 2em; font-weight: 700; font-size: 16.8px; color: #7a5ee3; }

.pop-rule-bd h3:first-child { margin-top: 0; }

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

.pop-rule-bd p strong { display: block; font-size: 1.2em; 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 1.2px; font-size: 16.8px; margin: 6px auto 12px; text-align: center; color: #7e71ae; }

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

.pop-rule-table:last-child { margin-bottom: 12px; }

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

.pop-rule-table td { height: 50.4px; line-height: 50.4px; border: #7e71ae solid 1.2px; text-align: center; color: #7e71ae; font-size: 14.4px; }

/*!! 活动规则 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: 16.8px; margin-bottom: 1.2px; font-weight: 700; }

.pop-pool .pop-scrollbar { padding: 0; }

.pop-pool .pop-pool-special-list { display: flex; justify-content: space-around; margin: 0 auto 18px; }

.pop-pool .pop-pool-special-list-big-center { justify-content: center; }

.pop-pool .pop-pool-special-list-big { width: 100%; justify-content: center; }

.pop-pool .odds { color: #7a5ee3; font-size: 13.2px; line-height: 1.5; margin-bottom: 8.4px; }

.pop-pool .big { position: relative; }

.pop-pool .pop-pool-bd-center li { width: 100%; position: relative; }

.pop-pool .pop-pool-bd-center li:nth-child(1), .pop-pool .pop-pool-bd-center li:nth-child(2) { width: 385.2px; }

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

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

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

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

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

.pop-pool .pop-pool-bd-center { display: flex; justify-content: space-around; flex-wrap: wrap; margin-bottom: 60px; box-sizing: border-box; padding: 0 120px; }

.pop-pool .pop-pool-bd-center li:nth-child(2), .pop-pool .pop-pool-bd-center li:nth-child(3) { width: 252px; height: 252px; margin-top: 24px; }

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

.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: 256.8px; height: 256.8px; background-position: -260.4px -260.4px; }

.pop-pool .pop-pool-bd-lg { font-size: 0; text-align: center; width: 104%; margin-left: -2%; }

.pop-pool .pop-pool-bd-lg li { width: 136.8px; padding-bottom: 12px; display: inline-block; vertical-align: top; position: relative; }

.pop-pool .pop-pool-bd-lg .img { width: 118.8px; height: 118.8px; margin: 0 auto; position: relative; }

.pop-pool .pop-pool-bd-lg .img::after { content: ""; width: 126px; height: 126px; background-position: -781.2px 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.pop-pool .pop-pool-bd-lg .name { color: #7a5ee3; font-size: 14.4px; text-align: center; line-height: 1.2; word-break: keep-all; width: 102px; margin: 6px auto 0; }

/*!! 奖池 E */
/*!! 抽奖 是否花费xx云石召唤1�?/1�? S */
.pop-icon-stone-lg { display: block; margin: 0 auto 10px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-icon-stone-lg.png) no-repeat center/100%; width: 130.8px; height: 142.8px; pointer-events: none; }

.pop-checkbox { position: relative; display: flex; justify-content: center; align-items: center; margin: 12px 0 42px; cursor: pointer; height: 20.4px; line-height: 20.4px; }

.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: 19.2px; height: 19.2px; background-position: -831.6px -194.4px; }

.pop-checkbox .pop-checkbox-icon { width: 19.2px; height: 19.2px; background-position: -811.2px -194.4px; margin-right: 6px; display: block; }

.pop-checkbox .pop-checkbox-txt { color: #7a5ee3; font-size: 14.4px; }

#popBuyOne .pop-bd { padding-bottom: 36px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-around; }

#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 */
/*!! 获取奖励弹窗 E */
.pop-gift-bd { height: 800px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0; z-index: 2; }

.pop-gift-tit { margin-top: 12px; font-size: 19.2px; text-align: center; font-weight: 700; height: 43.2px; line-height: 2; }

.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; font-size: 26px; 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: auto; position: absolute; width: 309px; height: 278.5px; left: 0; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-box-bg.png) no-repeat center/100%; right: 0; margin: auto; top: -30px; bottom: 0; }

.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/pop-gift-img-strong3-border.png); background-size: 100% 100%; }

.pop-gift-box::before { content: ""; width: 456px; height: 456px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/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.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: 278px; height: 110px; background-size: 100% 100%; }

.pop-gift-box .pop-gift-img { width: 100%; height: 100%; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-ten-mask2.png) no-repeat center/100%; -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-ten-mask2.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: 378px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: relative; object-fit: cover; }

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

.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/pop-ten-mask2.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: 386.4px; height: 342px; 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: 384px; height: 384px; position: absolute; left: 50%; top: 50%; margin-left: -192px; margin-top: -192px; 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: 168px; height: 67.2px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 12px; 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: 62.4px; position: absolute; left: 0; bottom: -86.4px; z-index: 2; text-align: center; display: flex; justify-content: center; align-items: center; box-sizing: border-box; font-size: 18px; color: #fff; word-break: keep-all; }

.pop-gift-changearea { padding: 4.8px 14.4px; font-size: 16.8px; border: #f8c73e solid 1.2px; color: #fdf7d5; }

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

.pop-gift-ten .pop-gift-changearea { bottom: 0; font-size: 14.4px; padding: 1.2px 7.2px; }

.pop-gift-btmline { width: 840px; height: 63px; position: absolute; left: 50%; margin-left: -420px; bottom: 8.4px; display: flex; justify-content: center; }

.pop-gift-ten-lt { width: 907.5px; height: 540px; position: relative; margin: 20px auto 0; display: flex; justify-content: space-between; flex-wrap: wrap; transform: scale(1.2); transform-origin: top; }

.pop-gift-ten-lt li { width: 146px; height: 132px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-ten-mask.png) no-repeat center/100%; position: absolute; color: #f9ffff; font-size: 14.4px; 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/pop-ten-mask.png); }

.pop-gift-ten-lt li::before { content: ""; width: 146px; height: 132px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/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/pop-ten-mask.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: 218.88px; height: 218.88px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-box-border11.png) no-repeat center top/100%; pointer-events: none; z-index: 3; }

.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: 278px; height: 110px; 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/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: 181.44px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: relative; object-fit: cover; }

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

.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/pop-ten-mask.png) no-repeat center/100%; }

.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: 185.472px; height: 164.16px; 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: 184.32px; height: 184.32px; position: absolute; left: 50%; top: 50%; margin-left: -92.16px; margin-top: -92.16px; 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: 96.768px; height: 38.7072px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 6.912px; 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: #fff; font-size: 13px; text-align: center; width: 132px; margin: 168px 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(2), .pop-gift-ten-lt li:nth-child(3), .pop-gift-ten-lt li:nth-child(4) { top: 9px; }

.pop-gift-ten-lt li:nth-child(5), .pop-gift-ten-lt li:nth-child(6), .pop-gift-ten-lt li:nth-child(7) { top: 164.4px; }

.pop-gift-ten-lt li:nth-child(10), .pop-gift-ten-lt li:nth-child(11), .pop-gift-ten-lt li:nth-child(8), .pop-gift-ten-lt li:nth-child(9) { top: 314.4px; }

.pop-gift-ten-lt li:nth-child(1), .pop-gift-ten-lt li:nth-child(8) { left: 0; }

.pop-gift-ten-lt li:nth-child(2), .pop-gift-ten-lt li:nth-child(9) { left: 255px; }

.pop-gift-ten-lt li:nth-child(10), .pop-gift-ten-lt li:nth-child(3) { left: 505px; }

.pop-gift-ten-lt li:nth-child(11), .pop-gift-ten-lt li:nth-child(4) { left: 760px; }

.pop-gift-ten-lt li:nth-child(5) { left: 130px; }

.pop-gift-ten-lt li:nth-child(6) { left: 376px; }

.pop-gift-ten-lt li:nth-child(7) { left: 630px; }

.pop-gift-ten .pop-gift-ten-lt li:nth-child(11)::after { content: ""; display: block; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/pop-gift-ten-icon.png) no-repeat; background-size: 100% 100%; width: 101.5px; height: 23px; position: absolute; left: 50%; transform: translateX(-50%); bottom: -75px; pointer-events: none; }

.pop-gift .pop-gift-vbg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; 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, -30px);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

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

#popGift .pop-gift-stit, #popGiftCover .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-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, 120px);
    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) { 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-double-list { display: flex; justify-content: center; align-items: center; height: 420px; }

.pop-gift-double-list .pop-gift-box { margin: 96px 72px 0; }

.pop-gift-qipan .pop-gift-bd { transform: scale(1); top: auto; margin-top: 0; bottom: 0; }

.pop-gift-qipan .pop-gift-btmline { bottom: 80px; }

.pop-gift-btmline .call-one { margin: 0; color: #fff; width: 227.5px; height: 71px; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/call-btn-one.png") no-repeat; background-size: 100% 100%; }

.pop-gift-btmline .call-sum { margin: 0; width: 227.5px; height: 71px; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/call-btn-one2.png") no-repeat; background-size: 100% 100%; color: #fff; }

.pop-gift-special .pop-gift-name { font-size: 16.2px; display: block; bottom: -90px; }

.pop-gift-special-tips { font-size: 16.2px; line-height: 21px; text-align: center; color: #f9ffff; margin-top: 73.2px; }

/*!! 获取奖励弹窗 E */
/*!! 领取记录 S */
.pop-history .pop-bd { text-align: center; }

.pop-history .dialog-history__table { width: 774px; color: #7e71ae; margin: 0 auto; }

.pop-history .dialog-history__empty { width: 774px; height: 240px; color: #7e71ae; margin: 0 auto; display: flex; align-items: center; justify-content: center; }

.pop-history .dialog-history__li { height: 45.6px; text-align: center; position: relative; font-size: 13.2px; display: flex; justify-content: center; box-sizing: border-box; align-items: center; 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: 774px; font-size: 14.4px; line-height: 1; font-weight: 700; margin: 0 auto; 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: 25%; text-align: left; }

.pop-history .dialog-history__name { width: 30%; 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: 24px; width: 100%; position: absolute; left: 0; bottom: 36px; }

.pop-history .pagination__pages { display: inline-block; vertical-align: top; font-size: 15.6px; height: 28.8px; line-height: 28.8px; color: #7a5ee3; }

.pop-history .pagination__btn-page { display: inline-block; vertical-align: top; margin: 0 10px; 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; margin: 0 12px; }

.pop-history .pagination__btn-prev { width: 28.8px; height: 28.8px; background-position: -781.2px -194.4px; margin-left: 24px; }

.pop-history .pagination__btn-next { width: 28.8px; height: 28.8px; background-position: -862.8px -127.2px; margin-right: 24px; }

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

/*!! 领取记录 S */
/*!! 点券充�? S */
.pop-mall .pop-bd { height: 360px; }

.pop-mall-ct { font-size: 16.8px; display: flex; justify-content: space-between; padding: 0 87px 0 65px; text-align: center; color: #0a2e5e; margin: 60px auto 0; position: relative; }

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

.pop-mall-ct .pop-mall-codes { color: #476ea4; }

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

.pop-mall-ct .qrcode img { display: block; width: 120px; }

.pop-mall .pop-mall-btns p { line-height: 28.8px; margin-top: 4.8px; margin-bottom: 36px; color: #7a5ee3; }

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

/*!! 点券充�? E */
/*!! 云石充�? S */
.pop-recharge .pop-recharge-box { width: 667.8px; height: 427.8px; display: flex; justify-content: space-between; align-items: center; margin: 12px auto 0; }

.pop-recharge .pop-recharge-box .pop-recharge-l { width: 321px; height: 427.8px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative; }

.pop-recharge .pop-recharge-box .pop-recharge-r { width: 331.8px; height: 425.4px; }

.pop-recharge-r-pic1 { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-r-pic1.png) no-repeat; background-size: 100% 100%; width: 134.4px; height: 198px; margin: 18px auto 0; }

.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: 149.4px; height: 202.8px; position: relative; display: block; 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: 149.4px; height: 202.8px; position: relative; display: block; 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: 149.4px; height: 202.8px; position: relative; display: block; 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: 149.4px; height: 202.8px; position: relative; display: block; 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: 72px; 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: 14.4px; text-align: center; padding-top: 156px; }

.pop-recharge .pop-recharge-l-send p em { color: #fcc74a; }

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

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

.pop-recharge .pop-recharge-l-send .pic { display: block; margin: 0 auto; width: 149.4px; height: 148.8px; 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: 99.6px; height: 100.8px; position: absolute; top: 0; left: 0; transform-origin: 0 0; transform: scale(0.5); }

.pop-recharge .pop-recharge-l-send .icon i { display: block; width: 100%; font-size: 21.6px; text-align: center; font-family: "微软雅黑"; font-weight: 700; font-style: normal; line-height: 1.1; color: #fff0cc; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) skew(-5deg); }

.pop-recharge .pop-recharge-l-send span { display: block; width: 100%; font-size: 36px; zoom: .8; 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: 162px; left: 50%; transform: translate(-50%, -50%); font-family: hyky; filter: drop-shadow(1.2px 1.2px 2.4px rgba(114, 109, 96, 0.7)) drop-shadow(-1.2px -1.2px 2.4px rgba(114, 109, 96, 0.7)); }

.pop-recharge .pop-recharge-box .pop-recharge-l > p { width: 100%; text-align: center; position: absolute; bottom: -42px; left: 50%; transform: translate(-50%, -50%); color: #b2b2b2; font-size: 18px; zoom: .8; white-space: nowrap; }

.pop-recharge .pop-bd { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-bg.png) no-repeat center/100% 100%; width: 771.6px; height: 567px; padding-right: 30px; padding-top: 12px; }

.pop-recharge .pop-close { display: block; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-close.png) no-repeat center/100%; width: 35.4px; height: 35.4px; top: 3px; right: 3px; }

.pop-recharge .pop-close:hover { transform: none; }

.pop-recharge-title { display: flex; justify-content: center; align-items: center; color: #f0e6d2; margin-top: 36px; }

.pop-recharge-title h2 { font-size: 24px; font-weight: 700; }

.pop-recharge-title-txt { font-size: 19.2px; margin-left: 6px; display: flex; align-items: center; font-weight: 700; }

.pop-recharge-title-txt a { display: block; width: 18px; height: 18px; background: #f0e6d2; border-radius: 50%; color: #3789f5; font-size: 15.6px; text-align: center; line-height: 16.8px; margin-left: 3.6px; 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: 26.4px; font-weight: 400; color: #9f9f9f; font-size: 14.4px; line-height: 19.2px; text-align: left; padding: 12px; box-sizing: border-box; width: 319.2px; margin-left: -159.6px; background: #0d0922; border: #463714 solid 1.8px; }

.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 9.6px; border-left-color: transparent; border-right-color: transparent; border-top-width: 0; position: absolute; left: 50%; transform: translate(-50%, 0); top: -7.2px; z-index: 2; filter: drop-shadow(0 0 1.8px #463714); }

.pop-recharge-icon-stone { display: block; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-icon-stone.png) no-repeat center/100%; width: 18px; height: 26.4px; margin: 0 6px 0 24px; }

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

.pop-recharge-desc { width: 100%; color: #b2b2b2; font-size: 18px; zoom: .8; text-align: center; margin: 0 auto 0; }

.pop-recharge-range { display: flex; justify-content: center; margin-top: 12px; height: 30px; }

.pop-recharge-range > * { margin: 0 6px; }

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

.pop-recharge-range a.gray { cursor: default; color: #5c5b57; background: #1e2328; border: 2.4px 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: 36px; height: 36px; }

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

.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: 16.8px; position: relative; z-index: 2; }

.pop-recharge-range a .border-idle { position: absolute; top: 2.4px; left: 2.4px; width: calc(100% - 4.8px); height: calc(100% - 4.8px); opacity: 1; background: #1e2328; border-radius: 24px; }

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

.pop-recharge-range .pop-recharge-input input { color: #fffcf3; font-family: BeaufortforLOL-Bold; font-size: 24px; width: 100%; height: 100%; border: transparent solid 1.2px; background: #1e2328; border-radius: 7.2px; outline: 0; text-align: center; padding: 1.2px 8.4px; 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: 14.4px; position: absolute; top: 48px; left: 0; width: 100%; text-align: center; white-space: nowrap; zoom: .7; }

.pop-recharge-btns { display: flex; flex-direction: column; margin-top: 24px; }

.pop-recharge-btns a:last-child { margin-top: 12px; }

.pop-recharge-btns .button-normal { width: 168.6px; margin: 0 auto; }

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

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

.pop-recharge2 .pop-bd { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-bg2.png) no-repeat center/100% 100%; width: 502.2px; height: 316.2px; padding-top: 18px; padding-right: 24px; }

.pop-recharge2 .pop-close { display: block; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-close.png) no-repeat center/100%; width: 35.4px; height: 35.4px; top: 3px; right: 3px; }

.pop-recharge2 .pop-close:hover { transform: none; }

.pop-recharge-stone { display: block; margin: 72px auto 12px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-icon-stone-lg.png) no-repeat center/100%; width: 130.8px; height: 142.8px; pointer-events: none; }

.pop-recharge-succ-tit { color: #f0e6d2; font-size: 16.8px; text-align: center; margin-top: 24px; }

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

.pop-recharge-succ .button-normal { width: 132px; margin: 24px auto 0; }

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

#popRechargeSucc .pop-recharge-succ-txt { margin: 25px 0; }

.pop-recharge-notice-txt { color: #9f9f9f; font-size: 21.6px; text-align: center; height: 180px; display: flex; justify-content: center; align-items: center; padding: 0 12px; box-sizing: border-box; margin-top: 24px; }

.pop-recharge-notice-btns { display: flex; justify-content: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 54px; }

.pop-recharge-notice-btns .button-normal { width: 132px; }

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

.pop-recharge-stone + .pop-recharge-notice-txt { height: 24px; margin-top: 9px; margin-bottom: 30px; }

.btn-sub span { margin-left: 6px; }

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

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

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

.button-normal.gray { cursor: default; color: #5c5b57; background-color: #1e2328; border: 2.4px 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; }

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

.button-normal .border-idle { position: absolute; top: -2.4px; left: -2.4px; width: 100%; height: 100%; opacity: 1; border: 2.4px 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; box-sizing: content-box; }

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

.pop-recharge-notice-num .pop-recharge-input { width: 100px; height: 100%; position: relative; margin: 0 12px; display: inline-block; }

.pop-recharge-notice-num .pop-recharge-input input { color: #503aa5; font-family: BeaufortforLOL-Bold; font-size: 15.6px; width: 100%; height: 100%; border: transparent solid 1.2px; border-radius: 10.8px; outline: 0; text-align: center; padding: 1.8px 12.6px; box-sizing: border-box; display: inline-block; background-color: transparent; }

.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: 19.2px; position: absolute; top: 63px; left: 0; width: 100%; text-align: center; }

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

#popRechargeNotice5 .btn-db-sub { width: 36px; height: 42px; display: flex; justify-content: center; align-items: center; }

#popRechargeNotice5 .btn-db-sub .i-sub { width: 14.4px; height: 2.4px; background-position: -892.8px -142.8px; }

#popRechargeNotice5 .btn-db-add { width: 36px; height: 42px; display: flex; justify-content: center; align-items: center; }

#popRechargeNotice5 .btn-db-add .i-add { width: 14.4px; height: 14.4px; background-position: -892.8px -127.2px; }

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

.pop-recharge-notice5 .pop-recharge-notice-txt { height: 120px; pointer-events: none; }

#popRechargeNotice4 .pop-bd { width: 519px; height: 411px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/popbg-middle32.png) no-repeat center top/100% 100%; padding-top: 42px; padding-right: 0; }

#popRechargeNotice5 .pop-bd { width: 522px; height: 543.6px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-exchange-num-bg.png) no-repeat center top/100%; margin-top: 19.2px; padding-top: 36px; padding-right: 0; }

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

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

.pop-recharge-pic { width: 91%; background-size: 100% 100%; height: 91%; object-fit: cover; position: absolute; top: 5px; left: 7px; }

#popRechargeNotice4 .pop-recharge-notice-txt, #popRechargeNotice5 .pop-recharge-notice-txt { height: 36px; font-size: 16.8px; font-weight: 700; color: #0a2e5e; margin: 10px 0 6px; padding: 0; }

.pop-recharge-notice-num-text { font-size: 14.4px; color: #5e4dab; text-align: center; font-weight: 700; margin-bottom: 12px; }

.pop-recharge-icon-box { display: flex; justify-content: center; align-items: center; margin-top: 6px; font-size: 14.4px; color: #5e4dab; 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: 22.8px; height: 23.4px; margin: 0 6px; }

#popRechargeNotice4 .pop-recharge-notice-txt { padding: 0 40px; }

/*!�? 兑换二次确认弹窗（popRechargeNotice4、popRechargeNotice5�? S */
/*!! 加载�? S */
.pop-loading { z-index: 10086; }

.pop-loading p { width: 208.8px; height: 38.4px; background-position: -518.4px -446.4px; display: flex; justify-content: center; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 14.4px; text-align: center; }

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

/*!! 加载�? E */
/*!! 兑换商店 S */
.pop-exchange .pop-giftList .imitate-li { width: 180px; float: left; }

.pop-exchange .pop-giftList .imitate-li:nth-of-type(2n) { float: right; }

.pop-exchange .pop-giftList::-webkit-scrollbar, .pop-exchange .pop-scrollbar::-webkit-scrollbar { width: 4.8px; background: 0 0; }

.pop-exchange .pop-giftList::-webkit-scrollbar-thumb, .pop-exchange .pop-scrollbar::-webkit-scrollbar-thumb { width: 4.8px; background-color: rgba(122, 94, 227, 0.8); border-radius: 2.4px; }

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

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

.pop-exchange .pop-scrollbar table th { background: #c08822; color: #000; font-size: 16.8px; text-align: center; padding: 12px 0; }

.pop-exchange .pop-scrollbar table td { color: #fff; font-size: 14.4px; text-align: center; padding: 12px 0; }

.pop-exchange .pop-exchange-stit .btn-box { width: 132px; height: 31.2px; border-radius: 18px; background: #eedef9; margin: 0 6px; line-height: 31.2px; padding-left: 48px; 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: 24px; position: absolute; left: 9.6px; top: 50%; transform: translateY(-50%); }

.pop-exchange .dh-add { width: 14.4px; height: 14.4px; background-position: -892.8px -127.2px; position: absolute; right: 9.6px; top: 50%; margin-top: -9.6px; display: none; }

.pop-exchange .pop-exchange-stit .btn { color: #7a5ee3; font-size: 14.4px; text-decoration: underline; margin-left: 4.8px; }

.pop-giftList .item .box { width: 182.4px; height: 182.4px; margin: 0 auto; position: relative; }

.pop-giftList .item .box::after { content: ""; width: 184.8px; height: 184.8px; background-position: 0 -520.8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

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

.pop-giftList .item:nth-of-type(1) .box, .pop-giftList .item:nth-of-type(2) .box { width: 385.2px; position: relative; }

.pop-giftList .item:nth-of-type(1) .box::after, .pop-giftList .item:nth-of-type(2) .box::after { content: ""; width: 386.4px; height: 184.8px; background-position: -393.6px 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.pop-giftList .item:nth-of-type(1) .box img, .pop-giftList .item:nth-of-type(2) .box img { width: 98%; }

.pop-giftList .item .name { display: flex; align-items: center; justify-content: center; height: 38.4px; font-size: 14.4px; color: #5a3fbe; margin: 0 auto 2.4px; line-height: 1; font-weight: 700; }

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

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

.pop-giftList .item .num img { height: 26.4px; display: inline-block; vertical-align: top; margin-top: 0; margin-right: 6px; }

.pop-giftList .item .btn-list { font-size: 0; text-align: center; width: 120%; margin-left: -10%; }

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

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

.pop-giftList .item .btn-list .dh-iocn2 { margin-left: 4.8px; }

.pop-giftList .item .dh-wh2 { display: inline-block; vertical-align: top; cursor: pointer; width: 19.2px; height: 19.2px; background-position: -852px -194.4px; position: relative; margin-left: 6px; margin-top: -1.5px; }

.pop-giftList .item .nav-zs-hover2 { position: absolute; left: 50%; bottom: 18px; margin-left: -78px; width: 151.2px; height: 79.2px; background-position: -148.8px -416.64px; background-size: 731.52px 559.68px; font-size: 12px; font-weight: 400; color: #fff; text-align: left; line-height: 1.2; padding: 7.2px 6px 12px; 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: 12px auto 0; }

.pop-exchange .pop-giftList { display: flex; width: 828px; height: 516px; margin: 21.6px auto 0; flex-direction: row; flex-wrap: wrap; padding-bottom: 48px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding-top: 6px; }

.pop-exchange .pop-giftList .item { width: 180px; height: 312px; text-align: center; color: #7a5ee3; position: relative; margin: 12px; }

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

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

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

.pop-exchange .pop-iconlist { width: 256.8px; height: 256.8px; margin: 48px auto 0; text-align: center; position: relative; }

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

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

.pop-exchange-notice-txt { display: flex; align-items: center; justify-content: center; height: 36px; font-size: 16.8px; font-weight: 700; color: #0a2e5e; padding: 0 18px; box-sizing: border-box; margin: 12px 0 24px; font-weight: 700; }

.pop-exchange-notice-btns .pop-btn-confirm, .pop-exchange-notice-btns .pop-giftList .item .exchange-btn, .pop-gift-btmline .pop-exchange-notice-btns a, .pop-giftList .item .pop-exchange-notice-btns .exchange-btn { text-align: center; margin: 12px auto 0; }

.pop-exchange-select .pop-btns { margin-top: 27.6px; }

.pop-exchange-select .continue-img-box { height: 180px; }

.pop-exchange-select .continue-img-box img { height: 100%; display: block; margin: 0 auto; }

.pop-exchange-select .continue-tips { color: #7a5ee3; font-size: 14.4px; line-height: 19.2px; text-align: center; height: 48px; 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; }

.pop-thfl .pop-thfl-ul a { margin: 24px auto 0; position: relative; display: flex; display: -webkit-flex; align-items: center; justify-content: center; font-size: 15.6px; font-weight: 700; padding-bottom: 2.4px; }

.pop-thfl .pop-thfl-ul i { margin-top: 1.2px; margin-right: 1.2px; display: none; }

.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-giftList .item .exchange-btn span { letter-spacing: 0; font-size: 14.4px; }

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

.pop-thfl .btn-not-yet { color: #7a5ee3; font-size: 14.4px; line-height: 19.2px; text-decoration: underline; display: block; margin: 12px auto 0; text-align: center; width: 78px; opacity: .7; }

.pop-thfl .btn-not-yet:hover { opacity: 1; }

.pop-thfl-get .pop-thfl-get-img { width: 154.4px; height: 154.4px; margin: 19px auto 0; position: relative; }

.pop-thfl-get .pop-thfl-get-img::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -2px; z-index: -1; width: 162px; height: 161.5px; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/pop-frame1-img-mask.png") no-repeat; background-size: 100% 100%; }

.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: 14.4px; color: #0a2e5e; text-align: center; margin-top: 12px; }

.pop-thfl-get .pop-thfl-get-tip { color: #0a2e5e; text-align: center; font-size: 12px; margin-top: 5px; }

.pop-thfl-get .pop-btns { margin-top: 24px; }

/*!! 折扣 E */
/*!! 福利 S */
.pop-jsfl .pop-bd { height: 540px; background-size: 100% 100%; }

.pop-jsfl .pop-bd.pop-bd--middle { width: 852px; height: 411px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/popbg-middle.png) no-repeat center top/100% 100%; padding-top: 17px; }

.pop-jsfl .pop-jsfl-ul { font-size: 0; text-align: center; height: 345.6px; margin-top: 19.2px; }

.pop-jsfl .pop-jsfl-ul li:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 41px; z-index: -1; width: 162px; height: 161.5px; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/pop-frame1-img-mask.png") no-repeat; background-size: 100% 100%; }

.pop-thfl-get .pop-thfl-get-img img { display: block; height: 149px; width: 148px; object-fit: cover; display: block; margin: 3px auto 0; /* transform: scale(1.01); */ border-radius: 10px; }

.pop-jsfl .pop-fl-fo2 { color: #193c60; font-size: 11px; line-height: 16px; margin-top: 7px; }

.pop-jsfl .pop-jsfl-ul li { width: 154px; margin: 0 8.5px; display: inline-block; vertical-align: top; position: relative; }

.qipan_role { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/qipan_role.png") no-repeat; background-size: 100% 100%; width: 741.5px; height: 410.5px; margin: 20px auto; }

.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: 13px; line-height: 16px; font-weight: 700; height: 42px; display: flex; justify-content: center; align-items: center; }

.pop-jsfl .pop-jsfl-ul .pop-fl-fo1::after { content: ""; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/name_before.png") no-repeat; background-size: 100% 100%; width: 11px; height: 18px; transform: translateX(5px); }

.pop-jsfl .pop-jsfl-ul .pop-fl-fo1::before { content: ""; width: 10.5px; height: 18px; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/name_after.png") no-repeat; background-size: 100% 100%; transform: translateX(-5px) translateY(2px); }

.pop-jsfl .pop-jsfl-ul img { display: block; height: 149px; width: 148px; object-fit: cover; display: block; margin: 3px auto 0; /* transform: scale(1.01); */ border-radius: 10px; }

.pop-jsfl .pop-jsfl-ul a { margin: 13.2px auto 0; }

/*!! 福利 E */
/*!! 分享 S */
.pop-share { backdrop-filter: blur(6px); }

.pop-share .pop-bd { padding-top: 335px; margin-top: 55px; width: 455.5px; height: 586.5px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-share-bg.png) no-repeat; background-size: 100% 100%; }

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

.pop-share .pop-share-img { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-share-img.png) no-repeat; background-size: 100% 100%; position: absolute; right: -87px; bottom: 15px; width: 154.5px; height: 153.5px; }

.pop-share .pop-share-img img { display: block; width: 156px; height: 156px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.pop-share .qrcode-msg { color: #fff; font-size: 14.4px; line-height: 16.8px; width: 204px; text-align: center; position: absolute; bottom: 186px; right: -216px; }

.pop-share .summoner-name { width: 100%; font-size: 15.6px; font-weight: 400; height: 24px; line-height: 24px; text-align: center; white-space: nowrap; }

.pop-share .summoner-tips { position: relative; display: flex; justify-content: center; align-items: center; height: 24px; line-height: 1; margin-top: 230.4px; }

.pop-share .summoner-tips p { font-size: 12px; font-weight: 400; }

.pop-share .summoner-tips span { display: block; width: 12px; font-weight: bold; border-radius: 2.4px; height: 18px; line-height: 18px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-share-summoner-tips-num.png) no-repeat center top/100%; text-align: center; margin: 0 1.2px; color: #193c60; font-family: BeaufortforLOL-Bold; }

#popQrcode .pop-close { display: block; top: 0; right: -408px; width: 80.4px; height: 38.4px; background-position: -781.2px -127.2px; }

#popQrcode .pop-close:hover { transform: none !important; }

/*!! 分享 E */
.save-pic, .save-pic-box { display: none; }

.pop-video-bd { width: 1000px; height: 560px; position: absolute; left: 50%; top: 50%; margin: -280px 0 0 -500px; }

.pop-video .pop-close { display: block; width: 50px; height: 50px; position: absolute; top: 0; right: -60px; text-indent: -9999px; background: 0 0; }

.pop-video .pop-close:after, .pop-video .pop-close:before { position: absolute; left: 26px; top: 0; content: " "; height: 56px; width: 4px; border-radius: 2px; 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); }

.pop-video .video-play { width: 1000px; height: 560px; background: #000; border: 2.4px 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/pop-lottery-10-pic.png) no-repeat center top/100% 100%; width: 879.6px; height: 500.4px; margin: 13.2px auto 0; }

#popLottery10 .pop-gift-btmline .pop-btn-cancle { width: 187.2px; height: 53.4px; background-position: -393.6px -186px; }

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

.pop-lottery-10-icon { background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-lottery-10-icon.png) no-repeat center top/100% 100%; width: 133.2px; height: 102.6px; position: absolute; top: 25px; left: 1150px; }

/*!! 抽奖动效 S */
.pop-gift-vbg-ani { width: 100%; padding-top: 68.25%; /*! height: 100%; */ height: 0; position: fixed; left: 0; top: 50%; transform: translateY(-50%); z-index: 1000; pointer-events: none; display: none; }

.pop-gift-vbg-ani canvas, .pop-gift-vbg-ani video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/*!! 抽奖动效 E */
/*!# sourceMappingURL=pop.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; min-width: 400px; 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: 40px; text-align: center; color: #f0e6d2; font-size: 16px; 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: 6px; top: 6px; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 2px; 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 10px; width: 100%; }

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

.lol-uikit-dialog-frame .pop-btn1 { display: flex; align-items: center; justify-content: center; width: 140px; height: 32px; font-weight: 700; font-size: 12px; line-height: 16px; 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: 12px; line-height: 16px; 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: 140px; height: 32px; font-weight: 700; font-size: 12px; line-height: 16px; 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: 12px; line-height: 16px; 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%); }

/*! 旋转动画 */
@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; }

#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, #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, #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, .arrow-l1, .arrow-r1, .frame1, .frame2, .frame3, .frame4, .frame5, .frame6, .icon1, .icon2, .icon2-on, .icon3, .icon4, .icon5, .pop-loading .loading-icon, .spr-dia-pc { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/spr-dia-pc.png?2025_5_28_19_7_0); background-size: 650px 510px; background-repeat: no-repeat; }

.arrow-l1 { background-position: -367px -157px; width: 32px; height: 32px; }

.arrow-r1 { background-position: -330px -157px; width: 32px; height: 32px; }

.frame1 { background-position: -219px -219px; width: 152px; height: 152px; }

.frame2 { background-position: 0 -219px; width: 214px; height: 214px; }

.frame3 { background-position: -330px 0; width: 320px; height: 152px; }

.frame4 { background-position: -376px -219px; width: 152px; height: 152px; }

.frame5 { background-position: 0 0; width: 325px; height: 214px; }

.frame6 { background-position: -533px -219px; width: 103px; height: 103px; }

.icon1 { background-position: 0 -438px; width: 72px; height: 72px; }

.icon2-on { background-position: -466px -157px; width: 16px; height: 16px; }

.icon2 { background-position: -487px -157px; width: 16px; height: 16px; }

.icon3 { background-position: -404px -157px; width: 26px; height: 26px; }

.icon4 { background-position: -435px -157px; width: 26px; height: 26px; }

.icon5 { background-position: -508px -157px; width: 16px; height: 16px; }

.spr-mask-arrow-l1, .spr-mask-arrow-r1, .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-spr-dia-pc { -webkit-mask-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/spr-dia-pc.png?2025_5_28_19_7_0); -webkit-mask-size: 650px 510px; -webkit-mask-repeat: no-repeat; }

.spr-mask-arrow-l1 { -webkit-mask-position: -367px -157px; width: 32px; height: 32px; }

.spr-mask-arrow-r1 { -webkit-mask-position: -330px -157px; width: 32px; height: 32px; }

.spr-mask-frame1 { -webkit-mask-position: -219px -219px; width: 152px; height: 152px; }

.spr-mask-frame2 { -webkit-mask-position: 0 -219px; width: 214px; height: 214px; }

.spr-mask-frame3 { -webkit-mask-position: -330px 0; width: 320px; height: 152px; }

.spr-mask-frame4 { -webkit-mask-position: -376px -219px; width: 152px; height: 152px; }

.spr-mask-frame5 { -webkit-mask-position: 0 0; width: 325px; height: 214px; }

.spr-mask-frame6 { -webkit-mask-position: -533px -219px; width: 103px; height: 103px; }

.spr-mask-icon1 { -webkit-mask-position: 0 -438px; width: 72px; height: 72px; }

.spr-mask-icon2-on { -webkit-mask-position: -466px -157px; width: 16px; height: 16px; }

.spr-mask-icon2 { -webkit-mask-position: -487px -157px; width: 16px; height: 16px; }

.spr-mask-icon3 { -webkit-mask-position: -404px -157px; width: 26px; height: 26px; }

.spr-mask-icon4 { -webkit-mask-position: -435px -157px; width: 26px; height: 26px; }

.spr-mask-icon5 { -webkit-mask-position: -508px -157px; width: 16px; height: 16px; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .dh-wh2 .nav-zs-hover2, #popQrcode .pop-bd .pop-close, .__x0_75x__spr-dia-pc, .hover-frame1, .index-btn_bg1, .index-btn_bg2, .pop-btn_bg1, .pop-btn_bg2, .pop-close1, .pop-close2, .pop-frame1, .pop-icon1, .pop-icon2, .pop-label1, .pop-line1, .pop:not(.lol-uikit-dialog-frame) .pop-close { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/__x0_75x__spr-dia-pc.png?2025_5_28_19_7_0); background-size: 644.25px 454.5px; background-repeat: no-repeat; }

.hover-frame1 { background-position: 0 -307.5px; width: 231px; height: 79.5px; }

.index-btn_bg1 { background-position: 0 -153.75px; width: 403.5px; height: 150px; }

.index-btn_bg2 { background-position: 0 0; width: 403.5px; height: 150px; }

.pop-btn_bg1 { background-position: -234.75px -307.5px; width: 243px; height: 63.75px; }

.pop-btn_bg2 { background-position: 0 -390.75px; width: 242.25px; height: 63.75px; }

.pop-close1 { background-position: -481.5px -307.5px; width: 31.5px; height: 32.25px; }

.pop-close2 { background-position: -407.25px -238.5px; width: 100.5px; height: 48px; }

.pop-frame1 { background-position: -407.25px 0; width: 237px; height: 234.75px; }

.pop-icon1 { background-position: -615.75px -238.5px; width: 18px; height: 12.75px; }

.pop-icon2 { background-position: -511.5px -264.75px; width: 18px; height: 12.75px; }

.pop-label1 { background-position: -511.5px -238.5px; width: 100.5px; height: 22.5px; }

.pop-line1 { background-position: -234.75px -375px; width: 318px; height: 9px; }

.spr-mask-__x0_75x__spr-dia-pc, .spr-mask-hover-frame1, .spr-mask-index-btn_bg1, .spr-mask-index-btn_bg2, .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 { -webkit-mask-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/__x0_75x__spr-dia-pc.png?2025_5_28_19_7_0); -webkit-mask-size: 644.25px 454.5px; -webkit-mask-repeat: no-repeat; }

.spr-mask-hover-frame1 { -webkit-mask-position: 0 -307.5px; width: 231px; height: 79.5px; }

.spr-mask-index-btn_bg1 { -webkit-mask-position: 0 -153.75px; width: 403.5px; height: 150px; }

.spr-mask-index-btn_bg2 { -webkit-mask-position: 0 0; width: 403.5px; height: 150px; }

.spr-mask-pop-btn_bg1 { -webkit-mask-position: -234.75px -307.5px; width: 243px; height: 63.75px; }

.spr-mask-pop-btn_bg2 { -webkit-mask-position: 0 -390.75px; width: 242.25px; height: 63.75px; }

.spr-mask-pop-close1 { -webkit-mask-position: -481.5px -307.5px; width: 31.5px; height: 32.25px; }

.spr-mask-pop-close2 { -webkit-mask-position: -407.25px -238.5px; width: 100.5px; height: 48px; }

.spr-mask-pop-frame1 { -webkit-mask-position: -407.25px 0; width: 237px; height: 234.75px; }

.spr-mask-pop-icon1 { -webkit-mask-position: -615.75px -238.5px; width: 18px; height: 12.75px; }

.spr-mask-pop-icon2 { -webkit-mask-position: -511.5px -264.75px; width: 18px; height: 12.75px; }

.spr-mask-pop-label1 { -webkit-mask-position: -511.5px -238.5px; width: 100.5px; height: 22.5px; }

.spr-mask-pop-line1 { -webkit-mask-position: -234.75px -375px; width: 318px; height: 9px; }

@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% - 40px); }

.pop:not(.lol-uikit-dialog-frame) .pop-close { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/pop-close2.png") no-repeat; width: 18.5px; height: 19px; background-size: 100% 100%; position: absolute; top: 15px; right: -22px; }

.pop .pop-title span::after { content: none; }

.pop-thfl .pop-bd.pop-bd--large { width: 519px; height: 411px; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/popbg-middle32.png") no-repeat; background-size: 100% 100%; padding-top: 14px; }

.pop-thfl .pop-gxhd-pic .num, .pop-thfl .pop-thfl-propbg .num { position: absolute; bottom: 20px; right: 20px; font-size: 24px; font-weight: 700; color: #fff; text-shadow: -1px 0 0 #424771, 1px 0 0 #424771, 0 -1px 0 #424771, 0 1px 0 #424771, -1px -1px 0 #424771, 1px -1px 0 #424771, -1px 1px 0 #424771, 1px 1px 0 #424771; }

.pop-thfl .pop-thfl-ul .discount { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/discount.png") no-repeat; position: absolute; background-size: 100% 100%; line-height: 0; font-family: BeaufortforLOL-Bold; width: 58.5px; height: 19px; display: flex; align-items: center; justify-content: center; top: -11.5px; padding: 0; font-size: 12px; color: #4e6984; }

#popQrcode .qrcode-msg, #popQrcode .summoner-name, #popQrcode .summoner-tips { color: #fff; font-size: 12px; }

#popQrcode .summoner-name, #popQrcode .summoner-tips { width: 67%; margin-left: 60px; font-weight: bold; }

#popQrcode .summoner-tips p { color: #fff; }

#popQrcode .summoner-tips { margin-top: 130px; }

#popQrcode .qrcode-msg { position: absolute; bottom: 175px; right: -110px; }

#popQrcode .pop-share-img img { width: 88%; height: 88%; }

#popQrcode .pop-bd .pop-close { background-position: -407.25px -238.5px; width: 100.5px; height: 48px; top: 22px; right: -402px; }

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

.pop-loading .loading-icon { background-position: 0 -438px; width: 72px; height: 72px; animation: rotate 1s linear infinite; }

#popComm .dialog-frame-container, #popComm2 .dialog-frame-container, #popComm3 .dialog-frame-container { zoom: 1.1; width: 440px; min-height: 226px; }

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

#popComm .dialog-frame-container .pop-msg, #popComm2 .dialog-frame-container .pop-msg, #popComm3 .dialog-frame-container .pop-msg { margin: 0; padding: 75px 30px; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0; text-align: center; color: #f0e6d2; }

#popBuyOne .dialog-frame-container { width: 404px; height: 358px; }

#popBuyOne .dialog-frame-container .dialog-frame-content { width: 398px; height: 308px; }

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

#popBuyOne .dialog-frame-container .pop-icon-stone-lg { zoom: .7; margin: 0 auto; width: 168px; height: 168px; }

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

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

#popBuyOne .dialog-frame-container .pop-checkbox { margin: 5px 0 15px; }

#popBuyOne .dialog-frame-container .pop-checkbox .pop-checkbox-icon { position: relative; background-position: -487px -157px; width: 16px; height: 16px; }

#popBuyOne .dialog-frame-container .pop-checkbox .pop-checkbox-txt { font-weight: 400; line-height: 16px; 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: -466px -157px; width: 16px; height: 16px; }

#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 { zoom: 1.3; width: 404px; height: 426px; }

#popRechargeNotice5 .dialog-frame-container .dialog-frame-content { justify-content: flex-start; width: 398px; height: 376px; }

#popRechargeNotice5 .dialog-frame-container .dialog-frame-content > div:first-child { margin: 20px 0 15px; }

#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: 152px; height: 152px; }

#popRechargeNotice5 .dialog-frame-container .pop-rechage-pic-box > img { max-width: 152px; max-height: 152px; width: 100%; height: auto; border-radius: 0; left: 0; top: 0; }

#popRechargeNotice5 .dialog-frame-container .pop-rechage-pic-box::after { content: ''; background-position: -219px -219px; width: 152px; position: absolute; height: 152px; }

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

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

#popRechargeNotice5 .dialog-frame-container .btn-db-add .i-add { background-position: -404px -157px; width: 26px; height: 26px; }

#popRechargeNotice5 .dialog-frame-container .btn-db-sub .i-sub { background-position: -435px -157px; width: 26px; height: 26px; }

#popRechargeNotice5 .dialog-frame-container .pop-recharge-notice-num { margin: 0 auto; padding: 0 3px; width: 116px; height: 26px; border-radius: 66px; 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: 24px; height: 24px; }

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

#popExchange1 .dialog-frame-container, #popExchange2 .dialog-frame-container { zoom: 1.3; width: 404px; height: 426px; }

#popExchange1 .dialog-frame-container .dialog-frame-content, #popExchange2 .dialog-frame-container .dialog-frame-content { justify-content: flex-start; width: 398px; height: 376px; }

#popExchange1 .dialog-frame-container .dialog-frame-content > div:first-child, #popExchange2 .dialog-frame-container .dialog-frame-content > div:first-child { padding: 40px 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; width: 214px; height: 214px; padding: 3px; }

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

#popExchange1 .dialog-frame-container .pop-iconlist::after, #popExchange2 .dialog-frame-container .pop-iconlist::after { background-position: 0 -219px; width: 214px; height: 214px; 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: 14px; line-height: 18px; 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 5px; height: 45px; }

#popExchangeShop .dialog-frame-container { zoom: 1.3; width: 740px; height: 566px; }

#popExchangeShop .dialog-frame-container .dialog-frame-content { width: 734px; height: 516px; }

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

#popExchangeShop .dialog-frame-container .lol-uikit-dialog-frame-title > .btn { position: absolute; top: 10px; right: 40px; font-weight: 400; font-size: 12px; line-height: 16px; 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 .lol-uikit-dialog-frame-content { justify-content: flex-start; }

#popExchangeShop .dialog-frame-container .lol-uikit-dialog-frame-content > div:first-child { padding: 15px 0 0; }

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

#popExchangeShop .dialog-frame-container .pop-exchange-stit .btn-box { top: 0; padding-left: 45px; width: 104px; height: 26px; line-height: 24px; border-radius: 66px; 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: 15px; width: 24px; height: auto; }

#popExchangeShop .dialog-frame-container .pop-giftList { margin: 0 auto; padding: 6px 0 10px 25px; width: 98%; height: 480px; }

#popExchangeShop .dialog-frame-container .pop-giftList .item { margin: 10px; width: 152px; height: auto; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .box { width: 152px; height: 152px; padding: 3px; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .box::after { background-position: -376px -219px; width: 152px; height: 152px; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .box > img { width: 100%; height: 100%; border-radius: 4px; }

#popExchangeShop .dialog-frame-container .pop-giftList .item::after { background-position: -376px -219px; width: 152px; height: 152px; }

#popExchangeShop .dialog-frame-container .pop-giftList .item:nth-of-type(1), #popExchangeShop .dialog-frame-container .pop-giftList .item:nth-of-type(2) { 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: 320px; height: 152px; }

#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: -330px 0; width: 320px; height: 152px; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .exchange-btn { display: flex; align-items: center; justify-content: center; width: 140px; height: 32px; font-weight: 700; font-size: 12px; line-height: 16px; 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: 12px; line-height: 16px; 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: 5px auto 0; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .name { padding: 12px 0 4px; height: auto; font-weight: 700; font-size: 14px; color: #f0e6d2; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .num img { width: 24px; height: auto; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .num > span { font-weight: 700; font-size: 12px; line-height: 16px; line-height: 20px; color: #c89b3c; font-family: BeaufortforLOL-Bold; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .dh-wh2 { background-position: -508px -157px; width: 16px; height: 16px; }

#popExchangeShop .dialog-frame-container .pop-giftList .item .dh-wh2 .nav-zs-hover2 { background-position: 0 -307.5px; width: 231px; height: 79.5px; margin-left: -115.5px; }

#expopHistory .dialog-frame-container, #popHistory .dialog-frame-container { zoom: 1.3; width: 740px; height: 566px; }

#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 { padding: 18px 0 0; }

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

#expopHistory .dialog-frame-container .dialog-history__table, #popHistory .dialog-frame-container .dialog-history__table { overflow: hidden auto; width: 652px; max-height: calc(40px * 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: 40px; border-bottom: 1px solid #3c3c41; }

#expopHistory .dialog-frame-container .dialog-history__li.dialog-history__li_th, #popHistory .dialog-frame-container .dialog-history__li.dialog-history__li_th { 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: 12px; }

#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: 12px; 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 .pagination__btn-prev, #popHistory .dialog-frame-container .pagination__btn-prev { background-position: -367px -157px; width: 32px; height: 32px; }

#expopHistory .dialog-frame-container .pagination__btn-next, #popHistory .dialog-frame-container .pagination__btn-next { background-position: -330px -157px; width: 32px; height: 32px; }

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

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

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

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

#popGiftBdw .pop-gift-bd { width: 100%; }

#popGiftBdw .pop-gift-bd .pop-gift-btmline { position: absolute; left: 0; bottom: 160px; margin: 0; width: 100%; }

#popGift .pop-gift-box::before, #popGiftCover .pop-gift-box::before { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-box2-border.png") no-repeat; background-size: 100% 100%; width: 309px; height: 278.5px; }

#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, #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 { content: ''; background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-img-strong3-border.png); background-size: 100% 100%; width: 106%; height: 109%; top: 48%; }

#popGift .pop-gift-tit, #popGiftCover .pop-gift-tit { margin: 0; }

#popGift .pop-gift-tit span, #popGiftCover .pop-gift-tit span { font-size: 24px; color: #fff; letter-spacing: 2px; }

#popGift .pop-gift-name, #popGiftCover .pop-gift-name { bottom: -64px; color: #fff; font-size: 24px; width: 200%; left: -50%; }

.pop-gift-qipan .pop-gift-bd .popGiftMsg span:nth-child(1) { background: linear-gradient(to bottom, #c7f8ff 20%, #ffffff 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.pop-gift-qipan .pop-gift-bd .popGiftMsg span:nth-child(2) { background: linear-gradient(to bottom, #ffffff 20%, #fef4cb 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.pop-gift-stit.popGiftMsg span:nth-child(1) { background: linear-gradient(to bottom, #ffffff 20%, #fef4cb 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

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

#popGift .pop-gift-btmline, #popGiftCover .pop-gift-btmline { bottom: 10px; }

#popGift .pop-gift-btmline > a > span, #popGiftCover .pop-gift-btmline > a > span { font-size: 18px; }

#popGift .pop-gift-img > img, #popGiftCover .pop-gift-img > img { width: 100%; height: auto; }

#popGiftTen .pop-gift-tit { margin: 0; }

#popGiftTen .pop-gift-tit span { font-size: 24px; color: #fff; letter-spacing: 2px; }

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

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

#popGiftTen .pop-gift-ten-lt li .back::before, #popGiftTen .pop-gift-ten-lt li .front::before, #popGiftTen .pop-gift-ten-lt li::before { width: 146px; height: 132px; }

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

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

#popGiftTen .pop-gift-ten-lt li .pop-gift-ten-name { margin: 135px auto 0; width: 75%; }

#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: 155.5px; height: 145px; top: 64px; }

#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: 146px; height: 132px; }

#popGiftTen .pop-gift-ten-lt li:nth-child(5), #popGiftTen .pop-gift-ten-lt li:nth-child(6), #popGiftTen .pop-gift-ten-lt li:nth-child(7) { top: 170px; }

#popGiftTen .pop-gift-ten-lt li:nth-child(10), #popGiftTen .pop-gift-ten-lt li:nth-child(11), #popGiftTen .pop-gift-ten-lt li:nth-child(8), #popGiftTen .pop-gift-ten-lt li:nth-child(9) { top: 330px; }

#popGiftTen .pop-gift-btmline { bottom: -58px; }

#popPool2 .dialog-frame-container { zoom: 1.3; width: 845px; height: 560px; }

#popPool2 .dialog-frame-container .dialog-frame-content { width: 98%; height: 516px; }

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

#popPool2 .dialog-frame-container .pop-scrollbar { margin: 25px auto 0; width: 100%; height: calc(100% - 25px); 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: 14px; line-height: 18px; color: #f0e6d2; }

#popPool2 .dialog-frame-container .pop-scrollbar .odds { font-weight: 400; font-size: 10px; line-height: 14px; color: #c89b3c; }

#popPool2 .dialog-frame-container .pop-pool-bd-center { margin: 0; }

#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: 325px; height: 214px; }

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

#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-top: 20px; }

#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: 214px; height: 214px; }

#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: 0 -219px; width: 214px; height: 214px; }

#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: 4px; }

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

#popPool2 .dialog-frame-container .pop-pool-bd-lg li .img::after { background-position: -533px -219px; width: 103px; height: 103px; }

#popPool2 .dialog-frame-container .pop-pool-bd-lg li .name { font-weight: 400; font-size: 10px; line-height: 14px; color: #a09b8c; }

#popExchangeContinue .dialog-frame-container { zoom: 1.3; width: 404px; height: 352px; }

#popExchangeContinue .dialog-frame-container .dialog-frame-content { justify-content: flex-start; width: 398px; }

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

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

#popExchangeContinue .dialog-frame-container .continue-img-box::after { content: ''; background-position: -219px -219px; width: 152px; height: 152px; 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: 8px 0 18px; font-weight: 400; font-size: 12px; line-height: 16px; text-align: center; color: #f0e6d2; }

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

#popRule .dialog-frame-container { zoom: 1.3; width: 740px; height: 560px; }

#popRule .dialog-frame-container .pop-scrollbar { width: 100%; height: 100%; font-weight: 400; font-size: 12px; line-height: 20px; text-align: justify; color: #a09b8c; }

#popRule .dialog-frame-container p strong { margin-top: 1em; font-weight: 400; font-size: 14px; line-height: 18px; 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: 12px; line-height: 20px; text-align: center; color: #a09b8c; border: 1px solid #a09b8c; }

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

#popVideo .pop-video-bd .pop-close { zoom: 1.5; top: 0; right: -66px; background: 0 0; width: 56px; height: 56px; }

#popMall .pop-bd { padding-top: 22px; }

#popMall .pop-title { height: auto; }

#popMall p { color: #0a2e5e; }

#popRechargeSucc .pop-bd { padding-top: 20px; }

#popRechargeSucc p { color: #0a2e5e; }

#popGiftSpecial .pop-gift-btmline > a > span { font-size: 18px; }

#popRecharge .pop-close, #popRechargeNotice2 .pop-close, #popRechargeNotice3 .pop-close, #popRechargeNotice6 .pop-close, #popRechargePay .pop-close { display: block; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-recharge-close.png) no-repeat center/100%; width: 35.4px; height: 35.4px; top: 3px; right: 3px; }

#popContinue .dialog-frame-container, #popContinue2 .dialog-frame-container, #popContinue3 .dialog-frame-container, #popContinue4 .dialog-frame-container, #popContinue5 .dialog-frame-container { width: 520px; 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: 250px; }

#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: 15px 0 0; }

#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: -487px -157px; width: 16px; height: 16px; }

#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: 16px; 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: -466px -157px; width: 16px; height: 16px; }

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

#popRechargeNotice4 .pop-bd { padding: 10px 0 0; }

#popRechargeNotice4 .pop-recharge-notice-txt { color: #0a2e5e; }

#certificate1 .pop-bd { padding-top: 20px; }

.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 { position: relative; }

#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: 4px; }

#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: 107%; height: 110%; top: 48%; }

#popGiftDouble .pop-gift-box.bsNum500 .pop-gift-tag::before, #popGiftDouble .pop-gift-box.pop-gift-tag-cs .pop-gift-tag::before, #popGiftDouble .pop-gift-box.pop-gift-tag-new .pop-gift-tag::before, #popGiftDouble .pop-gift-box.pop-gift-tag-xc .pop-gift-tag::before { margin-left: 0; margin-top: 0; width: 100%; height: 100%; left: -6px; top: -13px; transform: scale(1.1); transform-origin: top left; }

#popGiftDouble .pop-gift-box.bsNum500 .pop-gift-tag::after, #popGiftDouble .pop-gift-box.pop-gift-tag-cs .pop-gift-tag::after, #popGiftDouble .pop-gift-box.pop-gift-tag-new .pop-gift-tag::after, #popGiftDouble .pop-gift-box.pop-gift-tag-xc .pop-gift-tag::after { bottom: 30px; }

#popGiftSpecial .pop-gift-box.bsNum500::before { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-img-strong3-border.png); background-size: 100% 100%; width: 324px; height: 304px; top: 48%; }

#popGiftSpecial .pop-gift-box::before { background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-box2-border.png); background-size: 100% 100%; width: 100%; height: 100%; }

#popGiftSpecial .pop-gift-box .pop-gift-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }

#popGiftSpecial .pop-gift-box.bsNum500 .pop-gift-tag::before, #popGiftSpecial .pop-gift-box.pop-gift-tag-cs .pop-gift-tag::before, #popGiftSpecial .pop-gift-box.pop-gift-tag-new .pop-gift-tag::before, #popGiftSpecial .pop-gift-box.pop-gift-tag-xc .pop-gift-tag::before { margin-left: -250px; margin-top: -240px; width: 90%; height: 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: 30px; }

#popGift .pop-gift-box .pop-gift-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }

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

#popGiftCover .pop-gift-box .pop-gift-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }

#popGiftCover .pop-gift-box.bsNum500 .pop-gift-tag::before, #popGiftCover .pop-gift-box.pop-gift-tag-cs .pop-gift-tag::before, #popGiftCover .pop-gift-box.pop-gift-tag-new .pop-gift-tag::before, #popGiftCover .pop-gift-box.pop-gift-tag-xc .pop-gift-tag::before { margin-left: -197px; margin-top: -173px; }

#popGiftCover .pop-gift-box.bsNum500 .pop-gift-tag::after, #popGiftCover .pop-gift-box.pop-gift-tag-cs .pop-gift-tag::after, #popGiftCover .pop-gift-box.pop-gift-tag-new .pop-gift-tag::after, #popGiftCover .pop-gift-box.pop-gift-tag-xc .pop-gift-tag::after { bottom: 24px; }

.pop { display: none; }

#popExchangeShop .dialog-frame-container .pop-giftList .item:nth-of-type(4n+2) .dh-wh2 .nav-zs-hover2 { margin: 0 0 0 -180px; }

/*!# sourceMappingURL=pop.css.map */
.pop-gift-btmline a { display: flex; align-items: center; justify-content: center; font-weight: bold; color: #193c60; font-size: 17px; }

.pop-gift-topline { width: 276.5px; height: 11.5px; margin: 0 auto 12px; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-gift-topline.png") no-repeat; background-size: 100% 100%; }

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

.pop-gift-btmline a span { color: #193c60; font-family: "Microsoft Yahei" !important; }

body { font-family: "Microsoft Yahei"; }

.pop-btn.pop-btn-cancel { margin-left: 15px; }

.pop-gift-btmline a, .pop-btn-cancel, .pop-btn, .pop-btn-confirm, .pop-mall .pop-mall-btns a, .pop-jsfl .pop-jsfl-ul a, #popGiftSpecial .pop-gift-btmline > a, .pop-thfl .pop-thfl-ul li:nth-of-type(2) > a, .pop-thfl .pop-thfl-ul li > a.pop-btn, #popGiftCover .pop-gift-btmline > a, #popGift .pop-gift-btmline > a, #popGiftTen .pop-gift-btmline > a { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop-btn.png") no-repeat; background-size: 100% 100%; width: 146.5px; height: 33px; display: flex; align-items: center; justify-content: center; }

.pop-gift-btmline a span, .pop-btn-cancel span, .pop-btn span, .pop-btn-confirm span, .pop-mall .pop-mall-btns a span, .pop-jsfl .pop-jsfl-ul a span, #popGiftSpecial .pop-gift-btmline > a span, .pop-thfl .pop-thfl-ul li:nth-of-type(2) > a span, .pop-thfl .pop-thfl-ul li > a.pop-btn span, #popGiftCover .pop-gift-btmline > a span, #popGift .pop-gift-btmline > a span, #popGiftTen .pop-gift-btmline > a span { font-size: 14px; line-height: 30px; color: #193c60; font-weight: bold; }

#popRechargeNotice4 .pop-title { padding-top: 25px; }

.pop .pop-title { font-family: "Microsoft Yahei"; height: 52px; font-size: 20px; margin-bottom: 10px; font-weight: bold; line-height: 1; display: flex; justify-content: center; align-items: center; margin-top: 5px; padding-top: 8px; position: relative; }

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

.pop-thfl .pop-thfl-ul .name::before { content: ""; width: 10.5px; height: 18px; transform: translateY(2px) translateX(-2px); background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/name_after.png") no-repeat; background-size: 100% 100%; }

.pop-thfl .pop-thfl-ul .name::after { content: ""; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/name_before.png") no-repeat; transform: translateX(2px); background-size: 100% 100%; width: 11px; height: 18px; }

.pop-thfl .pop-thfl-ul .name { color: #0a2e5e; background: linear-gradient(to bottom, #0a2e5e 20%, #4b73a9 80%); font-size: 14px; line-height: 1; font-weight: 700; height: 30px; display: flex; align-items: center; justify-content: center; white-space: nowrap; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

#rewardInfo .pop-title { margin-bottom: 35px; }

#rewardInfo .pop-btn.pop-btn-cancel { margin: 20px auto 0; }

.pop-thfl .pop-gxhd-pic::after, .pop-thfl .pop-thfl-propbg::after { content: ""; width: 162px; height: 161.5px; background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/0701/pop-frame1-img-mask.png") no-repeat; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }

.pop-thfl .pop-gxhd-pic img, .pop-thfl .pop-thfl-propbg img { width: 91%; border-radius: 10px; height: 91%; object-fit: cover; position: absolute; top: 4px; left: 7px; }

.pop-thfl .pop-hd-name, .pop-thfl .pop-thfl-tips { color: #0a2e5e; font-size: 12px; line-height: 16px; margin-bottom: 10px; white-space: nowrap; }

.pop-thfl .pop-thfl-ul a { margin: 20px auto 0; position: relative; display: flex; display: -webkit-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; padding-bottom: 2px; }

.pop-thfl .pop-thfl-ul li { width: 152.5px; display: inline-block; vertical-align: top; margin: 0 30px; }

.pop-thfl .pop-gxhd-pic, .pop-thfl .pop-thfl-propbg { width: 162px; position: relative; height: 161.5px; }

.pop-thfl .pop-thfl-ul li > a.pop-btn span strong, .pop-thfl .pop-thfl-ul li > a.pop-btn span span { color: #0a2e5e; font-size: 13px; }

.pop_match_info { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop_match_info.png") no-repeat; background-size: 100% 100%; width: 519px; height: 411px; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); padding-top: 15px; box-sizing: border-box; }

.pop_match_info .pop-txt { font-size: 11px; font-weight: bold; text-align: center; color: #0a2e5e; }

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

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

.pop_match_info .pop-img1 { width: 190px; height: 147.5px; display: block; margin: 15px auto 5px; }

.pop_match_info .pop_kq { background: url("//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcrank/pop_kq.png") no-repeat; background-size: 100% 100%; width: 146.5px; height: 33px; display: flex; align-items: center; justify-content: center; margin: 10px 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: 14px; margin-top: -3px; }

.pop_match_info .pop_kq p:nth-child(2) { color: #193c60; font-size: 12px; margin-top: -3px; margin-left: 5px; }

.pop_match_info .pop-txt3 { color: #193c60; text-align: center; font-size: 12px; }

#popRechargeSucc .pop-recharge-stone { margin: 40px auto 12px; }

#popRechargeSucc .pop-bd--middle { width: 519px; height: 411px; background: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcranks/popbg-middle.png) no-repeat center top/100% 100%; }

#popRechargeSucc .pop-btn-confirm { margin-left: 20px; }

#popRechargeNotice5 .pop-rechage-pic-box { margin: 0 auto 0; }

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

#popRechargeNotice5 .pop-rechage-pic-box::before { background: none; width: 152px; height: 152px; background-image: url(//game.gtimg.cn/images/lol/act/a20250717tftiBlitzcranks/spr-dia-pc.png?2025_5_28_20_13_39); background-size: 650px 510px; background-repeat: no-repeat; }

#popRechargeNotice5.pop-recharge-pic { width: 149px; height: 152px; object-fit: cover; position: absolute; top: 47%; left: 46%; }

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