/* ==============FONT FACE START============== */ @font-face { font-family: 'agencyfb_bold'; src: url('//game.gtimg.cn/images/lol/act/a20250930skins/fonts/agencyfb-bold.otf'); font-weight: normal; font-style: normal; font-display: swap; } /* ==============BASE STYLE START============== */ .wrapper *, .wrapper *::after, .wrapper *::before { outline: none; background-repeat: no-repeat; background-position: center top; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wrapper .section .top .cont-left, .wrapper .section .top .cont-right .price-column { display: flex; justify-content: center; align-items: center; } .scroll-x { position: relative; overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1); } .scroll-x::-webkit-scrollbar { width: 10px; } .scroll-x::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; transition: background-color 0.3s ease; } .scroll-x::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.8); } .scroll-x::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.1); border-radius: 5px; } .scroll-y { position: relative; overflow-x: hidden; overflow-y: scroll; } .scroll-y::-webkit-scrollbar { width: 4px; border-radius: 0; background: #2b3846; } .scroll-y::-webkit-scrollbar-thumb { width: 8px; height: 1px; border-radius: 0; background: linear-gradient(to right, #ae1516, #ae1516); } .scroll-y::-webkit-scrollbar-thumb:disabled { background: #708dab; } .scroll-y::-webkit-scrollbar-track { border-radius: 0; background: #2b3846; } /* @font-face { font-family: "cop_bold"; src: url("//game.gtimg.cn/images/lol/act/a20250930skins/fonts/copperplategothic_bold.ttf"); font-weight: normal; font-style: normal; font-display: swap; } */ @supports (-webkit-background-clip:text) { .text-color2-1, .text-color1-1 { background: linear-gradient(180deg, #e3fff9, #c2ffe8); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } .text-color2-2, .text-color1-2 { background: linear-gradient(170deg, #931786 38%, #d146ab 75%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } /* .text-color2-1 { background: linear-gradient(170deg, #21b5fe,#4ce0ff, #d9fdff 75%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } .text-color2-2 { background: linear-gradient(170deg, #21b5fe,#4ce0ff, #d9fdff 75%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } */ .text-color3 { background: linear-gradient(135deg, #2bc6ae 40%, #2bc6ae 90%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } .text-color4-1 { background: linear-gradient(170deg, #36fbbb, #8cf5da, #ddfbf4 75%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } .text-color4-2 { background: linear-gradient(170deg, #36fbbb 40%, #8cf5da, #ddfbf4); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } .text-color5-1 { background: linear-gradient(170deg, #a100d9, #d135f7, #f6ccff 75%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } .text-color5-2 { background: linear-gradient(170deg, #a501dc, #d937fd, #fae2ff 75%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } .text-color6-1 { background: linear-gradient(170deg, #b22642, #f64d5d, #ffe1e3 80%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } .text-color6-2 { background: linear-gradient(170deg, #b22642, #f64d5d, #ffe1e3 80%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } .text-color7 { background: linear-gradient(180deg, #7600bb, #35164b); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } .text-color7.text-small { background: linear-gradient(180deg, #480d70 35%, #2e193c 65%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } .text-color8 { background: linear-gradient(170deg, #f87bc4, #e7adda, #cff3fa 80%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; } } /* ==============BASE STYLE END============== */ /* ==============ANIMATION START============== */ @keyframes ani-scale { 100%, 0% { transform: scale(1); } 50% { transform: scale(1.11); } } @keyframes rotates { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ==============ANIMATION END============== */ /* ==============RESET START============== */ body, div, p, ul, li, table, tbody, tr, td, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, iframe, header, nav, section, article, footer, figure, figcaption, menu { margin: 0; padding: 0; list-style: none; } body { -webkit-text-size-adjust: none; font-size: 0.24rem; background-color: black; } header, nav, section, article, footer, figure, figcaption { display: block; } h1, h2, h3, h4, h5, h6, th { font-weight: normal; font-size: 100%; } ol, ul { margin: 0; padding: 0; } fieldset { border: none; margin: 0; padding: 0; } a, li, ul, [onclick] { -webkit-tap-highlight-color: none; -webkit-tap-highlight-color: transparent; } table { border-collapse: collapse; border-spacing: 0; } em, strong { font-weight: normal; font-style: normal; } a { text-decoration: none; } :focus { outline: none; } .c:before, .c:after { content: ''; display: table; } .c:after { clear: both; } .fl { float: left; } .fr { float: right; } .pr { position: relative; } .pa { position: absolute; } .db { display: block; text-indent: -9999em; } .pf { position: fixed; } .hide, .hid { text-indent: -9999em; font-size: 0; display: block; overflow: hidden; width: 0; height: 0; opacity: 0; } input, textarea, section { border-radius: 0; outline: none; } body, html { width: 100%; -webkit-user-select: none; user-select: none; -webkit-text-size-adjust: none; font-variant-numeric: tabular-nums; font-feature-settings: 'tnum'; overflow-x: hidden; } html { -webkit-text-size-adjust: 100%; } i { font-style: normal; } #afooter { padding: 0.3rem 0; text-align: center; font-size: 0.2rem; line-height: 0.3rem; background-color: #000000; color: #c0c0c0; } #afooter a { color: #c0c0c0; text-decoration: none; } #afooter a:hover { color: #c0c0c0; text-decoration: none; } /* ==============RESET END============== */ .wrapper { position: relative; margin: 0 auto; overflow: hidden; } .wrapper .header { height: 0; position: relative; z-index: 1; } .wrapper .header .logo { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/logo.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 1.93rem; height: 1.01rem; position: absolute; top: 0rem; left: 0.1rem; z-index: 1; } .wrapper .login-box { width: 100%; font: normal normal 0.18rem/0.22rem Microsoft YaHei; color: #ffffff; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; position: absolute; top: 0; z-index: 99; } .wrapper .login-box.show { opacity: 1; } .wrapper .login-box a { color: #e61a2a; display: inline-block; } .wrapper .login-box a:hover { cursor: pointer; } .wrapper .content { position: relative; margin: 0 auto; width: 100%; } .wrapper .section { position: relative; margin: -1px auto 0; box-sizing: border-box; } .wrapper .section .top { position: relative; width: 100%; box-sizing: border-box; } .wrapper .section .top .cont-left { position: relative; /* padding-left: .68rem; */ } .wrapper .section.module2 .top .cont-left { flex-direction: row-reverse; } .wrapper .section .top .cont-left .btn-play { display: block; width: 0.82rem; height: 0.81rem; cursor: pointer; position: absolute; top: 1.36rem; z-index: 1; font-size: 0; text-indent: -999em; /* margin-left: .1rem; margin-top: 1.2rem; */ } .wrapper .section .top .cont-left .md-play2 { right: 0.6rem; } .wrapper .section .top .cont-left .md-play1 { right: 1rem; } .wrapper .section .top .cont-left .md-play1 .play-info { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn_info1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.82rem; height: 0.81rem; } .wrapper .section .top .cont-left .md-play1 .play-border { position: absolute; top: 0; right: auto; bottom: auto; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.82rem; height: 0.81rem; animation: 5s ease infinite rotates; animation-timing-function: linear; } /* .wrapper .section .top .cont-left .md-play2 { margin-left: 0; margin-top: -0.4rem; } */ .wrapper .section .top .cont-left .md-play2 .play-info { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn_info1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.82rem; height: 0.81rem; } .wrapper .section .top .cont-left .md-play2 .play-border { position: absolute; top: 0; right: auto; bottom: auto; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.82rem; height: 0.81rem; animation: 5s ease infinite rotates; animation-timing-function: linear; } .wrapper .section .top .cont-left .md-play3 { margin-left: 0.25rem; margin-top: 0.5rem; } .wrapper .section .top .cont-left .md-play3 .play-info { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn_info3.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.82rem; height: 0.81rem; } .wrapper .section .top .cont-left .md-play3 .play-border { position: absolute; top: 0; right: auto; bottom: auto; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn3.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 1.08rem; height: 1.08rem; animation: 5s ease infinite rotates; animation-timing-function: linear; } .wrapper .section .top .cont-left .md-play4 { margin: 0.85rem 0 0 0.25rem; } .wrapper .section .top .cont-left .md-play4 .play-info { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn_info4.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 1.08rem; height: 1.08rem; } .wrapper .section .top .cont-left .md-play4 .play-border { position: absolute; top: 0; right: auto; bottom: auto; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn4.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 1.08rem; height: 1.08rem; animation: 5s ease infinite rotates; animation-timing-function: linear; } .wrapper .section .top .cont-left .md-play5 { /* margin: 0.4rem 0 0 .1rem; */ right: 1.6rem; } .wrapper .section .top .cont-left .md-play5 .play-info { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn_info5.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.82rem; height: 0.81rem; } .wrapper .section .top .cont-left .md-play5 .play-border { position: absolute; top: 0; right: auto; bottom: auto; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.82rem; height: 0.81rem; animation: 5s ease infinite rotates; animation-timing-function: linear; } .wrapper .section .top .cont-left .md-play6 { /* margin: 0.2rem 0 0 0.2rem; */ } .wrapper .section .top .cont-left .md-play6 .play-info { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn_info1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 1.08rem; height: 1.08rem; } .wrapper .section .top .cont-left .md-play6 .play-border { position: absolute; top: 0; right: auto; bottom: auto; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn6.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 1.08rem; height: 1.08rem; animation: 5s ease infinite rotates; animation-timing-function: linear; } .wrapper .section .top .cont-left .md-play8 .play-border { position: absolute; top: 0; right: auto; bottom: auto; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.81rem; height: 0.81rem; animation: 5s ease infinite rotates; animation-timing-function: linear; } .wrapper .section .top .cont-left .md-play10 { margin-left: 0.1rem; margin-top: 1.6rem; } .wrapper .section .top .cont-left .md-play10 .play-info { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn_info10.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.81rem; height: 0.81rem; } .wrapper .section .top .cont-left .md-play10 .play-border { position: absolute; top: 0; right: auto; bottom: auto; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/play_btn1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.81rem; height: 0.81rem; animation: 5s ease infinite rotates; animation-timing-function: linear; } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-0.05rem); } 20%, 40%, 60%, 80% { transform: translateX(0.05rem); } } .wrapper .section .top .cont-left .module-name1 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/module1_name1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 3.51rem; height: 2.35rem; } .wrapper .section .top .cont-left .module-name2 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/module2_name1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 4.49rem; height: 2.29rem; margin-right: 0.08rem; } .wrapper .section .top .cont-left .module-name3 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/module3_name1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 2.94rem; height: 3.25rem; } .wrapper .section .top .cont-left .module-name4 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/module4_name1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 3.51rem; height: 2.33rem; } .wrapper .section .top .cont-left .module-name5 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/module5_name1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 2.44rem; height: 2.29rem; } .wrapper .section .top .cont-left .module-name6 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/module8_name1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 2.97rem; height: 2.63rem; } .wrapper .section .top .cont-right { position: relative; margin: 0.36rem auto 0; width: 100%; display: flex; justify-content: space-between; padding: 0 0.42rem 0 1rem; align-items: flex-start; } .wrapper .section .top .cont-right .price-column span { flex-shrink: 0; } .wrapper .section .top .cont-right .price-column .icon-price-txt { margin-right: 0.1rem; font-size: 0.18rem; line-height: 0.26rem; color: #c3ffe9; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; padding-top: 0.11rem; writing-mode: initial; } .wrapper .section .top .cont-right .price-column .md-price-txt1 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/selling_price1_1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.23rem; height: 0.77rem; box-sizing: border-box; } .wrapper .section .top .cont-right .price-column .md-price-txt2 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/selling_price1_1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.23rem; height: 0.77rem; box-sizing: border-box; color: #c3ffe9; } .wrapper .section .top .cont-right .price-column .md-price-txt4 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/selling_price1_1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.23rem; height: 0.77rem; box-sizing: border-box; color: #c3ffe9; } .wrapper .section .top .cont-right .price-column .md-price-txt5 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/selling_price1_1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.23rem; height: 0.77rem; box-sizing: border-box; color: #c3ffe9; } .wrapper .section .top .cont-right .price-column .price { height: 0.77rem; margin-right: 0.04rem; font-family: 'agencyfb_bold'; font-size: 1rem; line-height: 0.8rem; color: #fff; text-align: center; /* letter-spacing: normal; */ -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; /* letter-spacing: 0.1rem; */ /* text-indent: 0.17rem; */ width: 0.97rem; } /* .first-letter::first-letter{ margin-left: -0.15rem; margin-right: -0.15rem; } */ .wrapper .section .top .cont-right .price-column .sub { margin-top: 0.52rem; font-size: 0.2rem; color: #c3ffe9; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; } /* .wrapper .section .top .cont-right .price-column .p-sub2 { color: #46fbff; } .wrapper .section .top .cont-right .price-column .p-sub4 { color: #a8f6e4; } */ .wrapper .section .top .cont-right .price-column .p-sub5 { /* color: #e57efc; */ } /* .wrapper .section .top .cont-right .price-column .p-sub6 { color: #ff7884; } */ .wrapper .section .top .cont-right .btn-box { margin-top: -0.2rem; } .wrapper .section .top .cont-right .btn-box .J-btn-buy, .wrapper .section .top .cont-right .btn-box .btn-unlock { display: block; margin: 0 auto; width: 3.56rem; height: 1.02rem; position: relative; } .module6 .btn-unlock, .module5 .btn-unlock, .module4 .btn-unlock, .module3 .btn-unlock, .module2 .btn-unlock, .module1 .btn-unlock { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/btn_unlock1.png?v=4RPVSnt9) no-repeat; width: 3.45rem; height: 0.99rem; background-size: 100% 100%; transform: translateY(-0.05rem); } .module3 .btn-unlock { float: right; } .wrapper .section .top .cont-right .btn-box .btn-join { width: 100%; display: block; font-size: 0.18rem; color: #ffffff; text-align: center; letter-spacing: normal; -webkit-text-decoration: underline; -moz-text-decoration: underline; text-decoration: underline; cursor: pointer; position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.2rem; z-index: 3; } .wrapper .section.module1 .top .cont-right .btn-box .btn-join { color: #ffc373; } .wrapper .section.module2 .top .cont-right .btn-box .btn-join { color: #46fbff; } .wrapper .section.module4 .top .cont-right .btn-box .btn-join { color: #a8f6e4; } .wrapper .section.module5 .top .cont-right .btn-box .btn-join { color: #e57efc; } .wrapper .section.module6 .top .cont-right .btn-box .btn-join { color: #ff7884; } .wrapper .section .top .cont-right .btn-box .sd-tips { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/sd_bg.png?v=4RPVSnt9) no-repeat; width: 6.9rem; height: 0.46rem; background-size: 100% 100%; display: block; color: #e5e2e7; font-size: 0.18rem; line-height: 0.46rem; text-align: center; position: absolute; left: 48%; transform: translateX(-50%); bottom: -0.55rem; } .wrapper .section .top .cont-right .btn-box .sd-tips span { font-weight: bold; margin-right: 0.2rem; position: relative; } .wrapper .section .top .cont-right .btn-box .sd-tips span::before { content: ''; background: url(//game.gtimg.cn/images/lol/act/a20250930skins/sd_icon.png?v=4RPVSnt9) no-repeat; width: 0.16rem; height: 0.15rem; background-size: 100% 100%; display: inline-block; margin-right: 0.1rem; vertical-align: -0.01rem; } .wrapper .section .complete { position: relative; display: flex; flex-direction: column; margin-top: 0.4rem; /* padding-left: 0.64rem; */ } .wrapper .module1 .complete { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/complete_bg1.png?v=4RPVSnt9) no-repeat; width: 7.43rem; height: 4.19rem; background-size: 100% 100%; margin: 0 auto; /* padding-left: 0.72rem; */ margin-top: 0.14rem; } .wrapper .module5 .complete .complete-left, .wrapper .module4 .complete .complete-left, .wrapper .module2 .complete .complete-left, .wrapper .module1 .complete .complete-left { padding-left: 0.73rem; } .wrapper .module2 .complete { /* background: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/devcomplete_bg2.png?v=4RPVSnt9) no-repeat; */ background: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/complete_bg2.png?v=4RPVSnt9) no-repeat; width: 7.43rem; height: 4.19rem; background-size: 100% 100%; margin: 0.2rem auto 0; } .wrapper .module4 .complete { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/complete_bg4.png?v=4RPVSnt9) no-repeat; width: 7.43rem; height: 4.19rem; background-size: 100% 100%; margin: 0 auto; margin-top: 0.4rem; } .wrapper .module5 .complete { /* background: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/devcomplete_bg5.png?v=4RPVSnt9) no-repeat; */ background: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/complete_bg5.png?v=4RPVSnt9) no-repeat; width: 7.5rem; height: 4.36rem; background-size: 100% 100%; margin: 0 auto; } .wrapper .module6 .complete { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/complete_bg6.png?v=4RPVSnt9) no-repeat; width: 7.5rem; height: 6.03rem; background-size: 100% 100%; margin: 0 auto; padding-left: 0.64rem; margin-top: 0.4rem; } .wrapper .module6 .top .cont-right { margin: -0.35rem auto 0; position: relative; z-index: 2; } .wrapper .section .complete .wqt-tit { font-size: 0; background-size: 100% 100%; background-repeat: no-repeat; position: relative; z-index: 1; } .wrapper .module-kv { background: transparent url('//game.gtimg.cn/images/lol/act/a20250930skins/m/bg_kv.jpg?v=4RPVSnt9') top center/100% 100% no-repeat; background-origin: initial; background-clip: initial; background-attachment: initial; width: 100%; height: 10rem; /* margin-top: -0.1rem; */ } .wrapper .module-kv .btn-enter { display: block; width: 100%; height: 100%; } .wrapper .module1 .complete .wqt-tit { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/wqt_tit1.png?v=4RPVSnt9); width: 4.19rem; height: 0.43rem; margin-top: 0.98rem; } .wrapper .module2 .complete .wqt-tit { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/wqt_tit2.png?v=4RPVSnt9); width: 4.28rem; height: 0.39rem; margin-top: 1.02rem; } .wrapper .module4 .complete .wqt-tit { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/wqt_tit4.png?v=4RPVSnt9); width: 3.93rem; height: 0.38rem; margin-top: 1.02rem; } .wrapper .module5 .complete .wqt-tit { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/wqt_tit5.png?v=4RPVSnt9); width: 2.05rem; height: 0.73rem; margin-top: 0.99rem; } .wrapper .module6 .complete .wqt-tit { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/wqt_tit6.png?v=4RPVSnt9); width: 4.26rem; height: 0.59rem; margin-top: 2.7rem; } .wrapper .section .complete .wqt-text { margin-top: 0.32rem; } .wrapper .section.module5 .complete .wqt-text { margin-top: 0.2rem; } .wrapper .section .complete .wqt-text p { width: fit-content; color: #261d2c; font-size: 0.18rem; position: relative; position: relative; z-index: 2; padding-left: 0.25rem; margin-top: 0.1rem; } .wrapper .section .complete .wqt-text p::before { content: ''; width: 0.08rem; height: 0.08rem; background: url(//game.gtimg.cn/images/lol/act/a20250930skins/icon1.png?v=4RPVSnt9) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0.1rem; z-index: 1; } .wrapper .section .complete .wqt-text span { font-weight: bold; color: #261d2c; margin-right: 0.15rem; } .wrapper .section .complete .wqt-selling { display: flex; align-items: center; margin-top: 0.13rem; position: relative; z-index: 1; padding-left: 0.73rem; } .wrapper .section .complete .wqt-selling .selling-price3 { display: flex; } .wrapper .section .complete .wqt-selling .selling-price3 .text-color { height: 0.78rem; line-height: 0.8rem; font-size: 1rem; font-family: 'agencyfb_bold'; transform: translateY(0.1rem); } .price-type { width: fit-content; display: inline-flex; justify-content: flex-end; flex-direction: column; } .wrapper .section .complete .wqt-selling .price-type { margin-top: 0.43rem; } .wrapper .section .complete .wqt-selling .selling-price3 .icon-selling-price3 { display: block; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/selling_price1_2.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.31rem; height: 0.78rem; margin-right: 0.05rem; font-size: 0.18rem; line-height: 0.26rem; color: #000000; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; writing-mode: initial; transform: translateY(0.12rem); padding-top: 0.13rem; } .wrapper .section .complete .wqt-selling .selling-price3 .qb { white-space: nowrap; color: #000000; font-size: 0.18rem; line-height: 1.18; /* margin-top: 0.35rem; margin-left: 0.05rem; */ } .wrapper .section .complete .wqt-selling .selling-price3 .price2 { color: #261d2c; font-size: 0.16rem; text-align: center; margin-left: 0rem; } .wrapper .section.module2 .complete .wqt-selling .selling-price3 .icon-selling-price3 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/selling_price1_2.png?v=4RPVSnt9'); } .wrapper .section.module4 .complete .wqt-selling .selling-price3 .qb { /* color: #a8f6e4; */ } .wrapper .section.module5 .complete .wqt-selling .selling-price3 .icon-selling-price3 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/selling_price1_2.png?v=4RPVSnt9'); /* color: #46fbff; */ } .wrapper .section .complete .wqt-selling .J-btn-buy { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/btn_unlock1.png?v=4RPVSnt9); background-repeat: no-repeat; display: block; width: 3.45rem; height: 0.99rem; background-size: 100% 100%; position: absolute; bottom: -1.2rem; left: 1.96rem; z-index: 3; } /* .wrapper .section.module2 .complete .wqt-selling .J-btn-buy { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/btn_unlock2.png?v=4RPVSnt9); } .wrapper .section.module4 .complete .wqt-selling .J-btn-buy { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/btn_unlock4.png?v=4RPVSnt9); } .wrapper .section.module5 .complete .wqt-selling .J-btn-buy { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/btn_unlock5.png?v=4RPVSnt9); } .wrapper .section.module6 .complete .wqt-selling .J-btn-buy { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/btn_unlock6.png?v=4RPVSnt9); } */ .wrapper .section .bg-show { position: relative; margin: 0.55rem auto 0; z-index: 9; } .wrapper .section .bg-show .click-see { width: 7.48rem; height: 1.2rem; background-size: 100% 100%; background-repeat: no-repeat; margin: 0 auto; cursor: pointer; position: relative; z-index: 2; } /* .wrapper .section .bg-show .click-see::after{ content: ''; background-repeat: no-repeat; background-size: 100% 100%; width: .36rem; height: 0.68rem; position: absolute; left: 0; right: 0; margin: auto; top: .08rem; animation: 2s ease infinite breath1; } @keyframes breath1{ 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } } */ .wrapper .section .bg-show .click-see p { width: 100%; text-align: center; position: absolute; top: 1.1rem; font-size: 0.18rem; display: flex; justify-content: center; align-items: center; color: #fddcfa; } .wrapper .section .bg-show .click-see p .icon-point { width: 0.15rem; height: 0.07rem; background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/icon-point.png?v=4RPVSnt9); background-size: 100% 100%; } .wrapper .section .bg-show .click-see p .icon-point.left { margin-right: 0.12rem; } .wrapper .section .bg-show .click-see p .icon-point.right { margin-left: 0.12rem; } .wrapper .section.module1 .bg-show .click-see { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/click_see_bg1.png?v=4RPVSnt9); /* color: #fddcfa; */ } /* .wrapper .section.module1 .bg-show .click-see::after{ background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/click_see_icon1.png?v=4RPVSnt9); } */ .wrapper .section.module2 .bg-show .click-see { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/click_see_bg1.png?v=4RPVSnt9); /* color: #129bfe; */ } /* .wrapper .section.module2 .bg-show .click-see::after{ background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/click_see_icon2.png?v=4RPVSnt9); } */ .wrapper .section.module4 .bg-show .click-see { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/click_see_bg1.png?v=4RPVSnt9); /* color: #42eec3; */ } /* .wrapper .section.module4 .bg-show .click-see::after{ background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/click_see_icon4.png?v=4RPVSnt9); } */ .wrapper .section.module5 .bg-show .click-see { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/click_see_bg1.png?v=4RPVSnt9); /* color: #d200ff; */ } /* .wrapper .section.module5 .bg-show .click-see::after{ background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/click_see_icon5.png?v=4RPVSnt9); } */ .wrapper .section.module6 .bg-show .click-see { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/click_see_bg1.png?v=4RPVSnt9); /* color: #ff4b5b; */ } /* .wrapper .section.module6 .bg-show .click-see::after{ background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/click_see_icon6.png?v=4RPVSnt9); } */ .wrapper .section .bg-show .show-content { margin: 0 auto; background-repeat: no-repeat; background-size: 100% 100%; width: 7.5rem; /* height: 8.38rem; */ height: 0; box-sizing: border-box; transition: height 0ms ease-in, opacity 0ms ease-in; opacity: 0; overflow: hidden; margin-top: -1rem; } .wrapper .section .bg-show .show-content .show-top { padding-left: 0.7rem; position: relative; } .wrapper .section .bg-show .show-content.show.special { top: -5.4rem; } .wrapper .section .bg-show .show-content.show { height: 5.16rem; opacity: 1; position: relative; z-index: 2; /* pointer-events: none; */ margin-top: -0.5rem; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/colorfulBg1.png?v=4RPVSnt9'); background-size: 100% 5.16rem; transition: height 0.3s ease-in, opacity 0.3s ease-in; } .wrapper .section .bg-show .show-content * { opacity: 0; transition: all 0.3s ease-in; } .wrapper .section .bg-show .show-content.show * { opacity: 1; } .wrapper .section.module1 .bg-show .show-content.show { height: 5.16rem; } .wrapper .section.module1 .bg-show .show-content { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/colorfulBg1.png?v=4RPVSnt9'); } .wrapper .section.module2 .bg-show .show-content { /* background-image: url("//game.gtimg.cn/images/lol/act/a20250930skins/m/devcolorfulBg1.png?v=4RPVSnt9"); */ background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/colorfulBg1.png?v=4RPVSnt9'); } .wrapper .section.module4 .bg-show .show-content { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/colorfulBg1.png?v=4RPVSnt9'); /* background-image: url("//game.gtimg.cn/images/lol/act/a20250930skins/m/devcolorfulBg1.png?v=4RPVSnt9"); */ } .wrapper .section.module5 .bg-show .show-content { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/colorfulBg1.png?v=4RPVSnt9'); } /* .wrapper .section .bg-show .show-content .show-top { display: flex; justify-content: center; } */ .wrapper .section .bg-show .show-content .show-top .show-left .part-name2-box { background-size: 100% 100%; background-repeat: no-repeat; font-size: 0; text-indent: -999em; margin-top: 0.68rem; } .wrapper .section.module1 .bg-show .show-content .show-top .show-left .part-name2-box { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/colorful_tit1.png?v=4RPVSnt9); width: 3.37rem; height: 0.32rem; } .wrapper .section.module2 .bg-show .show-content .show-top .show-left .part-name2-box { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/colorful_tit2.png?v=4RPVSnt9); width: 3.27rem; height: 0.32rem; } .wrapper .section.module4 .bg-show .show-content .show-top .show-left .part-name2-box { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/colorful_tit4.png?v=4RPVSnt9); width: 3.41rem; height: 0.32rem; margin-top: 0.66rem; } .wrapper .section.module5 .bg-show .show-content .show-top .show-left .part-name2-box { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/colorful_tit5.png?v=4RPVSnt9); width: 4.33rem; height: 0.32rem; } .wrapper .section .bg-show .show-content .show-top .show-left .selling-time { display: block; position: absolute; top: 0.79rem; left: 0.7rem; z-index: 1; font-size: 0.18rem; color: #261d2c; font-weight: bold; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; } /* .wrapper .section .bg-show .show-content .show-top .show-left .selling-time::before{ content: ''; width: .15rem; height: .15rem; background: url(//game.gtimg.cn/images/lol/act/a20250930skins/icon1.png?v=4RPVSnt9) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: .06rem; } */ .wrapper .section .bg-show .show-content .show-top .show-left .selling-time span { margin-left: 0.03rem; font-size: 0.18rem; font-weight: normal; } .wrapper .section .bg-show .show-content .show-top .show-left .gift-box { margin-top: 0.14rem; position: relative; display: flex; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; box-sizing: border-box; padding-left: 0.26rem; height: 0.28rem; } .wrapper .section .bg-show .show-content .show-top .show-left .gift-box::before { content: ''; width: 0.2rem; height: 0.2rem; background: url(//game.gtimg.cn/images/lol/act/a20250930skins/icon-other.png?v=4RPVSnt9) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0.062rem; } .wrapper .section .bg-show .show-content .show-top .show-left .gift-box span { color: #000000; font-size: 0.16rem; line-height: 0.28rem; margin-right: 0.08rem; font-weight: bold; } .wrapper .section .bg-show .show-content .show-top .show-left .gift-box p { font-size: 0.16rem; height: 0.28rem; line-height: 0.28rem; text-align: center; color: #ffffff; letter-spacing: normal; text-decoration: none; box-sizing: border-box; margin-right: 0.08rem; position: relative; font-weight: normal; } .wrapper .section .bg-show .show-content .show-top .show-left .gift-box .tilabrl1 { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/tilabrl1.png?v=4RPVSnt9) 0/100% 100% no-repeat; width: 1.2rem; } .wrapper .section .bg-show .show-content .show-top .show-left .gift-box .tilabrl2 { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/tilabrl2.png?v=4RPVSnt9) 0/100% 100% no-repeat; width: 1.5rem; } .wrapper .section .bg-show .show-content .show-top .show-left .gift-box .tilabrl3 { width: 2rem; background: url(//game.gtimg.cn/images/lol/act/a20250930skins/tilabrl3.png?v=4RPVSnt9) 0/100% 100% no-repeat; } .wrapper .section .bg-show .show-content .show-top .show-right { width: 6.3rem; /* position: absolute; bottom: 1rem; right: auto; left: 52.7%; transform: translateX(-50%); */ display: flex; justify-content: space-between; align-items: flex-start; } .wrapper .section.module2 .bg-show .show-content .show-top .show-right { margin-top: 0.1rem; } .wrapper .section.module4 .bg-show .show-content .show-top .show-right { margin-top: 0.1rem; } .wrapper .section .bg-show .show-content .show-top .show-right .selling-price2 { display: flex; height: 1.02rem; align-items: flex-end; position: relative; flex-shrink: 0; } .wrapper .section .bg-show .show-content .show-top .show-right .selling-price2 .icon-selling-price2 { display: block; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/selling_price1_2.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.23rem; height: 0.58rem; margin-right: 0.05rem; font-size: 0.18rem; line-height: 0.22rem; color: #000000; text-align: center; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; padding-top: 0.07rem; writing-mode: initial; } /*.wrapper .section.module2 .bg-show .show-content .show-top .show-right .selling-price2 .icon-selling-price2{ background-image: url("//game.gtimg.cn/images/lol/act/a20250930skins/m/selling_price2_1.png?v=4RPVSnt9"); /~ color: #46fbff; ~/ } .wrapper .section.module4 .bg-show .show-content .show-top .show-right .selling-price2 .icon-selling-price2{ background-image: url("//game.gtimg.cn/images/lol/act/a20250930skins/m/selling_price4_1.png?v=4RPVSnt9"); color: #a8f6e4; } .wrapper .section.module5 .bg-show .show-content .show-top .show-right .selling-price2 .icon-selling-price2{ background-image: url("//game.gtimg.cn/images/lol/act/a20250930skins/m/selling_price5_1.png?v=4RPVSnt9"); color: #a702dd; } .wrapper .section.module6 .bg-show .show-content .show-top .show-right .selling-price2 .icon-selling-price2{ background-image: url("//game.gtimg.cn/images/lol/act/a20250930skins/m/selling_price6_1.png?v=4RPVSnt9"); color: #ff7884; }*/ .wrapper .section .bg-show .show-content .show-top .show-right .selling-price2 .qb { white-space: nowrap; color: black; font-size: 0.2rem; line-height: 1.2; /* margin-top: 0.35rem; margin-left: 0.05rem; */ } /* .wrapper .section.module2 .bg-show .show-content .show-top .show-right .selling-price2 .qb{ color: #46fbff; } */ /* .wrapper .section.module4 .bg-show .show-content .show-top .show-right .selling-price2 .qb{ color: #a8f6e4; } .wrapper .section.module5 .bg-show .show-content .show-top .show-right .selling-price2 .qb{ color: #a702dd; } .wrapper .section.module6 .bg-show .show-content .show-top .show-right .selling-price2 .qb{ color: #ff7884; } */ .wrapper .section .bg-show .show-content .show-top .show-right .selling-price2 .price2 { width: 100%; color: #261d2c; font-size: 0.16rem; text-align: center; /* position: absolute; bottom: -0.3rem; */ white-space: normal; } .wrapper .section .bg-show .show-content .show-top .show-right .selling-price2 .text-color1 { height: 0.58rem; line-height: 0.58rem; font-size: 0.74rem; font-family: 'agencyfb_bold'; } .wrapper .section .bg-show .show-content .show-top .show-right .selling-price2 .text-color { font: normal normal 0.8rem/0.8 sellnum-1; color: #a1744a; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; } .wrapper .section .bg-show .show-content .show-top .show-right .selling-price2 .text-small { width: 0.32rem; height: 0.58rem; line-height: 0.78rem; font-size: 0.5rem; font-family: 'agencyfb_bold'; color: #ffffff; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; margin-top: 0.1rem; margin-right: 0.02rem; /* margin-left: -0.1rem; */ /* transform: translate3d(0,0,0); */ } .wrapper .module2 .bg-show .show-content .show-top .show-right .selling-price2 .text-small { color: #6539de; } .wrapper .module3 .bg-show .show-content .show-top .show-right .selling-price2 .text-small { color: #2ac6ae; } .wrapper .module4 .bg-show .show-content .show-top .show-right .selling-price2 .text-small { color: #60a6ff; } .wrapper .module7 .bg-show .show-content .show-top .show-right .selling-price2 .text-small { color: #ff53cc; } .wrapper .module8 .bg-show .show-content .show-top .show-right .selling-price2 .text-small { color: #ff28c5; } .wrapper .section .bg-show .show-content .show-top .show-right .selling-price2 .qb span { display: block; font: normal normal 0.18rem/0.2rem Microsoft YaHei; color: #000000; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; margin-left: 0.05rem; } .wrapper .section .bg-show .show-content .show-top .show-right .selling-price2 .qb span:last-child { width: 100%; text-align: center; margin-top: 0.04rem; font: normal normal 0.17rem/0.16rem Microsoft YaHei; color: #000000; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; position: absolute; left: 0; top: 1.2rem; text-align: center; } .wrapper .section .bg-show .show-content .show-top .show-right .J-btn-buy { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/btn_unlock1.png?v=4RPVSnt9); background-repeat: no-repeat; display: block; width: 3.45rem; height: 0.99rem; background-size: 100% 100%; position: relative; flex-shrink: 0; pointer-events: all; } /* .wrapper .section.module2 .bg-show .show-content .show-top .show-right .J-btn-buy { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/btn_unlock2.png?v=4RPVSnt9); } .wrapper .section.module4 .bg-show .show-content .show-top .show-right .J-btn-buy { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/btn_unlock4.png?v=4RPVSnt9); } .wrapper .section.module5 .bg-show .show-content .show-top .show-right .J-btn-buy { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/btn_unlock5.png?v=4RPVSnt9); } .wrapper .section.module6 .bg-show .show-content .show-top .show-right .J-btn-buy { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/btn_unlock6.png?v=4RPVSnt9); } */ .wrapper .section .bg-show .show-content .show-bottom { margin: 0.18rem auto 0; position: relative; width: 100%; height: auto; } .wrapper .section .bg-show .show-content .show-bottom .gift-bag { margin: 0 auto; position: relative; } .wrapper .section .bg-show .show-content .show-bottom .gift-bag1 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/colorful-list1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 6.1rem; height: 1.17rem; } .wrapper .section .bg-show .show-content .show-bottom .gift-bag2 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/colorful-list2.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 6.1rem; height: 1.17rem; } .wrapper .section .bg-show .show-content .show-bottom .gift-bag4 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/colorful-list4.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 6.5rem 100%; width: 6.5rem; height: 1.17rem; } .wrapper .section .bg-show .show-content .show-bottom .gift-bag5 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/colorful-list5.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 6.8rem 100%; /* background-position-x: 1rem; */ width: 6.8rem; height: 1.17rem; } .wrapper .section .bg-show .show-content .show-bottom .gift-list { display: flex; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .wrapper .section .bg-show .show-content .show-bottom .gift-list .gift-item p { font-size: 0.16rem; color: #000000; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; line-height: 0.24rem; } .wrapper .section .bg-show .show-content .show-bottom .gift-list .gift-item p:nth-last-of-type(1) { color: #dc54b7; font-size: 0.17rem; font-weight: bold; } .wrapper .section .bg-show .show-content .show-bottom .gift-list .gift-item .icon-box1 { display: block; margin: 0 auto; background: url(//game.gtimg.cn/images/lol/act/a20250930skins/icon_box.png?v=4RPVSnt9) no-repeat; width: 1.07rem; height: 0.37rem; background-size: 100% 100%; text-align: center; color: #ffffff; font-size: 0.16rem; line-height: 0.44rem; } .wrapper .section .bg-show .show-content .show-bottom .gift-list1 { width: 6.1rem; height: auto; } .wrapper .section .bg-show .show-content .show-bottom .gift-list1 .gift-item { margin-top: 1.2rem; width: 1.07rem; } .wrapper .section .bg-show .show-content .show-bottom .gift-list1 .gift-item:not(:last-child) { margin-right: 0.18rem; flex-shrink: 0; } .wrapper .section .bg-show .show-content .show-bottom .gift-list2 { width: 6.1rem; height: auto; } .wrapper .section .bg-show .show-content .show-bottom .gift-list2 .gift-item { width: 1.07rem; margin-top: 1.19rem; } .wrapper .section .bg-show .show-content .show-bottom .gift-list6 .gift-item:not(:last-child), .wrapper .section .bg-show .show-content .show-bottom .gift-list5 .gift-item:not(:last-child), .wrapper .section .bg-show .show-content .show-bottom .gift-list4 .gift-item:not(:last-child), .wrapper .section .bg-show .show-content .show-bottom .gift-list2 .gift-item:not(:last-child) { margin-right: 0.18rem; flex-shrink: 0; } .wrapper .section .bg-show .show-content .show-bottom .gift-list4 { width: 6.1rem; height: auto; justify-content: center; } .wrapper .section .bg-show .show-content .show-bottom .gift-list4 .gift-item { width: 1.07rem; margin-top: 1.16rem; } .wrapper .section .bg-show .show-content .show-bottom .gift-list4 .gift-item:first-child { margin-left: 0.19rem; } .wrapper .section .bg-show .show-content .show-bottom .gift-list5 { width: 6.7rem; height: auto; justify-content: center; } .wrapper .section .bg-show .show-content .show-bottom .gift-list5 .gift-item { width: 1.48rem; margin-top: 1.16rem; } .wrapper .section .bg-show .show-content .show-bottom .gift-list6 { width: 6.8rem; height: auto; justify-content: center; } .wrapper .section .bg-show .show-content .show-bottom .gift-list6 .gift-item { width: 2.1rem; height: 0.65rem; margin-top: 1.45rem; transform: translateX(0.22rem); } .wrapper .section .bg-show .show-content .show-bottom .gift-list6 .gift-item:nth-child(4), .wrapper .section .bg-show .show-content .show-bottom .gift-list6 .gift-item:nth-child(5) { margin-top: 2.35rem; } .wrapper .section .bg-show .show-content .show-take { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/icon2.png?v=4RPVSnt9) left center/1rem 0.17rem no-repeat; width: 1.18rem; height: 0.22rem; line-height: 0.22rem; color: #261d2c; font-size: 0.17rem; text-align: center; position: absolute; bottom: 0.36rem; left: 50%; transform: translateX(-50%); pointer-events: all; display: none; } .wrapper .section .bg-show .show-content.show .show-take { display: block; } .wrapper .module1 { background: transparent url('//game.gtimg.cn/images/lol/act/a20250930skins/m/bg_01.jpg?v=4RPVSnt9') top center/100% 100% no-repeat; background-origin: initial; background-clip: initial; background-attachment: initial; width: 100%; height: 16.58rem; } .wrapper .module1 .top { padding-top: 5.9rem; margin: 0 auto; } .wrapper .module1 .top .cont-left .cs-tag { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/icon_cs.png?v=4RPVSnt9) 0/100% 100% no-repeat; width: 0.81rem; height: 0.41rem; position: absolute; left: 3.2rem; top: -0.5rem; } /* .wrapper .module1 .top .cont-left { padding-left: 1.08rem; } */ /* .wrapper .module1 .top .cont-right { margin: 0 auto; } */ .wrapper .module1 .bg-show { margin: 0.56rem auto 0; } .wrapper .module2 { background: transparent url('//game.gtimg.cn/images/lol/act/a20250930skins/m/bg_02.jpg?v=4RPVSnt9') top center/100% 100% no-repeat; /* background: transparent url("//game.gtimg.cn/images/lol/act/a20250930skins/m/dev/bg_03.jpg") top center/100% 100% no-repeat; */ background-origin: initial; background-clip: initial; background-attachment: initial; width: 100%; height: 18.58rem; margin-top: -0.02rem; } .wrapper .module2 .top { padding-top: 8.5rem; margin: 0 auto; } /* .wrapper .module2 .top .cont-left { padding-left: 1.08rem; } */ .wrapper .module2 .top .cont-right { margin-top: 0.4rem; } .wrapper .module2 .bg-show .show-content .show-top .show-right { bottom: 1.2rem; } .wrapper .module2 .bg-show .show-content .show-bottom { margin: 0.12rem auto 0; } .wrapper .module3 { background: transparent url('//game.gtimg.cn/images/lol/act/a20250930skins/m/bg3.jpg') top center/100% 100% no-repeat; background-origin: initial; background-clip: initial; background-attachment: initial; width: 100%; height: 10.5rem; } .wrapper .module3 .top { padding-top: 5.22rem; margin: 0 auto; } /* .wrapper .module3 .zz-tag { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/icon_zz.png?v=4RPVSnt9) 0/100% 100% no-repeat; width: 0.79rem; height: 0.39rem; position: absolute; left: 5.5rem; top: 1.6rem; } */ .wrapper .module3 .top .cont-left { margin: 0 auto; padding-left: 1rem; } .wrapper .module3 .complete { margin-top: 8.28rem; } /* .wrapper .module3 .price { font-size: 0 !important; color: transparent !important; text-indent: -999em; background: url(//game.gtimg.cn/images/lol/act/a20250930skins/m3_price.png?v=4RPVSnt9) no-repeat; width: 2.66rem !important; height: 0.72rem !important; background-size: 100% 100% !important; margin-right: 0; } */ .wrapper .module3 .bg-show .show-content .show-bottom { margin: 1.58rem auto 0; } .wrapper .module3 .price-column { position: relative; } .wrapper .module3 .top .cont-right { margin: -0.32rem auto 0; padding: 0 0.3rem 0 0.2rem; } .wrapper .module3 .sub3 { color: #ffef68; font-size: 0.18rem; margin-top: 0.05rem; position: absolute; bottom: -0.3rem; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; } .wrapper .module4 { /* background: transparent url("//game.gtimg.cn/images/lol/act/a20250930skins/m/dev/bg_04.jpg") top center/100% 100% no-repeat; */ background: transparent url('//game.gtimg.cn/images/lol/act/a20250930skins/m/bg_04.jpg') top center/100% 100% no-repeat; background-origin: initial; background-clip: initial; background-attachment: initial; width: 100%; height: 18.58rem; } .wrapper .module4 .top { padding-top: 7.58rem; /* height: 9.2rem; */ margin: 0 auto; } .wrapper .module4 .top .cont-left { align-items: center; justify-content: center; flex-direction: row-reverse; /* padding-left: 2.28rem; */ } .wrapper .module4 .complete { margin-top: 0.2rem; } .wrapper .module4 .top .cont-right { margin-top: 0.45rem; position: relative; z-index: 2; } .wrapper .module4 .bg-show .show-content .show-top .show-right { bottom: 1rem; } .wrapper .module4 .bg-show .show-content .show-bottom { margin: 0.12rem auto 0; } .wrapper .module5 { /* background: transparent url('//game.gtimg.cn/images/lol/act/a20250930skins/m/dev/bg_05.jpg') top center/100% 100% no-repeat; */ background: transparent url("//game.gtimg.cn/images/lol/act/a20250930skins/m/bg_05.jpg?v=4RPVSnt9") top center/100% 100% no-repeat; background-origin: initial; background-clip: initial; background-attachment: initial; width: 100%; height: 18.29rem; box-sizing: border-box; padding-top: 8.02rem; } .wrapper .module5 .top .cont-right { margin: 0.38rem auto 0; } .wrapper .module5 .part5-con { margin: 0 auto; position: relative; display: flex; flex-direction: column; } .wrapper .module5 .part5-con .part5-name { text-align: center; position: relative; } .wrapper .module5 .part5-con .part5-name span { display: block; margin: 0 auto; display: block; color: #f358ff; font-size: 0.39rem; font-family: 'zz'; font-style: italic; line-height: 1; letter-spacing: 0.15rem; position: relative; } .wrapper .module5 .part5-con .part5-name p { width: fit-content; margin: 0 auto; display: block; color: #160633; font-size: 1.15rem; font-family: 'zz'; font-style: italic; line-height: 1; margin-top: 0.1rem; position: relative; } .wrapper .module5 .part5-con .part5-name p::after { content: ''; background: transparent url('//game.gtimg.cn/images/lol/act/a20250930skins/part6_icon3.png?v=4RPVSnt9') top center/100% 100% no-repeat; width: 1.43rem; height: 1.15rem; position: absolute; right: -0.9rem; top: -0.75rem; } .wrapper .module5 .part5-con .selling-time { width: 100%; position: absolute; font-size: 0.22rem; color: #474747; text-align: center; top: 14rem; } .wrapper .module5 .part5-con .gift-box { margin: 0.3rem auto 0; width: 100%; height: auto; position: absolute; top: 1440px; } .wrapper .module5 .part5-con .gift-box .gift-con { display: flex; justify-content: center; align-items: center; } .wrapper .module5 .part5-con .gift-box span { color: #160633; font-size: 0.18rem; font-family: 'opposans-b'; margin-right: 0.2rem; } .wrapper .module5 .part5-con .gift-box .gift-con p { font-size: 0.16rem; color: #160633; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; font-family: 'opposans-b'; } .wrapper .module5 .part5-con .gift-box .gift-con .tilabrl1 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/part5_icon1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 1rem; height: 0.28rem; margin-right: 0.12rem; line-height: 0.28rem; text-align: center; } .wrapper .module5 .part5-con .gift-box .gift-con .tilabrl2 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/part5_icon2.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 1.2rem; height: 0.28rem; margin-right: 0.12rem; line-height: 0.28rem; text-align: center; } .wrapper .module5 .part5-con .part5-bottom { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 0.2rem; } .wrapper .module5 .part5-con .part5-bottom .part5-zp { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/part5_icon3.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 4.39rem; height: 2.56rem; } .wrapper .module5 .part5-con .selling-price2 { display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; margin-top: 1.52rem; } .wrapper .module5 .part5-con .selling-price2 .icon-selling-price2 { display: block; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/selling_price3.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.2rem; height: 0.77rem; color: #232323; font-size: 0.14rem; line-height: 0.28rem; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; padding-top: 0.08rem; margin-top: 0.16rem; margin-right: 0.07rem; } .wrapper .module5 .part5-con .selling-price2 .text-color { font-size: 1.7rem; line-height: 1; font-family: 'tt'; font-style: italic; color: #a1744a; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; padding-right: 0.15rem; transform: translateY(0.25rem); } .wrapper .module5 .part5-con .selling-price2 .text-small { font-size: 0.84rem; line-height: 1; font-family: 'tt'; font-style: italic; color: #dc2fff; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; transform: translateY(0.1rem); } .wrapper .module5 .part5-con .selling-price2 .qb { font: normal normal 0.25rem/0.2rem Microsoft YaHei; color: #160633; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; margin-left: 0.1rem; } .wrapper .module5 .part5-con .selling-price2 .qb span { display: block; font: normal normal 0.2rem/0.2rem Microsoft YaHei; color: #160633; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; } .wrapper .module5 .part5-con .selling-price2 .qb span:last-child { margin-top: 0.04rem; font: normal normal 0.14rem/0.16rem Microsoft YaHei; color: #160633; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; } .wrapper .module5 .part5-con .J-btn-buy { display: block; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/purchase_btn2.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 3.93rem; height: 1.12rem; margin-top: 0.6rem; } .wrapper .module5 .part5-con .part5-img { width: 6.6rem; height: 8.6rem; margin: 0 auto; margin-top: 0.54rem; position: relative; } .part5-img .part5-img-list { width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: space-between; position: relative; } /* .part5-img .part5-img-list::after{ content: ''; background: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/part6_img_after.png?v=4RPVSnt9) 0/100% 100% no-repeat; width: 7.06rem; height: 8.5rem; position: absolute; left: -0.45rem; top: 0; } */ .part5-img .part5-img-list .part5-img-item { width: 2.04rem; height: 4.21rem; background-size: 100% 100%; background-repeat: no-repeat; box-sizing: border-box; position: relative; } .part5-img .part5-img-list .part5-img-item.part5-img-item1 { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/part5_img_item1.png?v=4RPVSnt9); } .part5-img .part5-img-list .part5-img-item.part5-img-item2 { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/part6_img_item2.png?v=4RPVSnt9); } .part5-img .part5-img-list .part5-img-item.part5-img-item3 { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/part6_img_item3.png?v=4RPVSnt9); } .part5-img .part5-img-list .part5-img-item.part5-img-item4 { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/part6_img_item4.png?v=4RPVSnt9); margin-left: 1.07rem; } .part5-img .part5-img-list .part5-img-item.part5-img-item5 { background-image: url(//game.gtimg.cn/images/lol/act/a20250930skins/part6_img_item5.png?v=4RPVSnt9); margin-right: 1.2rem; } .wrapper .module5 .top .icon-qqxd { width: 2.71rem; height: 0.67rem; background: transparent url("//game.gtimg.cn/images/lol/act/a20250930skins/icon_qqxd.png?v=4RPVSnt9") top center/100% 100% no-repeat; position: absolute; left: 50%; transform: translateX(-50%); top: -0.44rem; z-index: 2; } .wrapper .module6 { /* background: transparent url('//game.gtimg.cn/images/lol/act/a20250930skins/m/bg6.jpg?v=4RPVSnt9') top center/100% 100% no-repeat; */ background-origin: initial; background-clip: initial; background-attachment: initial; width: 100%; height: 17.5rem; box-sizing: border-box; padding-top: 5.8rem; } .wrapper .module8 { /* background: transparent url('//game.gtimg.cn/images/lol/act/a20250930skins/m/bg8.jpg?v=4RPVSnt9') top center/100% 100% no-repeat; */ background-origin: initial; background-clip: initial; background-attachment: initial; width: 100%; height: 18.5rem; padding-top: 0.3rem; } .wrapper .section .top .cont-right .btn-box .sd-tips { display: block; margin: 0.12rem auto 0; color: #ffffff; font-size: 0.18rem; text-align: center; } .btn-jx { display: block; position: fixed; top: 50%; right: 0.14rem; transform: translateY(-50%); z-index: 14; font-size: 0; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/nav_jx_icon.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 1.42rem; height: 1.63rem; } .btn-jx1 { display: block; position: fixed; bottom: 0.6rem; right: 0.14rem; font-size: 0; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/nav_jx_bg.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 2.07rem; height: 1.73rem; z-index: 1000; transform: scale(0.9); transform-origin: right; } .btn-icon { display: block; position: absolute; top: -0.4rem; left: -0.8rem; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/nav_jx_icon1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 3.61rem; height: 3.29rem; } .btn-txt { display: block; position: absolute; top: 0; left: 0; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/nav_jx_txt.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 2.07rem; height: 1.73rem; } .btn-subskip { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/skip_icon.png?v=4RPVSnt9) no-repeat; width: 2.35rem; height: 1.95rem; background-size: 100% 100%; position: fixed; bottom: 2.3rem; right: 0.24rem; z-index: 1000; transform-origin: right bottom; transform: scale(0.8); } .pop_up { position: fixed; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 99; zoom: 0.9 !important; } .pop_up .pop-tit { margin: 0 auto; font-size: 0; } .pop_up .pop_con { position: relative; } .pop_up .pop_con .pop_container { margin: 0 auto; width: 7.2rem; height: 4.05rem; } .pop_up .pop_close { display: block; font-size: 0; position: absolute; top: -0.55rem; right: 0; bottom: auto; left: auto; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_close.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.5rem; height: 0.5rem; } #pop_vid .pop_con { box-sizing: border-box; border: 0.03rem solid #160633; } .pop_jackpot { display: none; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_bg1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 7.67rem; height: 8.75rem; box-sizing: border-box; } .pop_jackpot .pop_jackpot_con { position: relative; margin: 0 auto; width: 100%; height: auto; padding-top: 1.12rem; } .pop_jackpot .pop_jackpot_con .pop-tit { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/dia_title1.png?v=4RPVSnt9) no-repeat; width: 5.77rem; height: 0.57rem; background-size: 100% 100%; margin: 0 auto; } .pop_jackpot .pop_jackpot_con .jackpot-list { margin-top: 0.2rem; margin-left: 0.98rem; width: 5.93rem; height: 6.06rem; position: relative; overflow-x: hidden; overflow-y: scroll; box-sizing: border-box; } .pop_jackpot .pop_jackpot_con .jackpot-list::-webkit-scrollbar { width: 0.04rem; border-radius: 0; background: rgba(28, 28, 28, 0.4); } .pop_jackpot .pop_jackpot_con .jackpot-list::-webkit-scrollbar-thumb { width: 0.04rem; height: 1px; border-radius: 0; background: #262626; } .pop_jackpot .pop_jackpot_con .jackpot-list::-webkit-scrollbar-thumb:disabled { background: #8a8a8a; } .pop_jackpot .pop_jackpot_con .jackpot-list::-webkit-scrollbar-track { width: 0.04rem; border-radius: 0; background: #8a8a8a; } .pop_jackpot .pop_jackpot_con .jackpot-list .jackpot-item { background-repeat: no-repeat; background-size: 100% 100%; width: 5.66rem; height: 4.6rem; } .pop_jackpot .pop_jackpot_con .jackpot-list .jackpot-item:not(:first-child) { margin-top: 0.3rem; } .pop_jackpot .pop_jackpot_con .jackpot-list .jackpot-item1 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/jackpot_item1.png?v=4RPVSnt9'); } .pop_jackpot .pop_jackpot_con .jackpot-list .jackpot-item2 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/jackpot_item2.png?v=4RPVSnt9'); } .pop_jackpot .pop_jackpot_con .jackpot-list .jackpot-item3 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/jackpot_item3.png?v=4RPVSnt9'); } .pop_jackpot .pop_jackpot_con .jackpot-list .jackpot-item4 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/jackpot_item4.png?v=4RPVSnt9'); } .pop_jackpot .pop_jackpot_con .jackpot-list .jackpot-item5 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/jackpot_item5.png?v=4RPVSnt9'); } .pop_jackpot .pop_close { font-size: 0; position: absolute; top: -0.3rem; right: 0.7rem; bottom: auto; left: auto; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_close.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.4rem; height: 0.4rem; } .pop_get { display: none; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_bg2.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 7.67rem; height: 7.34rem; box-sizing: border-box; } .pop_get .pop_get_con { position: relative; margin: 0 auto; padding-top: 1.12rem; } .pop_get .pop_get_con .pop-tit { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/dia_title2.png?v=4RPVSnt9) no-repeat; width: 5.77rem; height: 0.57rem; background-size: 100% 100%; margin: 0 auto; } .pop_get .pop_get_con .get-tip { position: relative; margin: 0.1rem auto 0; width: 6.3rem; height: auto; font: normal normal 0.16rem/0.2rem Microsoft YaHei; color: #1e1e1e; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; } .pop_get .pop_get_con .get-tip .span { color: #1e1e1e; } .pop_get .pop_get_con .jackpot-item { position: relative; margin: 0.1rem auto 0; width: 6.3rem; height: auto; } .pop_get .pop_get_con .jackpot-item .pc-img { display: block; width: 5.63rem; height: 4.6rem; margin: 0 auto; } .pop_get .pop_get_con .jackpot-item .m-img { display: none; } .pop_get .pop_close { font-size: 0; position: absolute; top: -0.55rem; right: 0; bottom: auto; left: auto; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_close.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.5rem; height: 0.5rem; } .pop_pay { display: none; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_bg3.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 7.67rem; height: 4.33rem; box-sizing: border-box; } .pop_pay .pop_pay_con { position: relative; margin: 0 auto; padding-top: 1.12rem; } .pop_pay .pop_pay_con .pop-tit { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/dia_title3.png?v=4RPVSnt9) no-repeat; width: 5.87rem; height: 0.57rem; background-size: 100% 100%; margin: 0 auto; } .pop_pay .pop_pay_con .pay-list { position: relative; margin: 0.1rem auto 0; width: 5.63rem; height: auto; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .pop_pay .pop_pay_con .pay-list .pay-item { width: 2.88rem; height: auto; } .pop_pay .pop_pay_con .pay-list .pay-item .pop-dj { display: block; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_dq.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 2.88rem; height: 1.27rem; } .pop_pay .pop_pay_con .pay-list .pay-item .pop-recharge { display: block; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_xj.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 2.88rem; height: 1.27rem; } .pop_pay .pop_pay_con .pay-list .pay-item .pay-txt { margin: 0rem auto 0; font: normal normal 0.18rem/0.24rem Microsoft YaHei; color: #261d2c; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; } .pop_pay .pop_close { font-size: 0; position: absolute; top: -0.55rem; right: 0; bottom: auto; left: auto; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_close.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.5rem; height: 0.5rem; } .pop_tips { display: none; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_bg3.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 7.66rem; height: 4.33rem; box-sizing: border-box; } .pop_tips .pop_tips_con { position: relative; margin: 0 auto; padding-top: 1.12rem; } .pop_tips .pop_tips_con .pop-tit { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/dia_title4.png?v=4RPVSnt9) no-repeat; width: 5.87rem; height: 0.57rem; background-size: 100% 100%; margin: 0 auto; } .pop_tips .pop_tips_con .tips-text { margin: 0.25rem auto 0; width: 90%; font: normal normal 0.2rem/0.3rem Microsoft YaHei; color: #1e1e1e; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; } .pop_tips .pop_tips_con .pop-sure { display: block; margin: 0.05rem auto 0; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_sure.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 2.9rem; height: 1.3rem; } .pop_tips .pop_close { font-size: 0; position: absolute; top: -0.55rem; right: 0; bottom: auto; left: auto; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_close.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.5rem; height: 0.5rem; } .pop_com { display: none; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_bg3.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 7.67rem; height: 4.33rem; box-sizing: border-box; } .pop_com .pop_com_con { position: relative; margin: 0 auto; padding-top: 1.12rem; } .pop_com .pop_com_con .pop-tit { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/dia_title4.png?v=4RPVSnt9) no-repeat; width: 5.77rem; height: 0.57rem; background-size: 100% 100%; margin: 0 auto; } .pop_com .pop_com_con .pop-com-info { margin: 0.62rem auto 0; position: relative; width: 90%; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .pop_com .pop_com_con .pop-com-info .pop-com-txt { width: 100%; font: normal normal 0.22rem/0.3rem Microsoft YaHei; color: #1e1e1e; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; } .pop_com .pop_close { font-size: 0; position: absolute; top: -0.55rem; right: 0; bottom: auto; left: auto; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/dia_close.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.5rem; height: 0.5rem; } /* 20240515 宝箱动画 */ .treasure-chests { position: absolute; top: 2.8rem; left: 0.98rem; width: 5.73rem; height: 6.17rem; } .treasure-chests h3 { background: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/part6_bx.png?v=4RPVSnt9') no-repeat; background-size: 100% 100%; width: 5.73rem; height: 6.17rem; transform: translate3d(0, 0, 0); background-clip: padding-box; } .wobble { animation-name: wobble; animation-duration: 2s; animation-iteration-count: infinite; } /* pop bao xiang */ .pop-lottery { width: 6rem; height: 6rem; } .pop-lottery h3 { position: absolute; background: url('//game.gtimg.cn/images/lol/act/a20250930skins/baoxiang2-1.png?v=4RPVSnt9') no-repeat; width: 6rem; height: 6rem; background-size: 100% 100% !important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-clip: padding-box; } .pop-lottery h3.act { position: absolute; width: 6rem; height: 6rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-clip: padding-box; -webkit-animation: changeBackground 0.5s; animation: changeBackground 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .wobble.on { -webkit-animation-name: wobble; animation-name: wobble; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes changeBackground { 0% { background: url('//game.gtimg.cn/images/lol/act/a20250930skins/baoxiang2-1.png?v=4RPVSnt9') no-repeat; } 100% { background: url('//game.gtimg.cn/images/lol/act/a20250930skins/baoxiang2.png?v=4RPVSnt9') no-repeat; } } @keyframes changeBackground { 0% { background: url('//game.gtimg.cn/images/lol/act/a20250930skins/baoxiang2-1.png?v=4RPVSnt9') no-repeat; } 100% { background: url('//game.gtimg.cn/images/lol/act/a20250930skins/baoxiang2.png?v=4RPVSnt9') no-repeat; } } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0) rotate(0deg); } 15% { -webkit-transform: translateX(-15px) rotate(-3deg); } 30% { -webkit-transform: translateX(7.5px) rotate(1.5deg); } 45% { -webkit-transform: translateX(-7.5px) rotate(-1.5deg); } 60% { -webkit-transform: translateX(4.5px) rotate(1deg); } 75% { -webkit-transform: translateX(-3px) rotate(-0.5deg); } 100% { -webkit-transform: translateX(0) rotate(0deg); } } @keyframes wobble { 0% { transform: translateX(0) rotate(0deg); } 15% { transform: translateX(-15px) rotate(-3deg); } 30% { transform: translateX(7.5px) rotate(1.5deg); } 45% { transform: translateX(-7.5px) rotate(-1.5deg); } 60% { transform: translateX(4.5px) rotate(1deg); } 75% { transform: translateX(-3px) rotate(-0.5deg); } 100% { transform: translateX(0) rotate(0deg); } } @keyframes wobble2 { 0% { transform: translateX(0) rotate(0deg); } 15% { transform: translateX(-7.5px) rotate(-1.5deg); } 30% { transform: translateX(3.75px) rotate(0.75deg); } 45% { transform: translateX(-3.75px) rotate(-0.75deg); } 60% { transform: translateX(2.25px) rotate(0.5deg); } 75% { transform: translateX(-1.5px) rotate(-0.25deg); } 100% { transform: translateX(0) rotate(0deg); } } .wobble2 { animation-name: wobble2; animation-duration: 2s; animation-iteration-count: infinite; } /* 导航栏 START */ .side-nav-bar { display: none !important; pointer-events: none; } /* 导航栏 END */ /* 究极大礼包 START */ .wrapper .module7 { /* background: transparent url('//game.gtimg.cn/images/lol/act/a20250930skins/m/bg7.jpg') top center/100% 100% no-repeat; */ background-origin: initial; background-clip: initial; background-attachment: initial; width: 100%; height: 16rem; box-sizing: border-box; } .wrapper .module7 .part5-con { margin: 0 auto; position: relative; /* background: transparent url('//game.gtimg.cn/images/lol/act/a20250930skins/m/part5-big.png?v=4RPVSnt9') top center/100% 100% no-repeat; */ width: 7.5rem; height: 15.5rem; padding-top: 8.8rem; } .wrapper .module7 .part5-con .part5-name { text-align: center; font-size: 0; position: relative; /* background: transparent url('//game.gtimg.cn/images/lol/act/a20250930skins/m/part5-name.png?v=4RPVSnt9') top center/100% 100% no-repeat; */ width: 4.78rem; height: 1.37rem; margin: 0 auto; } .wrapper .module7 .part5-con .selling-time { margin: 0.16rem auto 0; position: relative; font-size: 0.18rem; color: #261d2c; text-align: center; } .wrapper .module7 .part5-con .selling-time span { font-size: 0.2rem; font-weight: bold; } .wrapper .module7 .part5-con .gift-box { width: 5.69rem; margin: 0rem auto; height: auto; position: absolute; top: 10.35rem; left: 50%; transform: translateX(-50%); } .wrapper .module7 .part5-con .gift-box .gift-con { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .wrapper .module7 .part5-con .gift-box span { width: 100%; color: #261d2c; font-size: 0.18rem; font-weight: bold; position: relative; text-align: center; margin-bottom: 0.15rem; } .wrapper .module7 .part5-con .gift-box .gift-con span::before { content: ''; position: absolute; top: 0.05rem; left: 2.25rem; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/part5_tb.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.15rem; height: 0.14rem; } .wrapper .module7 .part5-con .gift-box .gift-con span::after { content: ''; position: absolute; top: 0.05rem; right: 2.25rem; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/part5_tb.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.15rem; height: 0.14rem; } .wrapper .module7 .part5-con .gift-box .selling-time span { margin-right: 0.2rem; } .wrapper .module7 .part5-con .gift-box .selling-time span::before { content: ''; position: absolute; top: 0.05rem; left: -0.22rem; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/part5_tb.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.15rem; height: 0.14rem; } .wrapper .module7 .part5-con .gift-box .gift-con p { font-size: 0.16rem; color: #261d2c; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; } .wrapper .module7 .part5-con .gift-box .gift-con .tilabrl1 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/part5_icon1.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 1.36rem; height: 0.38rem; line-height: 0.38rem; text-align: center; } .wrapper .module7 .part5-con .gift-box .gift-con .tilabrl2 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/part5_icon2.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 2.56rem; height: 0.38rem; line-height: 0.38rem; text-align: center; } .wrapper .module7 .part5-con .gift-box .gift-con .tilabrl3 { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/part5_icon3.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 5.68rem; height: 0.38rem; line-height: 0.38rem; text-align: center; margin-top: 0.1rem; } .wrapper .module7 .part5-con .part5-bottom { display: flex; align-items: center; justify-content: center; } .wrapper .module7 .part5-con .selling-price2 { display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; position: relative; margin-top: -0.1rem; } .wrapper .module7 .part5-con .selling-price2 .icon-selling-price2 { display: block; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/part5_sell_bg.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 0.29rem; height: 0.75rem; color: #57007b; font-size: 0.16rem; line-height: 0.2rem; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; padding-top: 0.18rem; margin-top: 0.16rem; margin-right: 0.07rem; } .wrapper .module7 .part5-con .selling-price2 .text-color { font-size: 0.9rem; line-height: 1; font-family: 'agencyfb_bold'; color: #261d2c; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; transform: translateY(0.1rem); } .wrapper .module7 .part5-con .selling-price2 .text-small { font-size: 0.45rem; line-height: 1; font-family: 'agencyfb_bold'; color: #261d2c; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; transform: translateY(0.05rem); } .wrapper .module7 .part5-con .selling-price2 .qb { font: normal normal 0.16rem/0.2rem Microsoft YaHei; color: #430c5b; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; margin-left: 0.1rem; } .wrapper .module7 .part5-con .selling-price2 .qb span { display: block; font: normal normal 0.18rem/0.2rem Microsoft YaHei; color: #430c5b; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; } .wrapper .module7 .part5-con .selling-price2 .qb span:first-child { width: 0.35rem; position: absolute; top: 0.3rem; right: 0.1rem; } .wrapper .module7 .part5-con .selling-price2 .qb span:last-child { margin-top: 0.04rem; font: normal normal 0.14rem/0.16rem Microsoft YaHei; color: #261d2c; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; width: 100%; position: absolute; bottom: -0.2rem; left: 50%; transform: translateX(-50%); text-align: center; } .wrapper .module7 .part5-con .J-btn-buy { display: block; background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/part5-surprise-get.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 3.52rem; height: 1.52rem; margin: 0.15rem auto 0; } .wrapper .module7 .part5-con .part5-img { width: 100%; /* height: 4.09rem; margin: .25rem auto 0.3rem; position: relative; background: url("//game.gtimg.cn/images/lol/act/a20250930skins/part5-img.png?v=4RPVSnt9") 0/100% 100% no-repeat; */ } .wrapper .module7 .part5-con .part5-zp { background-image: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/part5_img_box.png?v=4RPVSnt9'); background-repeat: no-repeat; background-size: 100% 100%; width: 5.8rem; height: 1.4rem; position: absolute; top: 7.25rem; left: 50%; transform: translateX(-50%); } .part5-main { width: 100%; margin: 2.2rem auto 0; } /* 究极大礼包 END */ /* 惊喜礼盒 START */ .part6-top { width: 100%; } .part6-img { width: 6.85rem; height: 7.59rem; margin: 0 auto 0.2rem; position: relative; } .part6-top .p6-t1 { font-size: 0.22rem; color: #1d1d1d; padding-left: 1.6rem; margin-bottom: 0.1rem; } .part6-img .part6-img-list { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/m/part6_img_big.png?v=4RPVSnt9) 0/100% 100% no-repeat; width: 6.85rem; height: 7.59rem; } .part6-box { width: 3.04rem; height: 3.12rem; background: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/part-surprise-box.png?v=4RPVSnt9') 0 0/100% 100% no-repeat; position: absolute; left: 1.9rem; top: 3.05rem; pointer-events: none; } .part6-bottom { display: flex; flex-direction: column; justify-content: space-between; width: 100%; margin: 0 auto; position: relative; } .part6-left .gm { text-align: center; color: #bb44ed; font-size: 0.16rem; margin-bottom: 0.1rem; } .part6-title { position: relative; background: url('//game.gtimg.cn/images/lol/act/a20250930skins/m/part6_img_title.png?v=4RPVSnt9') no-repeat; width: 4.78rem; height: 1.36rem; background-size: 100% 100%; font-size: 0; margin: 0 auto; margin-bottom: 0.13rem; } /* .part6-title::after{ content: ''; background: url("//game.gtimg.cn/images/lol/act/a20250930skins/xg_icon.png?v=4RPVSnt9") no-repeat; width: .42rem; height: .71rem; background-size: 100% 100%; position: absolute; right: -0.65rem; top: .22rem; transform: rotateZ(2deg); } */ .part6-sub-title { color: #f3dbfc; font-size: 0.18rem; line-height: 0.38rem; background: url('//game.gtimg.cn/images/lol/act/a20250930skins/part6_icon.png?v=4RPVSnt9') 0 0/100% 100% no-repeat; width: 5.7rem; height: 0.38rem; text-align: center; margin: 0 auto; } /* .part6-sub-title span{ display: inline-block; background: url("//game.gtimg.cn/images/lol/act/a20250930skins/part6_icon1.png?v=4RPVSnt9") 0 0/100% 100% no-repeat; width: 2.83rem; height: .28rem; font-size: 0.16rem; line-height: .28rem; margin: 0 .05rem; } .part6-sub-title span:nth-child(2), .part6-sub-title span:nth-child(3){ background: url("//game.gtimg.cn/images/lol/act/a20250930skins/part6_icon2.png?v=4RPVSnt9") 0 0/100% 100% no-repeat; width: 1.3rem; } */ .part6-price { display: flex; height: 1rem; margin-top: 0.25rem; margin-left: 0.8rem; position: relative; } .icon-price { font-size: 0.14rem; height: 0.83rem; text-align: center; } .part6-price .icon-price { color: #f3dbfc; display: block; width: 0.33rem; height: 0.83rem; padding: 0.2rem 0.08rem; margin: 0.04rem 0.08rem 0 0; background: url('//game.gtimg.cn/images/lol/act/a20250930skins/part-surprise-sell.png?v=4RPVSnt9') 0 0/100% 100% no-repeat; } .part6-price .text-color { font-family: 'agencyfb_bold'; font-size: 1rem; line-height: 1rem; color: #fff; letter-spacing: -0.01em; padding-right: 0.5em; margin-right: -0.5em; } .part6-price .text-small { font-size: 0.6rem; line-height: 1rem; margin-top: 0.18rem; } .part6-price .qb { color: #f3dbfc; font-size: 0.18rem; line-height: 0.2rem; padding-top: 0.62rem; width: 0.35rem; display: inline-block; } /* .part6-price .part6-time{ width: max-content; color: #474747; font-size: .18rem; position: absolute; left: -0.4rem; top: 1.2rem; } */ .pcbtn { display: none !important; } .part6-bottom .btn-price { display: block; width: 3.22rem; height: 1.41rem; background: url('//game.gtimg.cn/images/lol/act/a20250930skins/part-surprise-get.png?v=4RPVSnt9') 0 0/100% 100% no-repeat; display: flex; align-items: center; justify-content: center; position: absolute; left: 3.7rem; top: 2.2rem; } .part6-bottom .btn-price a { width: 2.7rem; height: 0.8rem; } .part6-bottom .btn-jackpot { color: #f3dbfc; font-size: 0.18rem; line-height: 0.2rem; display: block; width: fit-content; position: absolute; left: 4.9rem; top: 3.5rem; } .part6-bottom .btn-jackpot::after { content: ''; display: block; width: 100%; height: 0; border-bottom: 1px solid #f3dbfc; position: absolute; left: 0; bottom: 0; } .part6-con .act-rules { position: relative; margin: 1.4rem auto 0; box-sizing: border-box; } .part6-con .act-rules .rule-title { background: url(//game.gtimg.cn/images/lol/act/a20250930skins/rule_title.png?v=4RPVSnt9) no-repeat; width: 5.21rem; height: 0.37rem; background-size: 100% 100%; margin: 0 auto; font-size: 0; text-indent: -9999em; } .part6-con .act-rules .rule-list { width: 6.9rem; margin: 0.25rem auto 0; position: relative; height: auto; } .part6-con .act-rules .rule-list .rule-item { font-size: 0.18rem; line-height: 0.4rem; color: #f3dbfc; opacity: 0.5; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; position: relative; margin-bottom: 0.1rem; } /* 惊喜礼盒 END */