@charset "utf-8";
/**/
html{overflow: hidden;}
body {font-size: 14px;line-height: 1.8;-webkit-overflow-scrolling: touch;-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important; -webkit-tap-highlight-color: transparent;}
a {text-decoration: none;}
p {line-height: 1.4;}
.max-width {max-width: 640px;margin: 0 auto;height: 100%;overflow: hidden;display: none;}
.isPC{display:none;align-items:center;justify-content:center;width:100%;height:100%;background:#36a9e6;}
.phoneBg{width:30vmin;padding:3vmin 1.3vmin 1vmin 1vmin;margin-right:3vmin;background:url(https://x0.ifengimg.com/ucms/2022/0216/E049F72453D66A3E83A1FF7D042376E473FEA494_size3_w283_h525.png) no-repeat center/contain;}
.phoneBg img{border-radius:2vmin;}
.QRBox{width:15vmin;margin-top:30vmin;}
.QRBox h2{margin:1vmin auto 0;font-size:1.5vmin;color:#fff;text-align:center;}
.swiper-slide {overflow: hidden;}
.swiper-container-fade .swiper-slide-active .swiper-slide {pointer-events: auto;}
.swiper-button-next, .swiper-button-prev {outline: none;}
.fn-audio {z-index: 100;position: fixed;right: 2%;top: 2%}
.fn-audio span {display: inline-block;width: 3rem;height: 3rem;}
.fn-audio .audio-play {animation: animation-rotate-un 2s linear infinite normal forwards;}
.ohide.ohide{opacity: 0;pointer-events: none;}
.thide{transform: scale(0);}
.delay-0d1s{animation-delay: .1s;}
.delay-0d2s{animation-delay: .2s;}
.delay-0d3s{animation-delay: .3s;}
.delay-0d4s{animation-delay: .4s;}
.delay-0d5s{animation-delay: .5s;}
.delay-0d6s{animation-delay: .6s;}
.delay-0d7s{animation-delay: .7s;}
.delay-0d8s{animation-delay: .8s;}
.delay-0d9s{animation-delay: .9s;}
.audio-icon.hide {display: none;}
@keyframes animation-rotate-un {from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	to {transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}
}
.tween{animation-play-state: paused;visibility: hidden;}
.tween.active{animation-play-state: running;visibility: visible;}
/**/
.loading {z-index: 10;position: fixed;width: 100%;max-width: 500px;height: 100vh; left: 0; right: 0; margin: auto;background: url(//x0.ifengimg.com/ucms/special/images/85DAD3A7C283D5E124A670CDA498FA3E.jpg) no-repeat center/cover;visibility: hidden;}
.load-set{position: relative;top: 47%;transform: translateY(-50%);}
.load-icon{width: 42%;margin: 0 auto 6%;animation: load_icon 2s alternate linear infinite both;}
@keyframes load_icon{
	0%, 100%{transform: translateY(0);}
	50%{transform: translateY(-10%);}
}
.progress-br-set {position: relative;width: 66%;height: 0.8rem;border: thin solid #00a0e8;border-radius: .7rem;overflow: hidden;margin: 3% auto 32%;}
.progress {position: absolute;height: 10px;background: #00a0e8;top: 50%;border-radius: .5rem;transform: translateY(-50%);}
.load-percent{width: 100%;text-align: center;font-size: 16px;color: #0b2652;margin: 23% 0 0;}
.load-button{width: 45.4vmin;height: 16.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/EBC045434823AA548EACF2EB63ED14C4.png) no-repeat center/contain;margin: 2% auto 0;opacity: 0;transition: .3s;transform: scale(0);}
.load-button.tri{opacity: 1;transform: scale(1);}
.none.none{display: none;}
/**/
#main {height: 100%;}
.abs {position: absolute;}
.ab-mid {position: absolute;left: 0;right: 0;margin: 0 auto;}
.disabled {pointer-events: none;}
.up-arrow {z-index: 3; display: none; position: absolute;width: 15.9vmin;height: 13.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/AFE0D29CAF55F2160315BAC89516810C.png) no-repeat center/contain;bottom: 20%;left: 0;right: 0;margin: auto; opacity: 0;pointer-events: none;bottom: 0;transform: translateY(100%);}
.up-arrow.dyna {animation: up_arrow 4.5s 3s forwards infinite;}
@keyframes up_arrow {0% {opacity: 0.2;transform: translateY(100%);}
	50% {opacity: 1;transform: translateY(-340%);}
	53%, 100% {opacity: 0;}
}
.p1-start{width: 40%; position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 15%;}
.start-button{width: 40.1vmin;height: 10.3vmin;background: url(//x0.ifengimg.com/ucms/special/images/2B4F30709DC5BB666A07313917B55A61.png) no-repeat center/contain;margin: auto;bottom: 14%;}
.breathe{animation: breathe_ani 1s linear infinite both;}
@keyframes breathe_ani{
	0%, 100%{transform: scale(1);}
	50%{transform: scale(1.15);}
}
div[data-anim]:not(.animated){opacity: 0;}
/**/
.page-start {background: url(//x0.ifengimg.com/ucms/special/images/CF790AB7212D7B92C4EB323DABADAFE2.jpg) no-repeat center / cover;transition: opacity .3s;}
.click-tip{position: absolute; width: 15.5vmin;}
.fullscreen{z-index: 2;position: absolute;width: 100vw;height: 100vh;left: 0;top: 0;overflow: hidden;}
.page-start-location{width: 61.1vmin;height: 6vmin;background: url(//x0.ifengimg.com/ucms/special/images/26899E676BD9FC89D7F2D337D69380B0.png) no-repeat center/contain;top: 8%;}
.page-start-title{width: 84.9vmin;height: 27.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/6AED418183DC42A40B5B1EDF93ED87DB.png) no-repeat center/contain;top: 14%;}
.page-start-subtitle{width: 71.1vmin;height: 7.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/F041074EF2F7F69B478449F0ACC54E04.png) no-repeat center/contain;top: 29%;}
.page-start-yaxiaoyong{position: absolute;width: 41.7vmin;height: 38vmin;background: url(//x0.ifengimg.com/ucms/special/images/3BB3C78CE460EE09FB625322C5B5C156.png) no-repeat center/contain;top: 45%;right: 3%;}
.page-start-info{width: 52.9vmin;height: 16.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/CDB6996A70745BD777080078199C78C4.png) no-repeat center/contain;top: 72%;}
.page-start-button{width: 61.1vmin;height: 16.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/B3F7289F01C2080CD351C32795B19F2A.png) no-repeat center/contain;top: 82%;}
/*  */
.page-content{position: relative;display: grid;place-items: center;background: url(//x0.ifengimg.com/ucms/special/images/F3A2F7690C6E07414A04C739CAA6F05D.jpg) no-repeat center/cover;transition: opacity .3s;}
.page-content-wrap{position: relative;}
.page-content-platform{position: relative;width: 82.2vmin;height: 38.9vmin;background: url(//x0.ifengimg.com/ucms/2026/0921/58FC471B532E651829B6C5B1B10F7B08E9B0BF88_size298_w681_h322.png) no-repeat center/contain;margin: 30% auto 6%;}
.page-content-ya1{position: absolute;width: 37.8vmin;height: 50.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/95C1B81BED77E01ACD86693AF05636FF.png) no-repeat center/contain;top: -94%;left: 30%;}
.page-content-ya2{position: absolute;width: 37.2vmin;height: 51.3vmin;background: url(//x0.ifengimg.com/ucms/special/images/81D926A8F1A29BF5C3A42E164862D4B4.png) no-repeat center/contain;top: -98%;left: 28%;}
.page-content-ya3{position: absolute;width: 47.1vmin;height: 57.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/0EB3EBFC8FA509FF101D4EAC00292BA3.png) no-repeat center/contain;top: -110%;left: 22%;}
.page-content-cartoon-set>div{transition: opacity .3s;}
@keyframes shine{
	0%, 100%{filter: brightness(1);}
	50%{filter: brightness(1.1);}
}
.page-content-cartoon-prev{position: absolute;width: 13.5vmin;height: 9.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/3346C6A694DFCD51F69AA9FC67AB28E8.png) no-repeat center/contain;top: -40%;left: 0;animation: shine linear 1s  alternate infinite both;}
.page-content-cartoon-next{position: absolute;width: 13.5vmin;height: 9.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/BA6B1B1749F3E0D7D423D871490F41CB.png) no-repeat center/contain;top: -40%;right: 0;animation: shine linear 1s .333s alternate infinite both;}
.page-content-nametag{position: absolute;width: 51.8vmin;height: 14.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/FC88899D7C5BEAE1470501ED30C0F2AD.png) no-repeat center/contain;top: 44%;left: 0;right: 0;margin: 0 auto;}
.page-content-nameslot{position: absolute;width: 60%;left: 28%;bottom: 31%;}
.page-content-name{width: 100%;line-height: 1;text-align: center;}
.page-content-name.font-l {font-size: 5vmin;}
.page-content-name.font-m {font-size: 4vmin;line-height: 1.2;}
.page-content-name.font-s {font-size: 3.4vmin;line-height: 1.3;}
.page-content-changename-button{width: 21.7vmin;height: 6.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/D864E8BFFB21A2A924DA54E5DCE76E18.png) no-repeat center/contain;bottom: -62%;}
.page-content-equipment-frame{position: relative;width: 95.2vmin;height: 76.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/5B4E38EA97966C67521CF4C2CB828810.png) no-repeat center/contain;}
.page-content-clothe{position: absolute;width: 40vmin;height: 48.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/BE2A3DAA1B2B71D04C45A5C97B8417C4.png) no-repeat center/contain;top: 20%;left: 5%;}
.page-content-card{position: absolute;width: 40vmin;height: 48.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/914C2879165AD5552E791575110531DA.png) no-repeat center/contain;top: 20%;right: 5%;}
.page-content-check{position: absolute;width: 12.4vmin;height: 10.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/C970922C6570FCDCBEB2CA271C85C740.png) no-repeat center/contain;top: 58%;left: 36%;}
.page-content-got{position: absolute;width: 15.2vmin;height: 4.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/556EECBA1944D69032EDCE582F40BFD5.png) no-repeat center/contain;bottom: 8%;}
.page-content-toget{position: absolute;width: 20.7vmin;height: 4.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/660AE3AF5F994904372A529B3DEA7D84.png) no-repeat center/contain;bottom: 8%;}
.page-content-button{width: 58.7vmin;height: 16.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/9E4354C735AF87D6F5C3C8433F8CDC23.png) no-repeat center/contain;bottom: 5%;}
.page-content-click-tip-1{top: 25%;left: 45%;}
.page-content-click-tip-2{top: 25%;left: 45%;}
.pass-frame{position: relative;}
.pass-pad{width: 63.8vmin;height: 143.4vmin;background: url(//x0.ifengimg.com/ucms/special/images/8E57A40C3ACCAA31DF66048C4231DDB4.png) no-repeat center/contain;margin: 0 auto 6%;}
.pass-y-1{position: absolute;top: 41%;left: 23%;width: 33.5vmin;height: 44.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/6CA0902CFF0AD411AFD53BAFBC473A2D.png) no-repeat center/contain;}
.pass-y-2{position: absolute;top: 41%;left: 23%;width: 32.4vmin;height: 44.4vmin;background: url(//x0.ifengimg.com/ucms/special/images/98B36D3BF61ADD696DFD6612A79EAA21.png) no-repeat center/contain;}
.pass-y-3{position: absolute;top: 41%;left: 23%;width: 39.5vmin;height: 45.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/611F21D5B5B27A3EF70A435DA12C3A04.png) no-repeat center/contain;}
.pass-name-slot{display: flex; width: 33.8vmin;height: 6.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/15AA8F2B7E3BB5AFD2F1851C31D65704.png) no-repeat center/contain;top: 74%;}
.pass-name{position: absolute;width: fit-content;text-align: center; color: #8d3b24;bottom: 2%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.pass-name.font-l {font-size: 4.8vmin;line-height: 1.6;}
.pass-name.font-m {font-size: 4vmin;}
.pass-name.font-s {font-size: 3.6vmin;line-height: 2.1;}
.pass-button{width: 39.4vmin;height: 16.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/D5006EE3A7B9ED38BE9C2A6E30A3EB9B.png) no-repeat center/contain;margin: 0 auto;}
/*  */
.status-bar{z-index: 4; width: 94.1vmin;height: 14.1vmin;position: fixed; top: 6%;left: 0;right: 0;margin: 0 auto;background: url(//x0.ifengimg.com/ucms/special/images/29C91E096BBB589FD092A61A4305F0B4.png) no-repeat center/contain;transition: top .3s;}
.status-bar.tri{top: 2%;}
.status-avatar-frame{position: absolute;width: 17vmin;height: 17vmin;top: -11%;left: 0;}
.status-avatar-frame img{position: absolute;width: 100%;height: 100%;top: 0;left: 0; object-fit: contain;}
.status-name-slot{display: flex;position: absolute;width: 28%;top: 38%;left: 19.3%;}
.status-name{color: #ffffff;width: fit-content;margin: auto;}
.status-name.font-l{font-size: 4vmin;}
.status-name.font-m{font-size: 3.4vmin;line-height: 2;}
.status-name.font-s{font-size: 2.8vmin;line-height: 2.4;}
.status-score-slot{position: absolute;width: 19%;top: 39%;left: 53.4%;}
.status-score{text-align: center;color: #ffffff;}
.status-badge-slot{position: absolute;width: 15%;top: 40%;left: 78.5%;}
.status-badge{text-align: center;color: #ffffff;}
/*  */
.page-gallery.page-gallery{overflow-y: auto;}
.phase-1{position: relative;background-color: #ece3fe;padding: 0 0 8%;}
.phase-1-pre{width: 100vmin;height: 126.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/ECB97A904B5C5B76DD3F1F4C183DBD40.jpg) no-repeat center/contain;}
.phase-1-title{width: 82.6vmin;height: 48.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/2B4BD6D41902951687639436DB3804B0.png) no-repeat center/contain;margin: -41% auto -20%;}
.phase-1-wrap{position: relative;width: 95.2vmin;height: 182.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/C0B96422E13DE5A1575E4C1B062B2E9D.png) no-repeat center/contain;margin: 0 auto;overflow: hidden;}
.p1-1{width: 60.7vmin;height: 49.6vmin;position: absolute;top: 3%;left: 5%;background: url(//x0.ifengimg.com/ucms/special/images/4143F0A59E92C8A75321DDD69CF1E91A.png) no-repeat center/contain;}
.p1-2{width: 48.4vmin;height: 41.1vmin;position: absolute;top: 28%;left: 44%;background: url(//x0.ifengimg.com/ucms/special/images/A00DF9569270A7A7D1CE43864C09918A.png) no-repeat center/contain;}
.p1-3{width: 34.8vmin;height: 44.7vmin;position: absolute;top: 36%;left: 5%;background: url(//x0.ifengimg.com/ucms/special/images/0C598FE7C17F2CB66A63B0B3933E8C4F.png) no-repeat center/contain;}
.p1-4{width: 54.7vmin;height: 46.1vmin;position: absolute;top: 53%;left: 36%;background: url(//x0.ifengimg.com/ucms/special/images/8D8A1498275DE46390046990DAA6760B.png) no-repeat center/contain;}
.p1-5{width: 75.6vmin;height: 24.4vmin;position: absolute;top: 80%;left: 11%;background: url(//x0.ifengimg.com/ucms/special/images/395252B893E7DDF62D86D6953D6F6255.png) no-repeat center/contain;}
.p1-button{z-index: 1; position: absolute;width: 23.7vmin;top: 51%;left: 22%;}
/*  */
.phase-2{position: relative;background-color: #ece3fe;padding: 0 0 8%;}
.phase-2-title{width: 82.6vmin;height: 48.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/AD6FEAFB5BE6A4EF93DBC6D87D337368.png) no-repeat center/contain;margin: 0 auto -20%;}
.phase-2-wrap{position: relative;width: 95.2vmin;height: 154.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/9E6382385C2D0EB8E91B1225904CA1F9.png) no-repeat center/contain;margin: 0 auto;overflow: hidden;}
.p2-1{position: absolute;width: 83.1vmin;height: 50.5vmin;top: 4%;left: 5%;background: url(//x0.ifengimg.com/ucms/special/images/CDAAD2BC15F736A02453E55CB547254B.png) no-repeat center/contain;}
.p2-2{position: absolute;width: 53.5vmin;height: 11.7vmin;top: 31%;left: 5%;background: url(//x0.ifengimg.com/ucms/special/images/9DAA487EE9B81BCFA133B6C47407D2E0.png) no-repeat center/contain;}
.p2-3{position: absolute;width: 29.2vmin;height: 37.6vmin;top: 16%;left: 67%;background: url(//x0.ifengimg.com/ucms/special/images/E9FB152D605A13CBE24987C11631DA21.png) no-repeat center/contain;}
.p2-4{width: 35.9vmin;height: 4.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/DC2C6DB5824CAECA86DFDA5ACA19B372.png) no-repeat center/contain;top: 42%;}
.p2-card-wrap{position: absolute;width: 94%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-around;top: 49%;margin: 0 auto;left: 0;right: 0;}
.p2-card{width: 27.8vmin;height: 42.5vmin;}
.p2-card.flipped{transform-style: preserve-3d;transition: transform 1s cubic-bezier(0.4, 0.0, 0.2, 1);transform: rotateY(180deg);}
.p2-card-face{width: 100%;height: 100%;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.p2-c1 .p2-card-front{background: url(//x0.ifengimg.com/ucms/special/images/8B0A71D368DEF198A0D23C3E477C1D60.png) no-repeat center/contain;}
.p2-c1 .p2-card-back{background: url(//x0.ifengimg.com/ucms/special/images/E4DDD7C0AE68CD8E5647468B325849A9.png) no-repeat center/contain;}
.p2-c2 .p2-card-front{background: url(//x0.ifengimg.com/ucms/special/images/C2D383BA5BBF91F72C870B6690E07698.png) no-repeat center/contain;}
.p2-c2 .p2-card-back{background: url(//x0.ifengimg.com/ucms/special/images/88E7FB5DC74819ACFC3A070C5AAF902C.png) no-repeat center/contain;}
.p2-c3 .p2-card-front{background: url(//x0.ifengimg.com/ucms/special/images/A9E0E039916A808F4F67EBB95CC951ED.png) no-repeat center/contain;}
.p2-c3 .p2-card-back{background: url(//x0.ifengimg.com/ucms/special/images/DB473CD421EB1EF0E3C7CA68AF07E2DB.png) no-repeat center/contain;}
.p2-card-back{position: absolute;top: 0;transform: rotateY(180deg);}
.p2-5{width: 58.9vmin;height: 4.3vmin;background: url(//x0.ifengimg.com/ucms/special/images/706BEEFF95F0C6E4537B1630FA1C53DE.png) no-repeat center/contain;top: 82%;}
.p2-button{z-index: 1;position: absolute;width: 23.7vmin;top: 90%;}
/*  */
.phase-3{position: relative;background-color: #ece3fe;padding: 0 0 8%;}
.phase-3-title{width: 82.6vmin;height: 48.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/759F5F36A967AF01C35152F9B52D2C65.png) no-repeat center/contain;margin: 0 auto -20%;}
.phase-3-wrap{position: relative; width: 95.2vmin;height: 188.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/89CC2F3C175A2597A19A941DC250E0E2.png) no-repeat center/contain;margin: 0 auto;overflow: hidden;}
.p3-1{position: absolute;width: 70.4vmin;height: 50.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/E97BD888C8F51701CD2DA7A391DCF66C.png) no-repeat center/contain;top: 3%;left: 5%;}
.p3-2{position: absolute;width: 48.4vmin;height: 41.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/8CCDDCA95D1979009FA14355DFE7E22F.png) no-repeat center/contain;top: 28%;left: 46%;}
.p3-3{position: absolute;width: 36.1vmin;height: 33.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/242A9A38596385D9E8D098B1FF0716CB.png) no-repeat center/contain;top: 33%;left: 4%;}
.p3-4{position: absolute;width: 54.7vmin;height: 46.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/3968439DAA3E1ADF51542C189B2479BD.png) no-repeat center/contain;top: 52%;left: 36%;}
.p3-5{width: 74.4vmin;height: 18.4vmin;background: url(//x0.ifengimg.com/ucms/special/images/5376BA36DCB8A098B93D2E1CCC59C049.png) no-repeat center/contain;top: 80%;}
.p3-button{z-index: 1;position: absolute;width: 23.7vmin;top: 92%;}
/*  */
.phase-4 {position: relative;background-color: #ece3fe;padding: 0 0 8%;}
.phase-4-title {width: 82.6vmin;height: 48.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/1CEB0041453A966B7F7C3C5CDAE54C10.png) no-repeat center/contain;margin: 0 auto -20%;}
.phase-4-wrap {position: relative;width: 95.2vmin;height: 235vmin;background: url(//x0.ifengimg.com/ucms/special/images/6A3E86FF7545AC9F8E4918B6E44853FD.png) no-repeat center/contain;margin: 0 auto;overflow: hidden;}
.p4-1 {position: absolute;width: 83.1vmin;height: 49.3vmin;background: url(//x0.ifengimg.com/ucms/2026/0921/33A75A65733A766C0ACB309F4F89E8197D61DC4B_size516_w688_h408.png) no-repeat center/contain;top: 3%;left: 7%;}
.p4-2 {position: absolute;width: 47.5vmin;height: 11.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/68972AB246E5F0164026D7C812DAEB68.png) no-repeat center/contain;top: 20%;left: 9%;}
.p4-3 {position: absolute;width: 25.6vmin;height: 37.3vmin;background: url(//x0.ifengimg.com/ucms/special/images/7AAFBF69AD64D06B3BB368037529FEDD.png) no-repeat center/contain;top: 10%;left: 70%;}
.p4-4 {width: 47.6vmin;height: 13vmin;background: url(//x0.ifengimg.com/ucms/special/images/741DFF742801DE9961946411DE359043.png) no-repeat center/contain;top: 28%;}
.p4-video-frame{position: absolute;width: 100%;left: 0;right: 0;margin: 0 auto; top: 34%;}
.video-ballon{position: absolute;width: 100%;top: 0;left: 0;mix-blend-mode: screen;filter: saturate(1.5);}
.sprite {width: 64vmin;height: 79vmin;background-image: url("//x0.ifengimg.com/ucms/2026/0921/AB680B68ADC3B942D5C9C1ABA99B696DD311EB8C_size1588_w480_h38208.png");background-repeat: no-repeat;background-size: 64vmin calc(79vmin * 64);background-position: 0 0;
  animation: sprite-play 5.33s steps(46) paused forwards;margin: 0 auto;
  clip-path: polygon(0 0, 100% 0, 100% 78.8vmin, 0 78.8vmin);
}
@keyframes sprite-play {
  to {
    background-position: 0 calc(-79vmin * 46);
  }
}
.ballon-series.active{animation-play-state: running;}
.p4-hold {width: 18.2vmin;height: 19.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/EFD0E1382E2DF1665F9C6485C9930BB9.png) no-repeat center/contain;top: 68%;animation: shine linear 1s infinite both;}
.p4-5 {width: 80vmin;height: 7.4vmin;background: url(//x0.ifengimg.com/ucms/special/images/59AE4229FA3F7B080202877D5848BA83.png) no-repeat center/contain;top: 77%;}
.p4-6 {width: 78vmin;height: 22vmin;background: url(//x0.ifengimg.com/ucms/special/images/9E608C04235809EF44AD07804FF019F1.png) no-repeat center/contain;top: 82%;}
.p4-button {z-index: 1;position: absolute;width: 23.7vmin;top: 93%;}
/*  */
.phase-5 {position: relative;background-color: #ece3fe;padding: 0 0 8%;}
.phase-5-title {width: 82.6vmin;height: 48.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/8E31518668908A31E9DB979777615AFB.png) no-repeat center/contain;margin: 0 auto -20%;}
.phase-5-wrap {position: relative;width: 95.2vmin;height: 139.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/C8B957F8A9BFD3F17B141B64DAD91356.png) no-repeat center/contain;margin: 0 auto;overflow: hidden;}
.p5-prev {position: absolute;width: 6.4vmin;height: 10.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/4C1B5683809994082A456DB42BA2F94B.png) no-repeat center/contain;top: 37%;left: 4%;}
.p5-next {position: absolute;width: 6.4vmin;height: 10.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/2AFDE531622B2106E6BF41DC67371371.png) no-repeat center/contain;top: 37%;right: 4%;}
.p5-1 {width: 70.7vmin;height: 95vmin;background: url(//x0.ifengimg.com/ucms/special/images/4FB8B4919DC5EAA3CD87E5512F4EAE28.png) no-repeat center/contain;top: 9%;}
.p5-2 {width: 70.7vmin;height: 95vmin;background: url(//x0.ifengimg.com/ucms/special/images/95194B269196EB76CDCCB0376E5D043D.png) no-repeat center/contain;top: 9%;}
.p5-3 {width: 70.7vmin;height: 99.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/7EC68DED84E545F4C5A764DD2C4C781F.png) no-repeat center/contain;top: 9%;}
.p5-4 {position: absolute;width: 15.8vmin;height: 34.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/19FEC3C544B8988ACA522040D44E97DD.png) no-repeat center/contain;right: 6%;bottom: 2%;}
.p5-g{transition: opacity .3s;}
.p5-button {z-index: 1;position: absolute;width: 23.7vmin;top: 85%;}
/*  */
.phase-6 {position: relative;background-color: #ece3fe;padding: 0 0 8%;}
.phase-6-title {position: relative;width: 82.6vmin;height: 48.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/E4DD3B12C857C694F4DB227163A38354.png) no-repeat center/contain;margin: 0 auto -20%;}
.phase-6-wrap {position: relative;width: 95.2vmin;height: 183.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/4BC796FDBA09889BFA0B8440AEC008BA.png) no-repeat center/contain;margin: 0 auto;overflow: hidden;}
.p6-g>div {z-index: 1;position: absolute;width: 23.7vmin;top: 90%;}
.p6-1 {width: 70.7vmin;height: 119.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/B49016080820EC05ED8899FDDC348072.png) no-repeat center/contain;top: 7%;}
.p6-2 {width: 70.7vmin;height: 130.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/CD6C7320B71CD0041884D2B70D50674E.png) no-repeat center/contain;top: 7%;}
.p6-3 {width: 70.7vmin;height: 120.4vmin;background: url(//x0.ifengimg.com/ucms/special/images/9635C55B7E6B1EF026BC3DB865DEB3C1.png) no-repeat center/contain;top: 7%;}
.p6-g{transition: opacity .3s;}
.p6-4 {position: absolute;width: 23.4vmin;height: 23.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/2634E1B6B0E5410645DA8EF600BE8198.png) no-repeat center/contain;top: 2%;right: 2%;}
.p6-5 {position: absolute;width: 15vmin;height: 19.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/13C1BA126C255B997E5C2C84F4245BE7.png) no-repeat center/contain;left: 4%;top: 66%;}
.p6-tip{position: absolute;width: 53.6vmin;height: 7.4vmin;background: url(//x0.ifengimg.com/ucms/2026_39/B1F7AD87ED6A8F501E1DCA45453ECDC3CB4C3D71_size19_w444_h61.png) no-repeat center/contain;top: 76%;}
.p6-6 {width: 75.6vmin;height: 24.4vmin;background: url(//x0.ifengimg.com/ucms/special/images/15A55DAAA884645137D42E813ABC51ED.png) no-repeat center/contain;top: 83%;}
.p6-prev {position: absolute;width: 6.4vmin;height: 10.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/4C1B5683809994082A456DB42BA2F94B.png) no-repeat center/contain;top: 34%;left: 4%;}
.p6-next {position: absolute;width: 6.4vmin;height: 10.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/2AFDE531622B2106E6BF41DC67371371.png) no-repeat center/contain;top: 34%;right: 4%;}
/*  */
.phase-7{position: relative;background-color: #ece3fe;padding: 0 0 8%;}
.phase-7-title{width: 82.6vmin;height: 48.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/114EE4E0544EC56681CCA2774981622A.png) no-repeat center/contain;margin: 0 auto -20%;}
.phase-7-wrap{position: relative;width: 95.2vmin;height: 183.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/4BC796FDBA09889BFA0B8440AEC008BA.png) no-repeat center/contain;margin: 0 auto;overflow: hidden;}
.p7-swi{top: 5%;width: 83.1vmin;height: 48.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/0369CEC9CBBF48F5F16D14B1ED3A05A2.png) no-repeat center/contain;}
.p7-swi .swiper-pagination.swiper-pagination{bottom: 20%;}
.p7-swi .swiper-pagination-bullet{background: #019fe9;opacity: 1;}
.p7-swi .swiper-pagination-bullet-active{background: #ffeb6d;}
.p7-swi img{
	position: relative;
	top: 2.5%;
	left: 0.3%;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 692 398"><path d="M61,32L4,100v184l52,104l566,6l64-86l2-255l-81.4-37.9L188,4L61,32z"/></svg>') no-repeat center / 100% 100%;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 692 398"><path d="M61,32L4,100v184l52,104l566,6l64-86l2-255l-81.4-37.9L188,4L61,32z"/></svg>') no-repeat center / 100% 100%;
}
.p7-1{z-index: 1; width: 53.5vmin;height: 11.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/0B963DDA866CAE6CF8E3FCC638661F01.png) no-repeat center/contain;top: 27%;}
.p7-button {z-index: 1;position: absolute;width: 23.7vmin;top: 36%;}
.p7-2{width: 66.3vmin;height: 50.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/2C376DB8E978BA882D6BDE3FE3B5E90D.png) no-repeat center/contain;top: 43%;}
.p-fin-button{width: 57.2vmin;top: 76%;}
.phase-end-cloud{width: 100vmin;height: 38vmin;background: url(//x0.ifengimg.com/ucms/special/images/43EF4A276C7A307C91A42320001A67B6.png) no-repeat center/contain; bottom: 0;}
/*  */
.badge-mask {z-index: 5;transition: opacity .3s;}
.badge-light {width: 94.2vmin;height: 132.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/3497994478135E9401EFE9AC8A666C15.png) no-repeat center/contain;transform-origin: 50% 0;top: 0;}
.badge-star{width: 62.3vmin;height: 45.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/CD5EB4A809D28A75C9DE2F9EB00B5CDA.png) no-repeat center/contain;top: 28%;}
.badge-title {width: 75.4vmin;height: 27.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/D28A90FBE6ED85656CEDD57149D6D2A2.png) no-repeat center/contain;top: 9%;}
.badge-1-text {width: 29.1vmin;height: 14.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/953D0A25B1E16C6A98640DF263004D2D.png) no-repeat center/contain;top: 23%;}
.badge-1 {width: 41.4vmin;height: 51.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/CACCCD5CC5D0E42CE820BEA2E9A2840D.png) no-repeat center/contain;top: 33%;}
.badge-2 {width: 41.4vmin;height: 51.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/F5905B45905123FAD11D57CDA0095CD4.png) no-repeat center/contain;top: 33%;}
.badge-3 {width: 41.4vmin;height: 51.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/E731D294CDFB18E7CA8538E888BFFA20.png) no-repeat center/contain;top: 33%;}
.badge-4 {width: 41.4vmin;height: 51.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/B944E834C65375FB0AFEA38F0169F7CF.png) no-repeat center/contain;top: 33%;}
.badge-5 {width: 41.4vmin;height: 51vmin;background: url(//x0.ifengimg.com/ucms/special/images/B49A64B6B5E02AB233CB7288D1A500F5.png) no-repeat center/contain;top: 33%;}
.badge-6 {width: 41.4vmin;height: 51.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/CC460661D3EEFE0C5A6DF8EA5E0C7E03.png) no-repeat center/contain;top: 33%;}
.badge-7 {width: 41.4vmin;height: 51.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/6AAE3EA30CCD3DC05DE12CC3B04F0274.png) no-repeat center/contain;top: 33%;}
.badge-8 {width: 41.4vmin;height: 51vmin;background: url(//x0.ifengimg.com/ucms/special/images/3CA969B1CF2738CD2B970054D39E99E1.png) no-repeat center/contain;top: 33%;}
.badge-9 {width: 41.4vmin;height: 51.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/B611A734B8907170BC0226B483C18D6F.png) no-repeat center/contain;top: 33%;}
.collect-badge-button{width: 38.2vmin;height: 16.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/37E9DBE656EEA55EFC68A3B6AC5934BB.png) no-repeat center/contain;top: 66%;}
/**/
.poster-result {position: fixed;z-index: 20;top: -100%;}
.poster-result.tri {animation: poster_result 2s forwards cubic-bezier(0.25, 1, 0.5, 1);}
@keyframes poster_result {from {top: -100%;}
	to {top: 0;}
}
.wait {display: none;z-index: 10;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);}
.wait p {position: absolute;top: 45%;left: 17%;color: #ffffff;font-size: 18px;}
.dotting {display: inline-block;min-width: 2px;min-height: 2px;color: #fff;box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor;-webkit-animation: dot 2s infinite step-start both;animation: dot 2s infinite step-start both;}
.dotting:before {content: '...';}
.dotting::before {content: '';}
:root .dotting {margin-right: 8px;}
@keyframes dot {25% {box-shadow: none;}
	50% {box-shadow: 2px 0 currentColor;}
	75% {box-shadow: 2px 0 currentColor, 6px 0 currentColor;}
}
/**/
.sharepage-set {z-index: 10;position: absolute;top: -200%;overflow: hidden;}
.share-bg {width: 100vw;height: 100vh;}
.share-card {position: absolute;width: 100%;left: 0;bottom: 0;}
.share-bottom {position: absolute;width: 100%;left: 0;bottom: 0;}
.share-avatar-set img {position: absolute;width: 15%;top: 10%;left: 12%;}
.share-name-slot {position: absolute;top: 10%;left: 31%;background: #7a7cc7;padding: 4px 4.2% 6px;color: #ffffff;font-size: 3.4vmin;border-radius: 5vmin;line-height: 1;}
.share-serial-slot {position: absolute;top: 16%;left: 32%;color: #000000;font-size: 3.4vmin;line-height: 1.2;}
.hold-tip{z-index: 25; width: 33.9vmin;height: 11.4vmin;bottom: 7%; background: url(//x0.ifengimg.com/ucms/special/images/28DC9CBE53643690FF1D0907AF8FEA06.png) no-repeat center/contain;transition: opacity .3s 2.5s;}
/**/
.mask {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, .7);}