.wrap .main .part04 .step-box .setp-t .icon, .wrap .main .part01 .pt-time-box .pt-time-t, .wrap .main .part-tit-max::before, .wrap .main .part-tit-max::after, .wrap .main .part-title::before, .wrap .main .part-title::after { background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/spr.png"); background-size: 800px 800px; background-position: -9999px -9999px; }
html, body { background-color: #faf2fe; overflow-x: hidden; }
@font-face { font-family: "syht-medium"; src: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/font/syhtsc-medium.subset.otf") format("truetype"); font-style: normal; font-weight: normal; }
html, body, div, p, 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: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100% !important; }
a { text-decoration: none; }
ul, li { list-style: none; }
a, img { -webkit-touch-callout: none; }
b, i, em { font-style: initial; font-weight: initial; }
img[src=""] { opacity: 0; }
html, body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #0c0e14; }
html { font-size: 50px; font-size: 13.33333333vw; }
#afooter { background: #000; padding: 20px 0; line-height: 30px; color: #ffffff; text-align: center; font-size: 20px; position: relative; margin: 0px; font-family: "tahoma"; }
#afooter a { color: #fff; text-decoration: none; }
input[type=number] { -moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 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: 20px; color: white; line-height: 1.5; }
.pc-show, *[hidden=true], *[hidden] { display: none !important; }
.disabled { pointer-events: none; }
.wrapper { width: 750px; margin: 0 auto; }
.hide, .hid { text-indent: -9999px; font-size: 0px; overflow: hidden; width: 0px; height: 0px; opacity: 0; }
* { -webkit-text-size-adjust: 100% !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.m-show, *[hidden=true], *[hidden] { display: none !important; }
.pop_up, .pop_up .pop_con { width: 508px; height: 255px; 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: 73px; height: 73px; position: absolute; left: 50%; margin-left: -36.5px; bottom: -80px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/dia-close.png"); background-size: 100% 100%; font-size: 0px; }
.lazyload { opacity: 0; }
img:not(.img) { max-width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; }
img.lazyloaded { opacity: 1; -webkit-transition: opacity 650ms linear; -moz-transition: opacity 650ms linear; transition: opacity 650ms linear; }
.cont { width: 680px; height: 100%; position: relative; }
.disabled { pointer-events: none; }
.wrapper { width: 750px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin: 0 auto; }
.wrap { width: 750px; overflow: hidden; position: relative; margin: 0 auto; z-index: 1; }
.wrap .cont { width: 680px; margin: 0 auto; position: relative; }
.wrap .header { width: 100%; height: 1169px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/bg_header.jpg"); background-size: 100% 100%; }
.wrap .header .logo1 { width: 119px; height: 34px; position: absolute; top: 30px; left: 40px; z-index: 12; display: block; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/logo_lol.png"); background-size: 100% 100%; }
.wrap .header .cont { width: 100%; }
.wrap .header .loginContainer { position: absolute; bottom: 52px; width: 100%; text-align: center; padding: 0 25px; color: white; font-size: 22px; z-index: 2; }
.wrap .header .loginContainer * { line-height: 1.45; }
.wrap .header .loginContainer .btn-logout, .wrap .header .loginContainer .btn-login { color: #f9c979; }
.wrap .main { width: 100%; height: 6567px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/bg_02_uKwW3n.jpg"); background-size: 100% 100%; }
.wrap .main .part-title { color: #594629; font-size: 24px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto 4px; letter-spacing: 3px; position: relative; }
.wrap .main .part-title::before, .wrap .main .part-title::after { content: ""; width: 22px; height: 15px; font-weight: bold; display: inline-block; vertical-align: 7%; }
.wrap .main .part-title::before { margin-right: 9px; background-position: -312px -359px; }
.wrap .main .part-title::after { margin-left: 9px; background-position: -467px -359px; }
.wrap .main .part-tit-min { font-size: 60px; color: #ffdf91; font-weight: bold; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; line-height: 1.1; margin: 0 auto 10px; }
.wrap .main .part-tit-max { font-size: 34px; color: #ffdf91; font-weight: bold; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; line-height: 1.12; margin: 0 auto; position: relative; }
.wrap .main .part-tit-max::before, .wrap .main .part-tit-max::after { content: ""; width: 76px; height: 8px; font-weight: bold; display: inline-block; vertical-align: middle; }
.wrap .main .part-tit-max::before { margin-right: 9px; background-position: -156px -327px; }
.wrap .main .part-tit-max::after { margin-left: 9px; background-position: -398px -327px; }
.wrap .main .part-tit-max.mgn-34 { margin: 0 auto 34px; }
.wrap .main .part01 { min-height: 761px; padding-top: 70px; padding-bottom: 70px; }
.wrap .main .part01 .part-prop-bg { width: 680px; height: 405px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/prop-bg1.png"); background-size: 100% 100%; margin: 40px auto 26px; position: relative; }
.wrap .main .part01 .part-prop-bg .btn-refresh2 { position: absolute; right: 0; top: -32px; z-index: 1; 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; }
.wrap .main .part01 .part-prop-bg .btn-refresh2 .icon { width: 23px; height: 26px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/icon-shuaxin.png"); background-size: 100% 100%; margin-right: 4px; vertical-align: 10%; }
.wrap .main .part01 .part-prop-bg .btn-refresh2 span { font-size: 22px; color: #fbe7b1; text-decoration: underline; }
.wrap .main .part01 .part-gr-btn { position: absolute; left: 6%; top: 73.5%; z-index: 1; width: 205px; min-height: 50px; 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; }
.wrap .main .part01 .part-gr-btn .gr-btn { width: 205px; height: 50px; font-size: 0; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/btn-yy.png"); background-size: 100% 100%; }
.wrap .main .part01 .part-gr-btn .gr-btn.gray { background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/btn-yy-gray.png"); background-size: 100% 100%; }
.wrap .main .part01 .part-gr-btn .gr-btn.refresh { background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/btn-refresh.png"); background-size: 100% 100%; }
.wrap .main .part01 .part-gr-btn .gr-btn.lq-gray { background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/btn-refresh-gray.png"); background-size: 100% 100%; }
.wrap .main .part01 .part-p2 { position: absolute; top: 72px; right: 5%; width: 350px; height: 260px; font-size: 24px; color: #f5e5ac; font-weight: bold; font-family: "Microsoft YaHei"; line-height: 1.5; 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; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.wrap .main .part01 .btn-discount { width: 331px; height: 70px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/btn-discount.png"); background-size: 100% 100%; margin: auto; font-size: 0; }
.wrap .main .part01 .pt-time-box { position: absolute; top: 217px; right: 5%; width: 350px; 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: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: 2; }
.wrap .main .part01 .pt-time-box .pt-time-t { background-position: -505px -355px; width: 104px; height: 25px; text-align: center; line-height: 25px; font-size: 18px; color: #0a0704; text-indent: -5px; margin-right: 6px; }
.wrap .main .part01 .pt-time-box .pt-time-group { height: 61px; }
.wrap .main .part01 .pt-time-box .pt-time-group span { font-size: 57px; font-weight: bold; }
.wrap .main .part01 .pt-time-box .pt-time-group b { font-size: 18px; }
.wrap .main .part01 .pt-time-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.wrap .main .part01 .task-list { width: 680px; }
.wrap .main .part01 .task-list .task-tr { width: 100%; 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; }
.wrap .main .part01 .task-list .task-btxt { width: 100%; color: #b49869; font-size: 18px; white-space: nowrap; text-align: center; line-height: 1; }
.wrap .main .part01 .task-list .task-td { width: 100%; height: 47px; line-height: 47px; font-size: 20px; font-weight: bold; color: #f5e5ac; padding-left: 20px; 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; margin-bottom: 15px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/other-bg.png"); background-size: 100% 100%; }
.wrap .main .part01 .task-list .task-td.done { background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/other-bg-act.png"); background-size: 100% 100%; }
.wrap .main .part01 .task-list p { margin-left: 45px; color: #ffe37d; font-size: 20px; letter-spacing: 2px; }
.wrap .main .part01 .task-list p span { color: #ffe37d; font-size: 20px; }
.wrap .main .part02 { height: 1170px; padding-top: 0px; }
.wrap .main .part02 .part-prop { width: 680px; height: 405px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/part-prop1.png"); background-size: 100% 100%; margin: 25px auto 0; }
.wrap .main .part02 .part-list { width: 618px; margin: 28px auto 0; }
.wrap .main .part02 .row1 { font-size: 22px; color: #b49869; font-family: "Microsoft YaHei"; font-weight: bold; }
.wrap .main .part02 .row1 span { font-family: "Microsoft YaHei"; font-weight: bold; font-size: 22px; color: #ffdf7c; }
.wrap .main .part02 .part-step { width: 225px; height: 47px; 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; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; font-weight: bold; color: #ebca78; margin-top: 22px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/circle1.png"); background-size: 100% 100%; }
.wrap .main .part02 .part-step-desc { font-size: 22px; color: #b49869; width: 100%; text-align: left; margin-top: 15px; }
.wrap .main .part02 .part-step-tip { font-size: 18px; width: 100%; color: #654e2f; }
.wrap .main .part03 { height: 2635px; padding-top: 0px; }
.wrap .main .part03 .part-prop { width: 680px; height: 405px; margin: 25px auto 0; }
.wrap .main .part03 .part-tip { width: 680px; text-align: center; font-size: 22px; color: #b49869; 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; line-height: 1.26; margin-top: 12px; }
.wrap .main .part03 .part-tip.small { height: 47px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/part-tip-small.png"); background-size: 100% 100%; }
.wrap .main .part03 .part-tip.middle { height: 67px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/part-tip-middle.png"); background-size: 100% 100%; }
.wrap .main .part03 .part-tip.large { height: 105px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/part-tip-large.png"); background-size: 100% 100%; }
.wrap .main .part04 { min-height: 1200px; padding-top: 0px; }
.wrap .main .part04 .step-box { width: 100%; 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; margin-top: 17px; }
.wrap .main .part04 .step-box.min { width: 680px; height: 135px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/part-prop3.png"); background-size: 100% 100%; }
.wrap .main .part04 .step-box.max { width: 680px; height: 1123px; background-image: url("//game.gtimg.cn/images/lol/act/a20250828akalilivepreserve/m/part-prop5.png"); background-size: 100% 100%; }
.wrap .main .part04 .step-box .setp-t { width: 165px; -ms-flex-negative: 0; flex-shrink: 0; 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; }
.wrap .main .part04 .step-box .setp-t .icon { background-position: -633px -313px; width: 18px; height: 18px; margin-right: 7px; }
.wrap .main .part04 .step-box .setp-t .txt { font-size: 26px; font-weight: bold; text-transform: uppercase; }
.wrap .main .part04 .step-box .step-content { padding-left: 25px; color: #c6b392; font-size: 22px; font-family: "Microsoft YaHei"; }
.wrap .main .part04 .step-box .step-content p { color: #c6b392; font-size: 22px; font-family: "Microsoft YaHei"; }
.wrap .main .part04 .step-box .step-content .img { width: 447px; max-height: 1123px; margin-top: auto; }
.wrap .main .part04 .step-box .step-content.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 1011px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.wrap .main .part04 .step-box .step-content span { font-family: "Microsoft YaHei"; font-weight: bold; font-size: 22px; color: #ffdf7c; }
.wrap .main .part-tit-min, .wrap .main .part-tit-max, .wrap .main .part01 .pt-time-box .pt-time-group span, .wrap .main .part01 .pt-time-box .pt-time-group b, .wrap .main .part04 .step-box .setp-t .txt { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fbe8b3), color-stop(70%, #ffe094)); background-image: -moz-linear-gradient(top, #fbe8b3 30%, #ffe094 70%); background-image: linear-gradient(to bottom, #fbe8b3 30%, #ffe094 70%); background-repeat: no-repeat; background-size: 100% 100%; background-position: 50% 50%; -webkit-background-clip: text; background-clip: text; color: rgba(255, 255, 255, 0); }