/* reset */
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form, header, section, article, footer, div { margin: 0; box-sizing: border-box; }

:before, :after { pointer-events: none; }

body, button, input, select, textarea { font: 12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

em, b { font-style: normal; }

a { text-decoration: none; }

a:hover { text-decoration: none; }

img { border: 0; }

body { padding-top: 42px; }

button, input, select, textarea { font-size: 100%; outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

td, th, ul, ol { padding: 0; }

ul, ol, li { margin: 0; padding: 0; list-style: none; }

#afooter { text-align: center; background: #000; font-size: 12px; color: #c0c0c0; padding: 30px 0; }

#afooter a { color: #c0c0c0; }

@font-face { font-family: 'font'; src: url(font.woff2); }

html, body { width: 100%; height: 100%; background-color: #f6e66e; }

html::-webkit-scrollbar, body::-webkit-scrollbar { width: 5px; }

html::-webkit-scrollbar-track, body::-webkit-scrollbar-track { background-color: #eaeaea; }

html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb { background-color: #f37a23; }

.wrap { display: flex; flex-direction: column; align-items: center; font-family: 'font'; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/bg.jpg) no-repeat top center/1920px auto; overflow: hidden; }

.page { display: flex; flex-direction: column; align-items: center; position: relative; }

.page-title { display: flex; align-items: flex-end; padding-bottom: 60px; }

.page-title img { width: auto; height: 174px; }

.kv { width: 1920px; height: 1176px; justify-content: center; padding-bottom: 150px; position: relative; }

.kv-logo { width: 246px; height: 68px; position: absolute; top: 52px; left: 48px; }

.kv-slogan { width: 1164px; height: 356px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/sloagan.png) no-repeat center/cover; }

.page1 { height: 1645px; }

.page1-box { display: flex; flex-direction: column; align-items: center; width: 1260px; height: 1008px; padding-top: 116px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/page1-box.png) no-repeat bottom center/cover; position: relative; }

.page1-box:before, .page1-box:after { content: ''; width: 98px; height: 94px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/icon-0.png) no-repeat center/cover; position: absolute; top: 546px; left: -60px; }

.page1-box:after { width: 230px; height: 288px; background-image: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/icon-1.png); top: 610px; right: -134px; left: auto; }

.page1-image { display: flex; flex-direction: column; align-items: center; }

.page1-image p { font-size: 18px; color: #e2720f; padding: 20px 0; }

.page1-images { width: 1124px; height: auto; }

.page1-images .swiper { width: 100%; }

.page1-images .swiper-slide { display: flex; justify-content: center; align-items: center; }

.page1-images img { width: 100%; height: auto; }

.page1-intro { display: flex; flex-direction: column; align-items: flex-start; font-size: 28px; color: #fff; }

.page1-intro div { display: flex; max-width: 1124px; text-indent: 1em; position: relative; }

.page1-intro div:before { content: ''; width: 10px; height: 28px; background-color: #fff830; position: absolute; top: 8px; left: 0; }

.page1-intro strong { color: #e2720f; }

.page1-swiper { display: flex; align-items: center; width: 1920px; height: 258px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/page1-swiper.png) no-repeat center/cover; margin-top: 30px; }

.page1-swiper .swiper { width: 100%; }

.page1-swiper .swiper-slide { display: flex; flex-direction: column; align-items: center; }

.page1-swiper .swiper-slide div { display: flex; justify-content: center; align-items: center; width: auto; height: 207px; position: relative; }

.page1-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }

.page1-swiper .swiper-wrapper { transition-timing-function: linear !important; }

.page2 { height: 1388px; }

.page2-box { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1260px; height: 1040px; padding-right: 8px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/page2-box.png) no-repeat center/cover; position: relative; }

.page2-box:before, .page2-box:after { content: ''; width: 116px; height: 96px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/icon-3.png) no-repeat center/cover; position: absolute; top: 162px; left: -60px; }

.page2-box:after { width: 98px; height: 94px; background-image: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/icon-0.png); top: 516px; right: -50px; left: auto; }

.page2-image { display: flex; align-items: flex-start; }

.page2-image > img { width: 724px; height: 478px; }

.page2-intro { display: flex; flex-direction: column; align-items: flex-start; font-size: 28px; color: #e2720f; padding-left: 20px; }

.page2-intro img { width: 316px; height: 316px; border-radius: 30px; }

.page2-intro p { display: flex; max-width: 370px; text-indent: 1em; padding-top: 10px; position: relative; }

.page2-intro p:before { content: ''; width: 10px; height: 28px; background-color: #fff; position: absolute; top: 18px; left: 0; }

.page2-swiper { display: flex; align-items: center; width: 1224px; height: 188px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/page2-swiper.png) no-repeat center/cover; margin-top: 30px; }

.page2-swiper .swiper { width: 100%; }

.page2-swiper .swiper-slide { display: flex; flex-direction: column; align-items: center; }

.page2-swiper .swiper-slide div { display: flex; justify-content: center; align-items: center; width: auto; height: 168px; position: relative; }

.page2-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }

.page2-swiper .swiper-wrapper { transition-timing-function: linear !important; }

.page3 { height: 985px; }

.page3-box { display: flex; flex-direction: column; align-items: center; width: 1260px; height: 1700px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/page3-box.png) no-repeat bottom center/100% auto; position: relative; }

.page3-box:before, .page3-box:after { content: ''; width: 230px; height: 288px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/icon-1.png) no-repeat center/cover; position: absolute; top: 120px; left: -110px; }

.page3-box:after { width: 98px; height: 94px; background-image: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/icon-0.png); top: 516px; right: -50px; left: auto; }

.page4 { height: 1200px; }

.page4-box { display: flex; width: 1260px; height: 774px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/page4-box.png) no-repeat center/cover; position: relative; }

.page4-box:before, .page4-box:after { content: ''; width: 116px; height: 96px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/icon-3.png) no-repeat center/cover; position: absolute; top: 162px; left: -60px; }

.page4-box:after { width: 98px; height: 94px; background-image: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/icon-0.png); top: 516px; right: -50px; left: auto; }

.page5 { height: 1200px; }

.page5-box { display: flex; flex-direction: column; align-items: center; width: 1260px; height: 798px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/page5-box.png) no-repeat bottom center/100% auto; position: relative; margin-top: 100px; }

.page5-box:before, .page5-box:after { content: ''; width: 116px; height: 96px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/icon-3.png) no-repeat center/cover; position: absolute; top: 162px; left: -60px; }

.page5-box:after { width: 98px; height: 94px; background-image: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/icon-0.png); top: 516px; right: -50px; left: auto; }

.page5-box img { width: 412px; height: 476px; position: absolute; top: -185px; right: 0; }

.aslide { display: flex; align-items: center; position: fixed; top: 50%; right: 0; transform: translate(55%, -50%) scale(0.7); transform-origin: right center; transition: all .6s; z-index: 11; }

.aslide.active { transform: translate(0, -50%) scale(0.7); }

.aslide.active .aslide-btn:before { background-image: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/aslide-btn-after-active.png); }

.aslide-btn { display: flex; justify-content: center; align-items: center; width: 84px; height: 300px; padding-right: 24px; box-sizing: border-box; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/aslide-btn.png) no-repeat center/cover; }

.aslide-btn:before { content: ''; width: 32px; height: 136px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/aslide-btn-after.png) no-repeat center/cover; }

.aslide-box { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 302px; height: 446px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/aslide-box.png) no-repeat center/cover; }

.aslide-box ul { display: flex; flex-direction: column; }

.aslide-box li { display: flex; justify-content: center; align-items: center; width: 266px; height: 72px; margin-bottom: 10px; position: relative; cursor: pointer; }

.aslide-box li:after { content: ''; width: 12px; height: 30px; background: url(//game.gtimg.cn/images/x52/cp/a20250528liuyue/aslide-after.png) no-repeat center/cover; position: absolute; top: 0; right: 0; opacity: 0; transition: all .6s; }

.aslide-box li img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .6s; }

.aslide-box li img:last-child { opacity: 0; }

.aslide-box li.active:after { opacity: 1; }

.aslide-box li.active img:first-child { opacity: 0; }

.aslide-box li.active img:last-child { opacity: 1; }

.aslide-box li:last-child { margin-bottom: 0; }
