@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;}
.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;}
.delay-0d1s.delay-0d1s{animation-delay: 0.1s;}
.delay-0d2s.delay-0d2s{animation-delay: 0.2s;}
.delay-0d3s.delay-0d3s{animation-delay: 0.3s;}
.delay-0d4s.delay-0d4s{animation-delay: 0.4s;}
.delay-0d5s.delay-0d5s{animation-delay: 0.5s;}
.delay-0d6s.delay-0d6s{animation-delay: 0.6s;}
.delay-0d7s.delay-0d7s{animation-delay: 0.7s;}
.delay-0d8s.delay-0d8s{animation-delay: 0.8s;}
.delay-0d9s.delay-0d9s{animation-delay: 0.9s;}
.ohide{opacity: 0;pointer-events: none;}
.disabled{pointer-events: none;}
/**/
.loading {z-index: 10;position: fixed; display: flex;align-items: center;justify-content: center; flex-direction: column; width: 100%;max-width: 500px;height: 100vh;background: #57baea;margin: 0 auto;visibility: hidden;}
.load-icon{width: 25vmin;height: 22.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/3582C856874DB030EDBCABD68454B364.png) no-repeat center/contain;}
.load-button{width: 30.2vmin;height: 7.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/2FB8AEF6CB88C7AD6AE263960F5F71DB.png) no-repeat center/contain;}
.loading h3 {font-size: 16px;color: white;margin-bottom: 1%;}
.progress-br-set {position: relative;width: 60vw;height: 0.6rem;border-radius: .5rem;margin: 6% auto 4%;background: white;box-shadow: 0px 0px 8px rgba(255,255,255,.5);}
.progress {position: absolute;height: 8px;background: #fbf002;top: 50%;border-radius: .5rem;transform: translateY(-50%);}
/**/
#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: 30;position: absolute;width: 10%;bottom: 10%;left: 0;right: 0; opacity: 0;pointer-events: none;}
.up-arrow.dyna {animation: up_arrow 4.5s 3s forwards infinite;}
@keyframes up_arrow {0% {opacity: 0.2;left: 50%;transform: translateX(-50%);bottom: -3%;}
	50% {opacity: 1;left: 50%;transform: translateX(-50%);bottom: 7%;}
	53%, 100% {opacity: 0;}
}
.breathe{animation: breathe_ani 1s linear infinite both;}
@keyframes breathe_ani{
	0%, 100%{transform: scale(1);}
	50%{transform: scale(1.15);}
}
/**/
.page-start {background: url(//x0.ifengimg.com/ucms/special/images/948601F86D342C744EEFC2A64F272013.jpg) no-repeat center / cover;}
.start-logo{position: absolute;right: 12vmin;top: 4vmin; width: 34.5vmin;height: 9.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/F2321DC7EEE2FC20001F1E29E9D6D3EA.png) no-repeat center/contain;}
.start-title-1{z-index: 3;position: absolute;width: 40.6vmin;height: 35.7vmin;top: 12vmin;left: 2vmin;background: url(//x0.ifengimg.com/ucms/special/images/D91FD04A5F7058EC451253311ADC8BC6.png) no-repeat center/contain;}
.start-title-2{z-index: 2;position: absolute;width: 84.8vmin;height: 41.1vmin;top: 25vmin;left: 10vmin;background: url(//x0.ifengimg.com/ucms/special/images/5BC791AEE7D48F7133AD2DD3E9EAB76C.png) no-repeat center/contain;}
.start-arrow{position: absolute;width: 12.4vmin;height: 16.2vmin;top: 54vmin;left: 4vmin;transform-origin: 100% 0;background: url(//x0.ifengimg.com/ucms/special/images/6E1C07C0AED598D61DD6DF54565BFD40.png) no-repeat center/contain;transform: rotate(60deg);transition: .8s .4s;opacity: 0;}
.start-arrow.tri{opacity: 1;transform: initial;}
.start-text{position: absolute;width: 57vmin;height: 17.4vmin;top: 62vmin;left: 24vmin;background: url(//x0.ifengimg.com/ucms/special/images/487547D6B3F7F23E1182A0C1E981A0F7.png) no-repeat center/contain;}
.start-button{position: absolute;width: 46.5vmin;height: 12.7vmin;bottom: 13vmin;left: 27vmin;background: url(//x0.ifengimg.com/ucms/special/images/7218D4BCEAE27F6B86C7393DF5C9455B.png) no-repeat center/contain;}
/*  */
.page-info{background: url(//x0.ifengimg.com/ucms/special/images/25CF4D66D9574DCB748889BB690D239D.jpg) no-repeat center / cover;}
.page-info div{position: absolute;}
.page-info-1{width: 37.9vmin;height: 12.3vmin;top: 29vmin;left: 45vmin;background: url(//x0.ifengimg.com/ucms/special/images/23938042694FDFD394CCD9F793408292.png) no-repeat center/contain;}
.page-info-2{width: 37.9vmin;height: 12.6vmin;top: 47vmin;left: 16vmin;background: url(//x0.ifengimg.com/ucms/special/images/DA28EA5D6E830EA8E9266212C1A456B7.png) no-repeat center/contain;}
.page-info-3{width: 37.9vmin;height: 12.3vmin;top: 57vmin;left: 55vmin;background: url(//x0.ifengimg.com/ucms/special/images/7E8E960430F302A9A4CECC05734D568B.png) no-repeat center/contain;}
.page-info-4{width: 35.5vmin;height: 12.2vmin;top: 70vmin;left: 8vmin;background: url(//x0.ifengimg.com/ucms/special/images/8CDFE4B54DD26E318703063E515CC4F3.png) no-repeat center/contain;}
.page-info-5{width: 39.3vmin;height: 11.7vmin;top: 74vmin;left: 51vmin;background: url(//x0.ifengimg.com/ucms/special/images/FAE02B8F6CCDAA7D37B5D141E56DFC98.png) no-repeat center/contain;}
.page-info-6{width: 31.8vmin;height: 10.7vmin;top: 89vmin;left: 33vmin;background: url(//x0.ifengimg.com/ucms/special/images/728074C952468DD6C7C6A9D3F7333355.png) no-repeat center/contain;}
.page-info-like-1{width: 4.6vmin;height: 8.5vmin;top: 32vmin;left: 18vmin;background: url(//x0.ifengimg.com/ucms/special/images/3D23FBD4A7F474B75DDC914310175E1D.png) no-repeat center/contain;}
.page-info-like-2{width: 7.6vmin;height: 8.5vmin;top: 90vmin;left: 79vmin;background: url(//x0.ifengimg.com/ucms/special/images/3D23FBD4A7F474B75DDC914310175E1D.png) no-repeat center/contain;}
.page-info-star-1{width: 3vmin;height: 2.9vmin;top: 23vmin;left: 36vmin;background: url(//x0.ifengimg.com/ucms/special/images/E4F24A6BDDFE2B8331021F568F632B6D.png) no-repeat center/contain;}
.page-info-star-2{width: 3vmin;height: 2.9vmin;top: 62vmin;left: 44vmin;background: url(//x0.ifengimg.com/ucms/special/images/E4F24A6BDDFE2B8331021F568F632B6D.png) no-repeat center/contain;}
.page-info-star-3{width: 3vmin;height: 2.9vmin;top: 84vmin;left: 92vmin;background: url(//x0.ifengimg.com/ucms/special/images/E4F24A6BDDFE2B8331021F568F632B6D.png) no-repeat center/contain;}
.page-info-lamb-1{z-index: 5;width: 70.2vmin;height: 49.4vmin;bottom: 37vmin;left: 25vmin;background: url(//x0.ifengimg.com/ucms/special/images/80DC3972C08A7B19CA268FDB86B00F29.png) no-repeat center/contain;}
.page-info-button-1{width: 58.1vmin;height: 12.7vmin;bottom: 23vmin;left: 23vmin;background: url(//x0.ifengimg.com/ucms/special/images/CB11B1D4AB8DFF6645477EFA27A6D2F7.png) no-repeat center/contain;}
/*  */
.page-info-pad{width: 84.4vmin;height: 104vmin;top: 20vmin;left: 10vmin;background: url(https://x0.ifengimg.com/ucms/2024_43/0DA525016C0FF330A696360C444552F43CBD9827_size50_w699_h861.png) no-repeat center/contain;}
.page-info-button-2{width: 58.1vmin;height: 12.7vmin;bottom: 23vmin;left: 23vmin;background: url(//x0.ifengimg.com/ucms/special/images/0BA38C3CA7469707E84A1A3558672D11.png) no-repeat center/contain;}
/*  */
.page-info-phase3{transition: opacity 1s;}
.page-info-sun-1{width: 18.2vmin;height: 18.8vmin;top: 31vmin;left: 14vmin;background: url(//x0.ifengimg.com/ucms/special/images/013CB7EA5986068C299A85A0E840688A.png) no-repeat center/contain;}
.page-info-sun-2{width: 17.2vmin;height: 18.8vmin;top: 25vmin;left: 68vmin;background: url(//x0.ifengimg.com/ucms/special/images/013CB7EA5986068C299A85A0E840688A.png) no-repeat center/contain;}
.page-info-sun-3{width: 11.2vmin;height: 11.8vmin;top: 51vmin;left: 51vmin;background: url(//x0.ifengimg.com/ucms/special/images/013CB7EA5986068C299A85A0E840688A.png) no-repeat center/contain;}
.page-info-sun-4{width: 13.2vmin;height: 14.8vmin;top: 73vmin;left: 21vmin;background: url(//x0.ifengimg.com/ucms/special/images/013CB7EA5986068C299A85A0E840688A.png) no-repeat center/contain;}
.page-info-sun-5{width: 16.2vmin;height: 16.8vmin;top: 76vmin;left: 70vmin;background: url(//x0.ifengimg.com/ucms/special/images/013CB7EA5986068C299A85A0E840688A.png) no-repeat center/contain;}
.page-info-phase3-tip{width: 100vmin;height: 12.1vmin;left: 0;bottom: 18vmin;background: url(//x0.ifengimg.com/ucms/special/images/7E4DEC526DD1630F42D1862956FBECDB.png) no-repeat center/contain;}
.page-info-phase3>div{transition: 1s;}
.page-info-phase3>div.tri{top: 115vmin;left: 39vmin;opacity: 0;}
.page-info-lamb-2{z-index: 5;width: 70.3vmin;height: 52.2vmin;bottom: 37vmin;left: 24vmin;background: url(//x0.ifengimg.com/ucms/special/images/537EDADF1F2A08CE724614036C16DE90.png) no-repeat center/contain;}
.page-info-lamb-3{z-index: 5;width: 75.3vmin;height: 58.2vmin;bottom: 35vmin;left: 23vmin;background: url(//x0.ifengimg.com/ucms/special/images/537EDADF1F2A08CE724614036C16DE90.png) no-repeat center/contain;}
.page-info-mask {z-index: 10; top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, .8);transition: .4s opacity;}
.page-info-end{width: 65.2vmin;height: 66.9vmin;top: 34vmin;left: 22vmin;background: url(//x0.ifengimg.com/ucms/special/images/A6319DAD38B708048435FFC7A147D62F.png) no-repeat center/contain;}
.page-info-end-button{width: 44.4vmin;height: 11.7vmin;bottom: 60vmin;background: url(//x0.ifengimg.com/ucms/special/images/D65B3236F5C7F8A0735B64A227BAE260.png) no-repeat center/contain;}
/**/
.page-intro{background: url(//x0.ifengimg.com/ucms/special/images/25CF4D66D9574DCB748889BB690D239D.jpg) no-repeat center / cover;}
.page-intro-goat-1{position: absolute;width: 76.7vmin;height: 56.8vmin;bottom: 33vmin;left: 13vmin;background: url(//x0.ifengimg.com/ucms/special/images/B5E18A5D1F04937B63E1641CCE0C17C7.png) no-repeat center/contain;}
.page-intro-goat-2{position: absolute;width: 83.1vmin;height: 60.4vmin;bottom: 34vmin;left: 7vmin;background: url(//x0.ifengimg.com/ucms/special/images/32FE7EA77610DBFAF66705F24BDF3BD0.png) no-repeat center/contain;}
.page-intro-button-1{width: 58.1vmin;height: 12.7vmin;bottom: 25vmin;background: url(//x0.ifengimg.com/ucms/special/images/36FAB812E2E54BDD96CC4250CC5F9DEF.png) no-repeat center/contain;}
.page-intro-scan-frame{width: 82.9vmin;height: 145.3vmin;top: calc(50% - 40vh);background: url(//x0.ifengimg.com/ucms/special/images/646BA40F8CFB2B4ACFD242FBB508D773.png) no-repeat center/contain;}
.scan-title{width: 65vmin;height: 1.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/8B06ACA00AE336FEC60A586CCCB84AF3.png) no-repeat center/contain;margin: 8% auto 6%;}
.scan-title h3{text-align: center; font-size: 3.8vmin;line-height: 0.6;color: #70f2ff;}
.scan-pad{position: relative;width: 74.5vmin;height: 61.4vmin;margin: 0 auto; background: url(//x0.ifengimg.com/ucms/special/images/243141DA5521DB8AAF04560BB24A1280.png) no-repeat center/contain;}
.scan-line{width: 65.5vmin;height: 1.7vmin;top: 0;background: url(//x0.ifengimg.com/ucms/special/images/54B508382E98F200AFA4EB10EDA87492.png) no-repeat center/contain;}
.scan-line.tri{animation: scan_ani 2.5s 1s linear forwards;}
@keyframes scan_ani{
	0%{top: 0;}
	40%{top: 95%;}
	80%{top: 0;}
	100%{opacity: 0;}
}
.scan-fin-button{width: 28vmin;height: 7.7vmin;margin: 5% auto 0;background: url(//x0.ifengimg.com/ucms/special/images/EC703A42CF105C0184915F7DD3323738.png) no-repeat center/contain;}
.scan-info-item{width: 70%;color: white;font-size: 3.8vmin;border-bottom: dotted white thin; text-indent: 3vmin; padding: 0 10% 0 0;margin: 4% auto;background: url(//x0.ifengimg.com/ucms/special/images/67461B80154892D10460A8CDCD5924B4.png) no-repeat right/contain;}
.scan-info-item p{line-height: 1.8;}
.page-intro-phase2 div{position: absolute;transition: 1s;}
.page-intro-phase2 div.move{top: 112vmin;left: 40vmin;opacity: 0;}
.page-intro-bailixiang{width: 20.8vmin;height: 25.8vmin;top: 50vmin;left: 16vmin;background: url(//x0.ifengimg.com/ucms/special/images/D8E8E5C24F00DBE14AD48130DD82D4EF.png) no-repeat center/contain;}
.page-intro-shacong{width: 21.9vmin;height: 27.2vmin;top: 27vmin;left: 51vmin;background: url(//x0.ifengimg.com/ucms/special/images/4BFCC8B7F90D5F18996C495D1E2B5EA5.png) no-repeat center/contain;}
.page-intro-xiangai{width: 23.1vmin;height: 28.7vmin;top: 60vmin;left: 70vmin;background: url(//x0.ifengimg.com/ucms/special/images/CAF88A11A7C1B4E555F5649406779CA4.png) no-repeat center/contain;}
.page-intro-phase2-tip{position: absolute;width: 100vmin;height: 12.1vmin;left: 0;bottom: 24vmin;background: url(//x0.ifengimg.com/ucms/special/images/23B6A401A90FEE8AB2464FFD4718437C.png) no-repeat center/contain;}
.floating {animation: floating 2.4s linear alternate both infinite;}
@keyframes floating {
    from {transform: translateY(0);}
    to {transform: translateY(-40%);}
}
.page-intro-phase3-text{position: absolute;width: 70.2vmin;height: 18.5vmin;top: 51vmin;left: 16vmin;background: url(//x0.ifengimg.com/ucms/special/images/D52FB52068C7BA25687D056B5A3E67EE.png) no-repeat center/contain;}
.page-intro-phase3-button{position: absolute;width: 58.1vmin;height: 12.7vmin;bottom: 25vmin;left: 21vmin;background: url(//x0.ifengimg.com/ucms/special/images/86CDF053133DCA27007A1BE48CC54D83.png) no-repeat center/contain;}
.page-intro-mask .plan{position: absolute;transition: opacity .6s;top: 17vmin;left: 5vmin;}
.page-intro-plan-1{width: 89.3vmin;height: 141.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/5197C9207FC082BC7A684B4338DC9BFC.png) no-repeat center/contain;}
.page-intro-plan-2{width: 89vmin;height: 142vmin;background: url(//x0.ifengimg.com/ucms/special/images/3138CC7085BE9D51DC459CFCFBF35A9C.png) no-repeat center/contain;}
.pi1-dot-1{position: absolute;bottom: -5.5%;left: 55%;width: 2vmin;height: 2vmin;border-radius: 50%;background: #4f9f09;}
.pi1-dot-2{position: absolute;bottom: -5.6%;left: 44%;width: 2vmin;height: 2vmin;border-radius: 50%;background: #ffffff;}
.pi2-dot-1{position: absolute;bottom: -5%;left: 55%;width: 2vmin;height: 2vmin;border-radius: 50%;background: #ffffff;}
.pi2-dot-2{position: absolute;bottom: -5%;left: 44%;width: 2vmin;height: 2vmin;border-radius: 50%;background: #4f9f09;}
.page-intro-close{bottom: 15vmin;width: 10vmin;height: 10vmin;background: url(//x0.ifengimg.com/ucms/special/images/80358B33D4B8CB65F05DAD2C7DCAE20A.png) no-repeat center/contain;transition: .6s opacity;}
/*  */
.page-end{background: url(//x0.ifengimg.com/ucms/special/images/25CF4D66D9574DCB748889BB690D239D.jpg) no-repeat center / cover;}
.page-end-goat{position: absolute;width: 83.1vmin;height: 60.4vmin;bottom: 34vmin;left: 7vmin;background: url(//x0.ifengimg.com/ucms/special/images/32FE7EA77610DBFAF66705F24BDF3BD0.png) no-repeat center/contain;}
.page-end-tip-1{position: absolute;width: 14.9vmin;height: 39.1vmin;top: -37%;left: 20%;background: url(//x0.ifengimg.com/ucms/special/images/5EDEF8E285346CD590B62A9EF98F733D.png) no-repeat center/contain;transition: 1.5s .6s;clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.page-end-tip-2{position: absolute;width: 14.5vmin;height: 38.8vmin;top: -28%;left: 56%;background: url(//x0.ifengimg.com/ucms/special/images/4DF966906F820F90883901A59850BD78.png) no-repeat center/contain;transition: 1.5s .9s;clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.page-end-tip-1.clip, .page-end-tip-2.clip{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.page-end-question{position: absolute;width: 100vmin;height: 12.1vmin;top: 30vmin;left: 0;background: url(//x0.ifengimg.com/ucms/special/images/05117B744CE2CAD54B5C27B517CAC18C.png) no-repeat center/contain;}
.page-end-intro-1{width: 84.9vmin;height: 58.9vmin;top: 49vmin;background: url(//x0.ifengimg.com/ucms/special/images/70AC0B36750BF82AC67FF659CA7E5143.png) no-repeat center/contain;}
.page-end-intro-2{width: 84.9vmin;height: 99.2vmin;top: 30vmin;background: url(//x0.ifengimg.com/ucms/special/images/C68B0660550420ECAD77CDCD9CF3A32D.png) no-repeat center/contain;}
.p-end-close{bottom: 25vmin;width: 10vmin;height: 10vmin;background: url(//x0.ifengimg.com/ucms/special/images/80358B33D4B8CB65F05DAD2C7DCAE20A.png) no-repeat center/contain;}
.p-end-button{bottom: 25vmin;width: 58.1vmin;height: 12.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/8B1A9634FC87B81B4D27F406E51A042E.png) no-repeat center/contain;}

/*  */
.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: 5;position: absolute;top: -200%;overflow: hidden;}
.share-bg {width: 100vw;height: 100vh;}
/**/
.mask {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, .7);}
.poster-QR{position: absolute; bottom: 8%;left: 2%; width: 94.9vmin;}
.poster-pad{width: 100vw;height: 100vh;}
.poster-touch-tip{position: absolute;bottom: 0;left: 0;width: 100vw;}
.poster-image{z-index: 10; position: absolute;width: 100vw;height: 100vh;top: 0;left: 0;opacity: 0;}
/* 小屏幕 */
@media only screen and (max-height: 655px) and (max-width: 390px) {}
/* iPhone 7P/8P */
@media only screen and (min-width: 410px) and (max-height: 700px) {}
/* 长屏幕 */
@media only screen and (min-height: 760px) {}