html, body { background-color: #5492e0; overflow-x: hidden; }
@font-face { font-family: "syht-medium"; src: url("//game.gtimg.cn/images/lol/act/a20250731gift/font/syhtsc-medium.subset.otf") format("truetype"); font-style: normal; font-weight: normal; }
@font-face { font-family: "fzyt"; src: url("//game.gtimg.cn/images/lol/act/a20250731gift/font/fzyt.ttf") format("truetype"); font-style: normal; font-weight: normal; }
@font-face { font-family: "bftlol"; src: url("//game.gtimg.cn/images/lol/act/a20250731gift/font/bftlol.otf") format("truetype"); font-style: normal; font-weight: normal; }
@font-face { font-family: "syhtsc-bold"; src: url("//game.gtimg.cn/images/lol/act/a20250731gift/font/syhtsc-bold.subset.otf") format("truetype"); font-style: normal; font-weight: normal; }
@font-face { font-family: "mfzhishang_noncommercial-regular"; src: url("//game.gtimg.cn/images/lol/act/a20250731gift/font/mfzhishang_noncommercial-regular.otf") format("truetype"); font-style: normal; font-weight: normal; }
@font-face { font-family: "syhtsc-regular"; src: url("//game.gtimg.cn/images/lol/act/a20250731gift/font/syhtsc-regular.subset.otf") format("truetype"); font-style: normal; font-weight: normal; }
@font-face { font-family: "din-black"; src: url("//game.gtimg.cn/images/lol/act/a20250731gift/font/DINCond-Black.otf"); font-style: normal; font-weight: normal; }
@font-face { font-family: "zzgf-bold"; src: url("//game.gtimg.cn/images/lol/act/a20250731gift/font/zzgf-bold.otf"); font-style: normal; font-weight: normal; }
@font-face { font-family: "syht-bold"; src: url("//game.gtimg.cn/images/lol/act/a20250731gift/font/syht-bold.subset.otf"); font-style: normal; font-weight: normal; }
html, body, div, p, ol, ul, li, dl, dt, dd, em, i, span, a, img, input, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
a, img, input { border: none; }
body { font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-tap-highlight-color: transparent; }
a { text-decoration: none; }
ul, li { list-style: none; }
b, i, em { font-style: initial; }
b, em, strong { font-weight: normal; }
a, img { -webkit-touch-callout: none; }
a, input, img, select, textarea { outline: none; }
input::-webkit-search-cancel-button { display: none; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: 0; }
.wrapper img { width: 100%; -o-object-fit: cover; object-fit: cover; }
img[src=""] { opacity: 0; }
a:not(.gray, .on, .active, .brightness, .disabled, .selected):hover { -webkit-filter: brightness(1.1); filter: brightness(1.1); }
.hide, .hid { text-indent: -9999px; font-size: 0px; overflow: hidden; width: 0 !important; height: 0 !important; opacity: 0; position: absolute; left: -9999px; }
* { -webkit-text-size-adjust: 100% !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.dia *, .pop *, .wrap *, .wrap *::after, .wrap *::before { outline: 0; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 18px; color: white; font-family: "Microsoft YaHei"; letter-spacing: 0px; font-stretch: normal; line-height: 1.48; }
#afooter { background-color: black; padding: 10px 0; color: #ffffff; text-align: center; font-size: 14px; position: relative; margin-top: 0px; font-family: "tahoma"; }
#afooter a { color: #ffffff; text-decoration: none; }
.m-show, *[hidden=true], *[hidden] { display: none !important; }
.pop_up, .pop_up .pop_con { width: 986px; height: 550px; position: relative; }
.pop_up .pop_con { -o-object-fit: cover; object-fit: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pop_up .pop_close { text-decoration: none; width: 54px; height: 54px; position: absolute; right: -45px; top: 0px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-close.png?v=u9YG5AwH6H"); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }
.pop_up .pop_close:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.lazyload { opacity: 0; }
img.lazyloaded { opacity: 1; -webkit-transition: opacity 650ms linear; -moz-transition: opacity 650ms linear; transition: opacity 650ms linear; }
.cont { height: 100%; position: relative; }
.disabled { pointer-events: none; }
.wrapper { width: 2560px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin: 0 auto; }
.wrap { width: 2560px; position: relative; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/bg_comm.jpg?v=u9YG5AwH6H"); background-size: 2560px 12890px; background-position-y: 1471px; min-height: 14354px; }
.wrap .wrap-main { width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; position: relative; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/bg_comm_innr.jpg?v=u9YG5AwH6H"); background-size: 1600px 12890px; background-position: center 1471px; }
.wrap .cont { margin: 0 auto; }
.wrap .header .cont { height: 100%; position: relative; padding-top: 1195px; }
.wrap .header .cont .dt-time { width: 100%; color: white; text-align: center; font-family: "syht-bold"; font-size: 50px; letter-spacing: 1px; font-style: italic; line-height: 1; }
.wrap .header .logo_lol { width: 288px; height: 118px; position: absolute; left: 40px; top: 40px; z-index: 12; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/logo_lol.png?v=u9YG5AwH6H"); }
.header { height: 1472px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/bg_01.jpg?v=u9YG5AwH6H"); }

/*title*/
.title { width: 1115px; height: 191px; display: block; font-size: 0; text-indent: -9999em; }
.title.title1 { width: 1200px; height: 89px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/title-1.png?v=u9YG5AwH6H"); background-size: 100% 100%; margin: 0 auto 29px; }
.title.title2 { width: 1463px; height: 220px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/title-2.png?v=u9YG5AwH6H"); background-size: 100% 100%; margin: 0 auto; }
.title.title3 { width: 1000px; height: 221px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/title-3.png?v=u9YG5AwH6H"); background-size: 100% 100%; margin: 0 auto 20px; }
.title.title4 { width: 1000px; height: 221px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/title-4.png?v=u9YG5AwH6H"); background-size: 100% 100%; margin: 0 auto 40px; }
.title.title5 { width: 1200px; height: 221px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/title-5.png?v=u9YG5AwH6H"); background-size: 100% 100%; margin: 0 auto 25px; }
.title.title6 { width: 1200px; height: 89px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/title-6.png?v=u9YG5AwH6H"); background-size: 100% 100%; margin: 0 auto 25px; }
.title.title7 { width: 1200px; height: 220px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/title-7.png?v=u9YG5AwH6H"); background-size: 100% 100%; margin: 0 auto 28px; }
.title.title8 { width: 1231px; height: 220px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/title-8.png?v=u9YG5AwH6H"); background-size: 100% 100%; margin: 0 auto 80px; }

/*part01*/
.part01 { height: 1984px; position: relative; }
.part01 .cont { padding-top: 0; }
.part01 .text-tip { width: 100%; text-align: center; font-size: 28px; color: #ffffff; line-height: 1.04; margin-bottom: 56px; letter-spacing: 1px; }
.part01 .skin-list-wrapper { width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; position: relative; margin-bottom: 30px; }
.part01 .skin-list-wrap { width: 1815px; height: 1519px; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.part01 .skin-list-wrap .swiper-slide { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; }
.part01 .skin-list-wrap .swiper-slide:empty { display: none; }
.part01 .skin-list-wrap .skin-item { width: 343px; height: auto; margin-bottom: 4px; }
.part01 .skin-list-wrap .skin-item:not(:nth-child(5n)) { margin-right: 24px; }
.part01 .skin-list-wrap .skin-item:nth-child(n+6) { margin-top: 38px; }
.part01 .skin-list-wrap .skin-item .skin-prop { width: 343px; height: 565px; position: relative; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/skin-item-mask.png?v=u9YG5AwH6H"); -webkit-mask-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/skin-item-mask.png"); mask-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/skin-item-mask.png"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
.part01 .skin-list-wrap .skin-item .skin-prop [class*=lazyload] { width: 327px; right: 0; }
.part01 .skin-list-wrap .skin-item .skin-prop img { height: auto; position: absolute; top: 0; }
.part01 .skin-list-wrap .skin-item .skin-prop::after { content: ""; width: 100%; height: 100%; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/skin-item-border.png?v=u9YG5AwH6H"); position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; }
.part01 .skin-list-wrap .skin-item .skin-prop .skin-name { width: 100%; min-height: 65px; line-height: 1.2; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; text-align: center; color: #3f3f3f; padding: 0 6px 0 15px; font-size: 26px; letter-spacing: 2px; position: absolute; bottom: 6px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 6; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.part01 .skin-list-wrap .skin-item .skin-prop .skin-tag { width: 100%; height: 75px; position: absolute; top: 392px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.part01 .skin-list-wrap .skin-item .skin-prop .skin-tag img { width: auto !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; }
.part01 .skin-list-wrap .skin-item .skin-price { color: white; font-size: 28px; text-align: center; height: 70px; line-height: 105px; width: 100%; }
.part01 .skin-list-wrap .skin-item .skin-price span { color: white; font-size: 52px; font-family: "bftlol"; line-height: 1.3; }
.part01 .skin-list-wrap .skin-item .btn-buy { width: 260px; height: 68px; line-height: 68px; text-align: center; color: white; font-family: "mfzhishang_noncommercial-regular"; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/btn-buy.png?v=u9YG5AwH6H"); margin: 14px auto 0; display: block; letter-spacing: 2px; font-size: 30px; }
.part01 .spr-wrapper-group { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin: 32px auto 0; }
.part01 .spr-wrapper-group.normal { width: 100%; z-index: 10; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.part01 .skin-wrapper-btn2 { width: 2077px; position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; pointer-events: none; }
.part01 .skin-wrapper-btn2 .btn-arrow { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/spr-wrapper-group.png"); background-size: 633px 130px; background-position: -9999px -9999px; width: 78px; height: 100px; pointer-events: auto; }
.part01 .skin-wrapper-btn2 .btn-arrow.btn-prev { background-position: -500px -15px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.part01 .skin-wrapper-btn2 .btn-arrow.btn-prev.swiper-button-lock { cursor: not-allowed; }
.part01 .skin-wrapper-btn2 .btn-arrow.btn-prev.swiper-button-disabled { cursor: not-allowed; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: 0.5; }
.part01 .skin-wrapper-btn2 .btn-arrow.btn-next { background-position: -500px -15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.part01 .skin-wrapper-btn2 .btn-arrow.btn-next.swiper-button-lock { cursor: not-allowed; }
.part01 .skin-wrapper-btn2 .btn-arrow.btn-next.swiper-button-disabled { cursor: not-allowed; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 0.5; }
.part01 .custom-change .swiper-pagin-point span { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/spr-wrapper-group.png"); background-size: 633px 130px; background-position: -9999px -9999px; }
.part01 .custom-change { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.part01 .custom-change .swiper-pagin-point { margin: 0 36px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.part01 .custom-change .swiper-pagin-point span { width: 23px; height: 32px; margin: 0 26px; cursor: pointer; background-position: -215px -8px; }
.part01 .custom-change .swiper-pagin-point span.active { background-position: -110px -8px; }
.part01 .swiper-pagination { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; position: initial !important; margin: 0 32px !important; color: white; font-size: 42px; font-family: "bftlol"; }
.part01 .swiper-pagination * { color: white; font-size: 42px; font-family: "bftlol"; }
.part01 .btn-arrow { width: 37px; height: 48px; display: block; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/spr-wrapper-group.png"); background-size: 633px 130px; background-position: -9999px -9999px; }
.part01 .btn-arrow.btn-prev { background-position: -353px -74px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.part01 .btn-arrow.btn-prev.swiper-button-lock { cursor: not-allowed; }
.part01 .btn-arrow.btn-prev.swiper-button-disabled { cursor: not-allowed; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: 0.5; }
.part01 .btn-arrow.btn-next { background-position: -353px -74px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.part01 .btn-arrow.btn-next.swiper-button-lock { cursor: not-allowed; }
.part01 .btn-arrow.btn-next.swiper-button-disabled { cursor: not-allowed; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 0.5; }

/*part02*/
.part02 { height: 1362px; }
.part02 .cont { padding-top: 0; }
.part02 .title2-sub { width: 100%; font-size: 28px; color: #fafbfb; text-align: center; font-family: "syhtsc-regular"; margin-top: 13px; }
.part02 .title2-sub span { color: #f1fe47; font-size: 36px; font-family: "bftlol"; margin: 0 4px; }
.part02 .part2-cont { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 45px; margin-left: 405px; }
.part02 .part2-cont .part2-left { width: 320px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.part02 .part2-cont .part2-left .btn-mf { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/btn-mf.png?v=u9YG5AwH6H"); width: 375px; height: 102px; line-height: 102px; display: block; pointer-events: none; text-align: center; color: #ffffff; font-size: 36px; letter-spacing: 1px; font-family: "mfzhishang_noncommercial-regular"; }
.part02 .part2-cont .part2-left .biaoqing-tag { color: #393939; font-size: 28px; font-family: "syhtsc-regular"; text-align: center; letter-spacing: 2px; margin-top: 166px; }
.part02 .part2-cont .part2-left .biaoqing-img { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/biaoqing.png?v=u9YG5AwH6H"); width: 265px; height: 265px; margin-top: 20px; }
.part02 .part2-cont .part2-left .biaoqing-name { font-size: 36px; font-family: "mfzhishang_noncommercial-regular"; color: #ffffff; margin-top: 47px; height: 52px; -webkit-transform: scale(0.88); -moz-transform: scale(0.88); -ms-transform: scale(0.88); transform: scale(0.88); }
.part02 .part2-cont .part2-left .biaoqing-name::before, .part02 .part2-cont .part2-left .biaoqing-name::after { content: ""; width: 35px; height: 28px; display: inline-block; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/spr-wrapper-group.png"); background-size: 633px 130px; background-position: -9999px -9999px; vertical-align: -3px; -webkit-transform: scale(0.68); -moz-transform: scale(0.68); -ms-transform: scale(0.68); transform: scale(0.68); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; }
.part02 .part2-cont .part2-left .biaoqing-name::before { background-position: -281px -15px; margin-right: 16px; }
.part02 .part2-cont .part2-left .biaoqing-name::after { background-position: -331px -15px; margin-left: 16px; }
.part02 .part2-cont .part2-left .task-text { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/task-bg1.png?v=u9YG5AwH6H"); width: 479px; height: 46px; line-height: 46px; text-align: center; color: #fafbfb; font-size: 24px; margin-top: 20px; }
.part02 .part2-cont .part2-left .task-text b { font-weight: bold; color: #fafbfb; font-size: 26px; }
.part02 .part2-cont .part2-left .task-text span { color: #f4ff42; font-size: 24px; }
.part02 .part2-cont .part2-left .task-text em { color: #fafbfb; font-size: 24px; margin-left: 10px; }
.part02 .part2-cont .part2-left .btn-lq { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/btn-lq.png?v=u9YG5AwH6H"); width: 260px; height: 68px; line-height: 68px; text-align: center; margin-top: 33px; color: white; font-size: 30px; letter-spacing: 3px; font-family: "mfzhishang_noncommercial-regular"; }
.part02 .part2-cont .part2-left .btn-lq.gray { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/btn-lq-gray.png?v=u9YG5AwH6H"); pointer-events: none; color: rgba(33, 27, 27, 0.55); }
.part02 .part2-cont .part2-right { width: 1425px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 60px; position: relative; }
.part02 .part2-cont .part2-right::after { content: ""; width: 1027px; height: 742px; position: absolute; bottom: 16px; left: 19px; z-index: 0; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/part2-right-bg.png?v=u9YG5AwH6H"); pointer-events: none; }
.part02 .part2-cont .part2-right .btn-jiesuo { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/btn-jiesuo.png?v=u9YG5AwH6H"); width: 375px; height: 102px; line-height: 102px; text-align: center; margin: 0 auto; font-family: "mfzhishang_noncommercial-regular"; font-size: 36px; color: white; letter-spacing: 1px; }
.part02 .part2-cont .part2-right .btn-jiesuo span { font-family: "mfzhishang_noncommercial-regular"; font-size: 36px; color: white; letter-spacing: 1px; }
.part02 .part2-cont .part2-right .btn-jiesuo.gray { -webkit-filter: grayscale(1); filter: grayscale(1); pointer-events: none; color: rgba(33, 27, 27, 0.55); }
.part02 .part2-cont .part2-right .buy-tips { color: #393939; font-size: 24px; margin-top: 10px; text-align: center; line-height: 1; }
.part02 .part2-cont .part2-right .progress-box { width: 1430px; height: 143px; position: relative; margin-left: -25px; margin-top: 37px; }
.part02 .part2-cont .part2-right .progress-box .progress-bar { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/progress-bg.png?v=u9YG5AwH6H"); width: 1430px; height: 143px; position: relative; overflow: hidden; margin-top: -48px; }
.part02 .part2-cont .part2-right .progress-box .progress-bar.node1 { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/progress-node1.png?v=u9YG5AwH6H"); }
.part02 .part2-cont .part2-right .progress-box .progress-bar.node2 { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/progress-node2.png?v=u9YG5AwH6H"); }
.part02 .part2-cont .part2-right .progress-box .progress-bar.node3 { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/progress-node3.png?v=u9YG5AwH6H"); }
.part02 .part2-cont .part2-right .prop-list { width: 1425px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-left: 46px; position: relative; top: -118px; }
.part02 .part2-cont .part2-right .prop-list .prop-item { width: 400px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; }
.part02 .part2-cont .part2-right .prop-list .prop-item.prop-item1 { margin-left: 14px; }
.part02 .part2-cont .part2-right .prop-list .prop-item.prop-item2 { margin-left: 56px; }
.part02 .part2-cont .part2-right .prop-list .prop-item.prop-item3 { width: 450px; margin-left: 33px; }
.part02 .part2-cont .part2-right .prop-list .prop-item img { width: auto; height: 480px; -o-object-fit: scale-down; object-fit: scale-down; margin-bottom: -36px; }
.part02 .part2-cont .part2-right .prop-list .prop-item .prop-name { width: 108%; font-size: 36px; font-family: "mfzhishang_noncommercial-regular"; color: white; height: 59px; text-align: center; }
.part02 .part2-cont .part2-right .prop-list .prop-item .prop-name em { font-family: "bftlol"; font-size: 40px; }
.part02 .part2-cont .part2-right .prop-list .prop-item .prop-name::before, .part02 .part2-cont .part2-right .prop-list .prop-item .prop-name::after { content: ""; width: 35px; height: 28px; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/spr-wrapper-group.png"); background-size: 633px 130px; background-position: -9999px -9999px; -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -ms-transform: scale(0.65); transform: scale(0.65); }
.part02 .part2-cont .part2-right .prop-list .prop-item .prop-name::before { background-position: -281px -15px; margin-right: 16px; }
.part02 .part2-cont .part2-right .prop-list .prop-item .prop-name::after { background-position: -331px -15px; margin-left: 16px; }
.part02 .part2-cont .part2-right .prop-list .prop-item .btn-jc { font-size: 36px; font-family: "mfzhishang_noncommercial-regular"; color: #f4ff42; margin-left: 14px; position: relative; }
.part02 .part2-cont .part2-right .prop-list .prop-item .btn-jc::after { content: ""; width: 100%; height: 3px; background-color: #f4ff42; position: absolute; left: 0; bottom: 0; }
.part02 .part2-cont .part2-right .prop-list .prop-item .task-text { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/task-bg1.png?v=u9YG5AwH6H"); width: 479px; height: 46px; text-align: center; color: #fafbfb; font-size: 26px; margin-top: 12px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.part02 .part2-cont .part2-right .prop-list .prop-item .task-text b { font-weight: bold; color: #fafbfb; font-size: 24px; }
.part02 .part2-cont .part2-right .prop-list .prop-item .task-text span { color: #f4ff42; font-size: 24px; }
.part02 .part2-cont .part2-right .prop-list .prop-item .task-text em { color: #fafbfb; font-size: 24px; margin-left: 10px; }
.part02 .part2-cont .part2-right .prop-list .prop-item .task-text i { display: none !important; }
.part02 .part2-cont .part2-right .prop-list .prop-item .btn-lq { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/btn-lq.png?v=u9YG5AwH6H"); width: 260px; height: 68px; line-height: 68px; text-align: center; margin-top: 33px; color: white; font-size: 30px; letter-spacing: 3px; font-family: "mfzhishang_noncommercial-regular"; }
.part02 .part2-cont .part2-right .prop-list .prop-item .btn-lq.gray { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/btn-lq-gray.png?v=u9YG5AwH6H"); pointer-events: none; color: rgba(33, 27, 27, 0.55); }

/*part03*/
.part03 { height: 1029px; }
.part03 .cont { padding-top: 0; }
.part03 .situation-t { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto 22px; }
.part03 .situation-t [class*=p] { font-size: 28px; color: #fafbfb; }
.part03 .situation-t [class*=p] * { color: #f1fe47; font-size: 30px; margin: 0 4px; font-family: "bftlol"; }
.part03 .incentive-list { width: 1852px; margin: 40px auto 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.part03 .incentive-list .incentive-item { width: 459px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }
.part03 .incentive-list .incentive-item:not(:last-child)::after { content: ""; width: 22px; height: 600px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/line1-after.png?v=u9YG5AwH6H"); position: absolute; top: -3px; right: -13px; z-index: 1; }
.part03 .incentive-list .incentive-item .incentive-img { width: 430px; height: 300px; margin: 18px auto 0; display: block; }
.part03 .incentive-list .incentive-item .p1 { font-size: 30px; font-family: "syht-bold"; margin-bottom: 12px; color: #ffffff; position: relative; text-align: center; }
.part03 .incentive-list .incentive-item .p1::before, .part03 .incentive-list .incentive-item .p1::after { content: ""; width: 35px; height: 28px; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/spr-wrapper-group.png"); background-size: 633px 130px; background-position: -9999px -9999px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }
.part03 .incentive-list .incentive-item .p1::before { background-position: -281px -15px; margin-right: 12px; }
.part03 .incentive-list .incentive-item .p1::after { background-position: -331px -15px; margin-left: 12px; }
.part03 .incentive-list .incentive-item .p1 span { font-size: 32px; font-family: "syht-bold"; color: #f4ff42; }
.part03 .incentive-list .incentive-item .p2 { width: 100%; font-size: 22px; margin: 6px auto 0; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.part03 .incentive-list .incentive-item .p2 span { font-family: "syht-bold"; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 35px; text-align: center; line-height: 35px; color: #fafbfb; font-size: 22px; }
.part03 .incentive-list .incentive-item .p2 a { color: #f4ff42; font-size: 22px; text-decoration: underline; margin-left: 10px; font-family: "syht-bold"; }
.part03 .incentive-list .incentive-item .btn-lq { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/btn-lq2.png?v=u9YG5AwH6H"); width: 337px; height: 91px; line-height: 91px; text-align: center; color: #ffffff; font-size: 36px; letter-spacing: 2px; margin: 20px auto 0; display: block; font-family: "mfzhishang_noncommercial-regular"; }
.part03 .incentive-list .incentive-item .btn-lq.gray { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/btn-lq2-gray.png?v=u9YG5AwH6H"); pointer-events: none; color: rgba(33, 27, 27, 0.55); }

/*part04*/
.part04 { height: 1865px; overflow: hidden; }
.part04 .cont { padding-top: 0; }
.part04 .qa-list { width: 1850px; margin: 0 auto; }
.part04 .qa-list .qa-item { padding-bottom: 30px; margin-bottom: 30px; position: relative; padding-left: 50px; }
.part04 .qa-list .qa-item::after { content: ""; width: 100%; height: 2px; background-color: #8dccf2; opacity: 0.5; position: absolute; left: 0; bottom: 0; }
.part04 .qa-list .qa-item .quiz { color: #ffffff; font-size: 30px; font-weight: bold; position: relative; }
.part04 .qa-list .qa-item .quiz::before { content: ""; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/qa-icon.png?v=u9YG5AwH6H"); width: 26px; height: 26px; position: absolute; left: -50px; top: 10px; }
.part04 .qa-list .qa-item .quiz em { display: inline-block; width: 55px; color: #ffffff; font-size: 30px; font-weight: bold; }
.part04 .qa-list .qa-item .answer { color: #c4f6ff; font-size: 26px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.part04 .qa-list .qa-item .answer em { display: inline-block; width: 55px; color: #c4f6ff; font-size: 26px; -webkit-box-flex: 0; -moz-box-flex: 0; -ms-flex: none; flex: none; }
.part04 .qa-list .r2 { color: #ffffff; font-size: 22px; padding-left: 30px; }

/*part04 end */
.part05 .text-tip { width: 100%; text-align: center; font-size: 28px; color: #ffffff; line-height: 1.04; margin-bottom: 38px; letter-spacing: 1px; }
.part05 .source-box { width: 1881px; height: 900px; margin: 0 auto 58px; }
.part05 .btn-golink { width: 673px; height: 178px; line-height: 178px; text-align: center; font-size: 70px; color: white; display: block; margin: 0 auto 175px; letter-spacing: 1px; font-family: "mfzhishang_noncommercial-regular"; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/btn-comm.png?v=u9YG5AwH6H"); }
.part05 .btn-golink.btnlink1 { margin: 0 auto 165px; }
.part05 .btn-golink.btnlink2 { margin: 0 auto 156px; }
.part05 .btn-golink.btnlink3 { margin: 0 auto 460px; }
.part05 .module2 { width: 1843px; margin: 0 auto 130px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.part05 .module2 .module-comm { width: 906px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }
.part05 .module2 .thead { font-size: 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; color: white; font-family: "syht-bold"; position: relative; line-height: 1; margin-bottom: 15px; }
.part05 .module2 .thead::before, .part05 .module2 .thead::after { content: ""; width: 35px; height: 28px; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/spr-wrapper-group.png"); background-size: 633px 130px; background-position: -9999px -9999px; }
.part05 .module2 .thead::before { background-position: -281px -15px; margin-right: 28px; }
.part05 .module2 .thead::after { background-position: -331px -15px; margin-left: 28px; }
.part05 .module2 .module-imgs { width: 100%; display: block; height: 523px; margin-bottom: 29px; }
.part05 .module2 .module-p2, .part05 .module2 .module-txt { width: 100%; text-align: center; line-height: 1; }
.part05 .module2 .module-txt { font-size: 32px; font-family: "syht-bold"; position: relative; margin-bottom: 32px; }
.part05 .module2 .module-txt::after { content: ""; width: 625px; height: 24px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/line3.png?v=u9YG5AwH6H"); position: absolute; bottom: -18px; left: 49.5%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; }
.part05 .module2 .module-txt span { font-family: "bftlol"; color: #f1fe47; font-size: 40px; letter-spacing: 2px; }
.part05 .module2 .module-p2 { width: 100%; color: #3f3f3f; font-size: 26px; line-height: 1; }

/*part05*/
.loginContainer { width: 100%; text-align: center; color: #3f3f3f; font-size: 24px; margin: 34px auto 140px; }
.loginContainer * { color: #3f3f3f; font-size: 24px; }
.loginContainer a { color: #3f3f3f; cursor: pointer; }
.margin-center { margin: 0 auto; }
.fs-defaule span, .fs-defaule { font-family: "Microsoft YaHei"; }

/* pop_sm */
.pop { position: fixed !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%) scale(0.97) !important; -moz-transform: translate(-50%, -50%) scale(0.97) !important; -ms-transform: translate(-50%, -50%) scale(0.97) !important; transform: translate(-50%, -50%) scale(0.97) !important; margin: auto !important; outline: none; border: none; }
.pop, .pop *, .dia, .dia * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; }
.pop .pop-close { position: absolute; right: -40px; top: 37px; z-index: 3; display: block; width: 56px; height: 55px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-close.png?v=u9YG5AwH6H"); }
.pop .pop_sm-sure { width: 445px; height: 117px; line-height: 117px; text-align: center; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/pop_sm-sure.png?v=u9YG5AwH6H"); display: block; letter-spacing: 2px; color: #ffffff; font-size: 46px; font-family: "mfzhishang_noncommercial-regular"; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 62px; z-index: 2; }
#pop_tip .pop_con { padding-top: 70px; }
#pop_tip .sm-txt, #pop_unlock .sm-txt, #pop_pay .sm-txt, #pop_msg .sm-txt { width: 100%; height: 330px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 40px; line-height: 1.36; padding: 0 100px; color: #3f3f3f; margin-top: 175px; }
#pop_tip .sm-txt, #pop_unlock .sm-txt, #pop_pay .sm-txt { margin-top: 85px; }
#pop_unlock .pop_con { padding-top: 80px; }
#pop_unlock .pop_con .pop-btns { margin-top: 40px; }
.pop_sm { width: 1147px; height: 712px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-prop-sm.png?v=u9YG5AwH6H"); }
.pop_sm.pop_pay .pop_con { padding-top: 72px; }
.pop_sm .pop_con { width: 100%; height: 100%; }
.pop_sm .pop_con .dia-title1 { width: 657px; height: 58px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-title1.png?v=u9YG5AwH6H"); margin: 0 auto; }
.pop_sm .pop_con .dia-title3 { width: 523px; height: 58px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-title3.png?v=u9YG5AwH6H"); margin: 0 auto 32px; }
.pop_sm .pop_con .dia-title7 { width: 725px; height: 58px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-title7.png?v=u9YG5AwH6H"); margin: 0 auto 40px; }
.pop_sm .pop_con .sm-txt { width: 100%; text-align: center; font-size: 42px; color: #3f3f3f; margin: 0 auto; line-height: 1.36; padding: 0 100px; }
.pop_sm .pop_con .pop-sure { width: 445px; height: 117px; line-height: 117px; text-align: center; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/pop_sm-sure.png?v=u9YG5AwH6H"); letter-spacing: 2px; color: #ffffff; font-size: 46px; font-family: "mfzhishang_noncommercial-regular"; display: block; margin: 0 auto 0; }
.pop_sm .pop_con .pop-sure.marginAuto { margin: initial; }
.pop_sm .pop_con .pop-cancel { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-qt.png?v=u9YG5AwH6H"); width: 445px; height: 117px; line-height: 117px; text-align: center; letter-spacing: 2px; color: #ffffff; font-size: 46px; font-family: "mfzhishang_noncommercial-regular"; display: block; margin: 0 auto 0; margin-left: auto !important; }
.pop_sm .pop_con .pop-cancel.marginAuto { margin: initial; }
.pop_sm .pop_con .pop-btns { width: 905px; margin: 35px auto 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.pop_sm .pop_con .pop-dq { width: 445px; height: 117px; line-height: 117px; text-align: center; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/pop_sm-sure.png?v=u9YG5AwH6H"); letter-spacing: 2px; color: #ffffff; font-size: 46px; display: block; font-family: "mfzhishang_noncommercial-regular"; margin: 0 auto 0; }
.pop_sm .pop_con .pop-dq.marginAuto { margin: initial; }
.pop_sm .pop_con .pop-qt { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-qt.png?v=u9YG5AwH6H"); width: 445px; height: 117px; line-height: 117px; text-align: center; letter-spacing: 2px; color: #ffffff; font-size: 46px; display: block; margin: 0 auto 0; font-family: "mfzhishang_noncommercial-regular"; margin-left: auto !important; }
.pop_sm .pop_con .pop-qt.marginAuto { margin: initial; }
.pop_sm .pop_con .pop-p1 { color: #d2d5c9; font-size: 20px; width: 100%; text-align: center; line-height: 1.28; }
.pop_sm .pop_con .pop-p1 span { color: #9ea7a3; font-size: 18px; }
.pop_sm .pop_con .pop-btns-gr { margin-left: 0 !important; }
.pop_sm .pop_con .pop-btns-gr.last { margin-left: auto !important; }
.pop_sm .pop_con .pop-btns-gr a { margin-top: 0 !important; margin-right: 0; margin-bottom: 18px; }

/*pop_lg*/
.pop_lg { width: 1477px; height: 1082px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-prop-lg.png?v=u9YG5AwH6H"); background-size: 100% 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }
.pop_lg.hasCheckBox { top: 44% !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.pop_lg.hasCheckBox#pop_skins2 { top: 50% !important; }
.pop_lg.hasCheckBox .pop_con .dia-title2 { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-title2-skin-lq.png?v=u9YG5AwH6H"); }
.pop_lg.hasCheckBox .pop_con .pop-skin-scroll .pop-skin-item { pointer-events: auto; cursor: pointer; }
.pop_lg.hasCheckBox .pop_con .pop-skin-scroll .pop-skin-item .pop-skin-bor::before { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/pop-skin-check.png?v=u9YG5AwH6H"); background-size: 100% 100%; }
.pop_lg.hasCheckBox .pop_con .pop-skin-scroll .pop-skin-item .skin-tag { bottom: 55px; }
.pop_lg.hasCheckBox .lg-group { display: block !important; margin: 140px auto 0; }
.pop_lg.hasCheckBox .lg-group .pop-sure { margin: 0 auto; }
.pop_lg.pro { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-prop-lg2.png?v=u9YG5AwH6H"); height: 1184px; }
.pop_lg.pro .pop_con { padding-top: 95px; }
.pop_lg.pro .areainfo { width: 100%; text-align: center; color: #3f3f3f; font-size: 20px; margin-top: -20px; margin-bottom: 20px; }
.pop_lg.pro .areainfo span { color: #3978ec; font-size: 20px; }
.pop_lg.pro .areainfo a { color: #3978ec; font-size: 20px; text-decoration: underline; }
.pop_lg.pop_optional .pop_con { padding-top: 120px; }
.pop_lg .pop_con { width: 100%; padding-top: 95px; }
.pop_lg .pop_con + .lg-group { display: none; }
.pop_lg .pop_con .dia-title2 { width: 1187px; height: 91px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-title2-skin.png?v=u9YG5AwH6H"); margin: 0 auto 40px; }
.pop_lg .pop_con .dia-title2.title { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-title2-skinzc.png?v=u9YG5AwH6H"); }
.pop_lg .pop_con .dia-title4 { width: 1187px; height: 91px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-title4.png?v=u9YG5AwH6H"); margin: 0 auto 30px; }
.pop_lg .pop_con .dia-title4.haveall { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-title4-2.png?v=u9YG5AwH6H"); width: 1187px; height: 91px; margin: 0 auto 30px; }
.pop_lg .pop_con .dia-title5 { width: 1187px; height: 91px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-title5.png?v=u9YG5AwH6H"); margin: 0 auto 28px; }
.pop_lg .pop_con .dia-title6 { width: 1187px; height: 90px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-title6.png?v=u9YG5AwH6H"); margin: 0 auto 25px; }
.pop_lg .pop_con .pop-skins__p { width: 800px; font-size: 18px; text-align: center; font-family: "syht-medium"; color: #ffe2bc; margin: 0 auto 16px; line-height: 1.72; }
.pop_lg .pop_con .dia-tit-p2 { width: 800px; font-size: 18px; text-align: center; font-family: "syht-medium"; color: #ffe2bc; margin: 0 auto 32px; line-height: 1.72; }
.pop_lg .pop_con .dia-tit-imgs { width: 800px; height: auto; display: block; margin-left: 215px; margin-bottom: 10px; }
.pop_lg .pop_con .dia-group__span { width: 800px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0 auto; }
.pop_lg .pop_con .dia-group__span span { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; font-size: 18px; text-align: center; font-family: "syht-medium"; color: #ffe2bc; }
.pop_lg .pop_con .pop-skin-scroll { width: 1265px; height: 750px; overflow-x: hidden; overflow-y: auto; margin-left: 145px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.pop_lg .pop_con .pop-skin-scroll::-webkit-scrollbar-track-piece { background-color: #c7d0e1; border-radius: 10px; }
.pop_lg .pop_con .pop-skin-scroll::-webkit-scrollbar { width: 7px; }
.pop_lg .pop_con .pop-skin-scroll::-webkit-scrollbar-thumb { background-color: #3978ec; background-clip: padding-box; border-radius: 10px; }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item { width: 220px; height: auto; position: relative; }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item .pop-has-text { display: none; }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item.has { pointer-events: none; }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item.has .pop-skin-bor::before { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/pop-skin-border.png?v=u9YG5AwH6H"); }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item.has .pop-has-text { width: 100%; height: 386px; position: absolute; top: 0%; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); z-index: 7; background-color: rgba(0, 0, 0, 0.3); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 28px; text-align: center; color: white; font-family: "syht-bold"; }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item .skin-tag { width: 100%; height: 68px; position: absolute; bottom: 18px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item .skin-tag img { width: auto !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item .pop-skin-bor { width: 220px; height: 386px; margin: 0 auto; position: relative; overflow: hidden; }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item .pop-skin-bor::before { content: ""; width: 220px; height: 386px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/pop-skin-border.png?v=u9YG5AwH6H"); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item .pop-skin-bor img { width: 230px; height: 104%; -o-object-position: top; object-position: top; position: absolute; left: 50%; top: 49%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item.selected .pop-skin-bor::before { top: 51%; width: 229px; height: 394.2px; left: 49.8%; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/pop-skin-item-selected.png?v=u9YG5AwH6H"); background-size: 100% 100%; }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item:not(:nth-child(5n)) { margin-right: 23px; }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item:nth-child(n+6) { margin-top: 10px; }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item .pop-skin-img { width: 100%; height: auto; }
.pop_lg .pop_con .pop-skin-scroll .pop-skin-item .pop-skin-name { width: 100%; min-height: 40px; color: #3f3f3f; text-align: center; font-size: 20px; line-height: 1.2; margin-top: 11px; font-family: "syhtsc-regular"; }
.pop_lg .pop-optional-img { width: 969px; height: 547px; margin: 65px auto 45px; position: relative; }
.pop_lg .pop-optional-img img { width: 969px; height: 547px; -o-object-position: center; object-position: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.pop_lg .pop-optional-img .pop-optional-tag { width: auto !important; height: 96px !important; -o-object-fit: cover; object-fit: cover; position: absolute; top: 410px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.pop_lg .pop-optional-img::after { content: ""; width: 969px; height: 547px; border: 2px solid #3164ed; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; pointer-events: none; }
.pop_lg .pop-optional-img .pop-optional-name { width: 100%; color: #3f3f3f; font-size: 30px; text-align: center; position: absolute; bottom: -60px; left: 0; z-index: 2; }
.pop_lg .pop-lg-text { width: 850px; margin: 0 auto 30px; text-align: center; color: #ffe2bc; font-size: 20px; font-family: "Microsoft YaHei"; }
.pop_lg .pop-lg-text span { color: #9ee7ff; font-size: 20px; font-family: "Microsoft YaHei"; }
.pop_lg .lg-group { width: 850px; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.pop_lg .lg-group.mgt-auto { margin: 25px auto 0; }
.pop_lg .lg-group .pop-sure { font-size: 0; width: 445px; height: 117px; line-height: 117px; display: block; letter-spacing: 2px; color: #ffffff; text-align: center; font-size: 46px; font-family: "mfzhishang_noncommercial-regular"; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-btn1.png?v=u9YG5AwH6H"); display: block; margin: 60px auto 0; }
.pop_lg .lg-group .pop-cancel { margin-left: auto !important; }
.pop_lg .lg-group .pop-chose { width: 445px; height: 117px; line-height: 117px; text-align: center; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/pop_sm-sure.png?v=u9YG5AwH6H"); letter-spacing: 2px; color: #ffffff; font-size: 46px; font-family: "mfzhishang_noncommercial-regular"; display: block; margin: 0px auto 0; }
.pop_lg .pop-history-list { width: 1187px; margin: 0 auto; }
.pop_lg .pop-history-list .pop-history-th { width: 1187px; height: 70px; color: white; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; background-color: #84838b; padding-right: 15px; }
.pop_lg .pop-history-list .pop-history-th > div { height: 100%; line-height: 70px; text-align: center; font-size: 32px; color: white; font-family: "syht-bold"; position: relative; }
.pop_lg .pop-history-list .pop-history-th > div.th-time, .pop_lg .pop-history-list .pop-history-th > div.th-nickname { width: 295px; }
.pop_lg .pop-history-list .pop-history-th > div.th-status, .pop_lg .pop-history-list .pop-history-th > div.th-server { width: 214px; }
.pop_lg .pop-history-list .pop-history-tbody { width: 1187px; height: 705px; overflow-y: auto; overflow-x: hidden; position: relative; z-index: 2; }
.pop_lg .pop-history-list .pop-history-tbody::-webkit-scrollbar-track-piece { background-color: #c7d0e1; border-radius: 10px; }
.pop_lg .pop-history-list .pop-history-tbody::-webkit-scrollbar { width: 7px; }
.pop_lg .pop-history-list .pop-history-tbody::-webkit-scrollbar-thumb { background-color: #3978ec; background-clip: padding-box; border-radius: 10px; }
.pop_lg .pop-history-list .pop-history-tbody .pop-row { width: 100%; height: 65px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2px; }
.pop_lg .pop-history-list .pop-history-tbody .pop-row.dialog-history__empty { background-color: rgba(0, 0, 0, 0.1); height: 97%; }
.pop_lg .pop-history-list .pop-history-tbody .pop-row.dialog-history__empty .pop-td { width: 100%; height: 100%; color: #3f3f3f; line-height: 20; }
.pop_lg .pop-history-list .pop-history-tbody .pop-td { width: 252px; height: 65px; line-height: 65px; text-align: center; font-size: 28px; font-family: "Microsoft YaHei"; position: relative; color: #3f3f3f; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pop_lg .pop-history-list .pop-history-tbody .pop-td.dialog-history__empty { width: 100%; height: 100%; line-height: 10; }
.pop_lg .pop-history-list .pop-history-tbody .pop-td:last-child { margin-right: 0; }
.pop_lg .pop-history-list .pop-history-tbody .pop-td:nth-last-child(2) { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.pop_lg .pop-history-list .pop-history-tbody .pop-td.big { width: 325px; }
.pop_lg .pop-history-list .pop-history-tbody .pop-btn-lq { display: block; width: 260px; height: 67px; line-height: 67px; font-size: 30px; margin: 0 auto; letter-spacing: 2px; font-family: "mfzhishang_noncommercial-regular"; text-align: center; color: white; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/btn-buy.png?v=u9YG5AwH6H"); }
.pop_lg .pop-history-list .pop-history-tbody .pop-btn-lq.disabled { background-image: initial; pointer-events: none; color: #3978ec; font-family: "Microsoft YaHei"; }
.top-nav { width: 2060px; margin: 0 auto 100px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.top-nav .nav-item { width: 377px; height: 182px; cursor: pointer; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; -moz-transition: filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-right: 16px; padding-bottom: 50px; position: relative; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/nav-item.png?v=u9YG5AwH6H"); }
.top-nav .nav-item.nav-item4, .top-nav .nav-item.nav-item5 { padding-bottom: 68px; }
.top-nav .nav-item p { color: #3f3f3f; font-size: 32px; line-height: 1.2; text-align: right; font-family: "mfzhishang_noncommercial-regular"; position: relative; z-index: 1; }
.top-nav .nav-item:hover { -webkit-filter: brightness(1.2); filter: brightness(1.2); }
.top-nav .nav-item .nav-bg { width: 100%; position: absolute; bottom: 0; right: 0; z-index: 0; }
.top-nav .nav-item.nav-item1 .nav-bg { height: 229px; bottom: -1px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/nav-item1.png?v=u9YG5AwH6H"); }
.top-nav .nav-item.nav-item2 .nav-bg { height: 222px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/nav-item2.png?v=u9YG5AwH6H"); }
.top-nav .nav-item.nav-item3 .nav-bg { height: 248px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/nav-item3.png?v=u9YG5AwH6H"); }
.top-nav .nav-item.nav-item4 .nav-bg { width: 377px; height: 218px; bottom: -16px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/nav-item4.png?v=u9YG5AwH6H"); }
.top-nav .nav-item.nav-item5 .nav-bg { width: 406px; height: 233px; bottom: -14px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/nav-item5.png?v=u9YG5AwH6H"); }
#pop_skins2 .pop-skin-scroll .pop-skin-item { cursor: pointer; }
.pop_selectOpen { height: 346px; background-size: 100% 100% !important; }
.pop_selectOpen .pop_con { padding-top: 70px; }
.pop_selectOpen .pop-btns .btn-optional { width: 317px; height: 76px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-btnbg.png?v=u9YG5AwH6H"); display: block; color: #411f1f; font-size: 40px; line-height: 76px; text-align: center; font-family: "zzgf-bold"; margin: 0; }
.pop_selectOpen .pop-btns .btn-random { width: 317px; height: 76px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/dia-btnbg2.png?v=u9YG5AwH6H"); display: block; color: #181b2c; font-size: 40px; line-height: 76px; text-align: center; font-family: "zzgf-bold"; margin: 0; }
.pop_selectOpen .selectOpen-jackpot { display: block; color: white; font-size: 30px; font-family: "zzgf-bold"; text-decoration: underline; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 15px auto 0; }
#pop_reward2 .areainfo2 { width: 100%; text-align: center; color: #3f3f3f; font-size: 22px; margin-top: 60px; margin-bottom: 20px; }
#pop_reward2 .areainfo2 span { color: #3978ec; font-size: 22px; }
#pop_reward2 .areainfo2 a { color: #3978ec; font-size: 22px; text-decoration: underline; }
#pop_reward2 .lg-group { width: 905px; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#pop_reward2 .lg-group .pop_reward2-btn { width: 445px; height: 117px; line-height: 117px; text-align: center; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/pop_sm-sure.png?v=u9YG5AwH6H"); background-size: 100% 100%; letter-spacing: 2px; color: #ffffff; margin: 0; font-size: 46px; font-family: "mfzhishang_noncommercial-regular"; }
#pop_reward2 .lg-group .have-state { pointer-events: none; }
#pop_reward2 .lg-group .have-state.ishave { -webkit-filter: grayscale(1); filter: grayscale(1); }
#pop_reward2 .pop-optional-img { margin: 35px auto 45px !important; }
#pop_reward2 .pop-optional-name { bottom: -50px !important; }
.skinlist-tab { width: 630px; margin: 0 auto 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.skinlist-tab .skinlist-item { width: 300px; height: 67px; background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/skintab-item.png?v=u9YG5AwH6H"); color: #e0c28f; font-size: 32px; text-align: center; line-height: 67px; font-family: "zzgf-bold"; }
.skinlist-tab .skinlist-item.on { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/skintab-item-on.png?v=u9YG5AwH6H"); color: #411f1f; }
.abs-preload { width: 0; height: 0; position: absolute; left: -350%; pointer-events: none; bottom: 0; z-index: -1; opacity: 0; }
.pop-test { position: fixed; left: 0; bottom: 0; z-index: 999; }
.pop-test button { font-size: 26px; }
.qConnectLogin { z-index: 9999 !important; }
.pop_lg:not(.hasCheckBox) .pop_con .pop-skin-scroll .pop-skin-item[data-id="8ce03930-7079-5e3f-a49b-d4721b00dbb3"] .pop-skin-bor::before, .pop_lg:not(.hasCheckBox) .pop_con .pop-skin-scroll .pop-skin-item .pop-skin-bor[data-skinid="8ce03930-7079-5e3f-a49b-d4721b00dbb3"]::before { background-image: url("//game.gtimg.cn/images/lol/act/a20250731gift/pop-skin-border2.png?v=u9YG5AwH6H"); }