@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);}
}
/**/
.loading {z-index: 10;position: fixed;width: 100%;max-width: 500px;height: 100vh;background: url(//x0.ifengimg.com/ucms/special/images/8429B2D17240C59E935944C256E340F4.png) no-repeat center/cover;visibility: hidden;}
.load-set{position: relative;top: 47%;transform: translateY(-50%);}
.load-icon{width: 44%;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: 75vw;height: 0.6rem;border: thin solid #026dff;border-radius: .7rem;overflow: hidden;margin: 4% auto 2%;}
.progress {position: absolute;height: 10px;background: #026dff;top: 50%;border-radius: .5rem;transform: translateY(-50%);}
.loading h3 {width: 100%;text-align: center;font-size: 16px;color: #026dff;margin: 2% 0 4%;}
.load-button{width: 24vmin;height: 6.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/CC50C4D50BE9297F4C637AECAF4DCEDB.png) no-repeat center/contain;margin: 2% auto 0;opacity: 0;transition: .3s;transform: scale(0);}
.load-button.tri{opacity: 1;transform: scale(1);}
/**/
#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;margin: 0 auto;opacity: 0;pointer-events: none;}
.up-arrow.dyna {animation: up_arrow 4.5s 3s forwards infinite;}
@keyframes up_arrow {0% {opacity: 0.2;bottom: -3%;}
	50% {opacity: 1;bottom: 7%;}
	53%, 100% {opacity: 0;}
}
.ohide{opacity: 0;}
.p1-start{width: 40%; position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 15%;}
.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/DE8EB000921F0EB05B9BD605E1B9D9B8.png) no-repeat center;background-size: cover;}
.main-frame{width: fit-content;margin: 10% auto;}
.main-logo{width: 57.6vmin;height: 4.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/F80124EB7BF33C2A0DE8E25B904136EF.png) no-repeat center/contain;margin: 0 auto 6%;}
.main-title{width: 73.6vmin;height: 38.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/57C909E8A459F0B49222791C074F91B2.png) no-repeat center/contain;margin: 0 auto;}
.main-subtitle{width: 64.9vmin;height: 15vmin;background: url(//x0.ifengimg.com/ucms/special/images/73D7D82E3C12E4D06714387AC72FDA66.png) no-repeat center/contain;margin: 0 auto;}
/*  */
.page1{background: url(//x0.ifengimg.com/ucms/special/images/756653AFC8415802F97F115AC401A50D.png) no-repeat center/cover;}
.p1-frame{position: relative;width: fit-content;margin: 10vh auto 0;}
.p1-title{width: 77.4vmin;height: 12.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/55DDE36B0F9DF8DCCCB99E59468F5889.png) no-repeat center/contain;margin: 0 auto 3%;}
.p1-text{width: 34.5vmin;height: 17.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/080B41692F83030D930E5852458F93C0.png) no-repeat center/contain;margin: 0 auto 7%;}
.p1-detail{width: 81.9vmin;height: 99.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/B1D28E824968927E4734BCD14E708872.png) no-repeat center/contain;margin: 0 auto;}
/*  */
.page2{background: url(//x0.ifengimg.com/ucms/special/images/824ECE6EA763795C6F4A1747F4161EF8.png) no-repeat center/cover;}
.history-frame{position: relative;top: 42%;width: fit-content;margin: 0 0 0 10%; transform: translateY(-50%);}
.history-content-frame{position: relative;}
.history-title{width: 65.1vmin;height: 19.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/6198EB37D6B50E0BC8D399BD5C3CD1B0.png) no-repeat center/contain;margin: 0 0 3% -6%;}
.history-content-1{z-index: 1;width: 80.7vmin;height: 13.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/42F3FD30985810606DEAF3F9E37152B0.png) no-repeat center/contain;margin: 0 0 3.4% 0;}
.history-content-2{z-index: 1;width: 80.7vmin;height: 9.3vmin;background: url(//x0.ifengimg.com/ucms/special/images/D66491A4D3F8AA5B29F171EC2F56DAA2.png) no-repeat center/contain;margin: 0 0 3.4% 0;}
.history-content-3{z-index: 1;width: 80.7vmin;height: 9.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/21445569EC4CE6DB1E7C0381472355C4.png) no-repeat center/contain;margin: 0 0 3.4% 0;}
.history-content-4{z-index: 1;width: 80.3vmin;height: 9.4vmin;background: url(//x0.ifengimg.com/ucms/special/images/5A547FBF9C950340AAB4B5CC9D64C6F1.png) no-repeat center/contain;margin: 0 0 3.4% 0;}
.history-content-5{z-index: 1;width: 80.4vmin;height: 13.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/F992B673D9CFE86D4F6287031CDF986A.png) no-repeat center/contain;margin: 0 0 3.4% 0;}
.history-content-6{z-index: 1;width: 80.6vmin;height: 18.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/BCE6C43D0769549F32F194320208795D.png) no-repeat center/contain;margin: 0 0 3.4% 0;}
.history-line{position: absolute;top: 1%;left: 2.7%;width: 1.4vmin;height: 86.4vmin;background: url(//x0.ifengimg.com/ucms/special/images/FC99DDED26BCB05F80627ADE9AFBC55B.png) no-repeat center/contain;}
/*  */
.page3{background: url(//x0.ifengimg.com/ucms/special/images/433CA0EC29B79C2438BCEF0411072401.png) no-repeat center/cover;}
.p3-title{position: absolute;top: 3.4%;left: 4%;width: 50.2vmin;height: 18.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/398C010214E53E2407C36BA8A5F15A08.png) no-repeat center/contain;}
.paper3-frame{position: absolute;width: 99.5vmin;height: 83vh;background: url(//x0.ifengimg.com/ucms/special/images/8D4E68B093E1DAD1D98B0D185EA723BE.png) no-repeat center/100% 100%;bottom: 3%;right: 0;}
.p3-c1{width: 87%;margin: 7vh auto 3vh 5%;}
.p3-c2{width: 82%;margin: 0 auto 3vh 8%;}
.p3-c3{width: 85%;margin: 0 auto 3vh 8%;}
.p3-c4{width: 54%;margin: 0 auto;transform-origin: bottom;}
/*  */
.page4{background: url(//x0.ifengimg.com/ucms/special/images/433CA0EC29B79C2438BCEF0411072401.png) no-repeat center/cover;}
.paper4-frame{width: 99.5vmin;height: 90vh;position: absolute;top: 50%;overflow: hidden;transform: translateY(-50%);background: url(//x0.ifengimg.com/ucms/special/images/E6CAA967BEC0F8EFE772B53A68A265B4.png) no-repeat center/100% 100%;}
.p4-c1{width: 77%;margin: 7vh auto 3vh 9%;}
.p4-c2{width: 42%;margin: 0 auto 1.5vh 9%;}
.p4-c3{width: 52%;margin: 0 auto 1.5vh 8.7%;}
.p4-c4{width: 56%;margin: 0 auto 3vh 8.8%;}
.swi-frame{position: relative;width: fit-content;height: fit-content;margin: 0 auto;}
.p4-swi{position: relative;width: 79.7vmin;height: 52.2vmin;}
.p4-swi-frame::after{content: '';position: absolute;width: 100%;height: 100%;top: 5%;left: 4%;background: rgba(255, 246, 204, .5);}
.p-swi img{width: 100%;height: 100%;object-fit: cover;}
.slide-tip{z-index: 1;position: absolute;width: 17.3vmin;height: 11.1vmin;bottom: -10%;right: 6%;transform: opacity .5s;}
.slide-tip img{animation: movex 3s forwards infinite;}
@keyframes movex{
	from{transform: initial;}
	to{transform: translateX(-200%);}
}
.p4-swi-frame::before{content: '';position: absolute;width: 132%;height: 70%;top: 80%;left: 0;background-image: linear-gradient(to bottom, rgb(189 184 171 / 50%), rgba(252, 252, 251, .5));clip-path: polygon(0 0, 64% 0, 100% 100%, 40% 100%);}
.paper-line{width: 80%;height: 1px;margin: 2% auto;background: #ffe79d;}
/*  */
.page5{background: url(//x0.ifengimg.com/ucms/special/images/433CA0EC29B79C2438BCEF0411072401.png) no-repeat center/cover;}
.paper5-frame{width: 99.5vmin;height: 87vh;position: absolute;top: 50%;overflow: hidden;transform: translateY(-50%);background: url(//x0.ifengimg.com/ucms/special/images/E6CAA967BEC0F8EFE772B53A68A265B4.png) no-repeat center/100% 100%;}
.p5-c1{width: 77%;margin: 7vh auto 3vh 9%;}
.p5-c2{width: 34%;margin: 0 auto 1.5vh 9%;}
.p5-c3{width: 72%;margin: 0 auto 1.5vh 9%;}
.p5-c4{width: 74%;margin: 0 auto 1.5vh 9%;}
.p5-swi{position: relative;width: 79.7vmin;height: 45.5vmin;}
.p5-swi-frame::before{content: '';position: absolute;width: 132%;height: 70%;top: 80%;left: 0;background-image: linear-gradient(to bottom, rgb(189 184 171 / 50%), rgba(252, 252, 251, .5));clip-path: polygon(0 0, 64% 0, 100% 100%, 40% 100%);}
/*  */
.page6{background: url(//x0.ifengimg.com/ucms/special/images/433CA0EC29B79C2438BCEF0411072401.png) no-repeat center/cover;}
.paper6-frame{width: 99.5vmin;height: 83vh;position: absolute;top: 50%;overflow: hidden;transform: translateY(-50%);background: url(//x0.ifengimg.com/ucms/special/images/E6CAA967BEC0F8EFE772B53A68A265B4.png) no-repeat center/100% 100%;}
.p6-c1{width: 77%;margin: 7vh auto 3vh 9%;}
.p6-c2{width: 78%;margin: 0 auto 3vh 9%;}
.p6-c3{width: 65%;margin: 0 auto 3vh 9%;}
.p6-c4{width: 74%;margin: 0 auto 3vh 9%;}
.p6-swi{position: relative;width: 79.7vmin;height: 45.5vmin;}
.p6-swi-frame::before{content: '';position: absolute;width: 132%;height: 70%;top: 80%;left: 0;background-image: linear-gradient(to bottom, rgb(189 184 171 / 50%), rgba(252, 252, 251, .5));clip-path: polygon(0 0, 64% 0, 100% 100%, 40% 100%);}
/*  */
.page7{background: url(//x0.ifengimg.com/ucms/special/images/433CA0EC29B79C2438BCEF0411072401.png) no-repeat center/cover;}
.paper7-frame{width: 99.5vmin;height: 90vh;position: absolute;top: 50%;overflow: hidden;transform: translateY(-50%);background: url(//x0.ifengimg.com/ucms/special/images/E6CAA967BEC0F8EFE772B53A68A265B4.png) no-repeat center/100% 100%;}
.p7-c1{width: 77%;margin: 7vh auto 3vh 9%;}
.p7-c2{width: 40%;margin: 0 auto 3vh 9%;}
.p7-c3{width: 82%;margin: 0 auto 3vh 9%;}
.p7-c4{width: 66%;margin: 0 auto 3vh 9%;}
.p7-c5{width: 61%;margin: 0 auto 6vh 9%;}
.p7-swi{position: relative;width: 79.7vmin;height: 45.5vmin;}
.p7-swi-frame::before{content: '';position: absolute;width: 132%;height: 70%;top: 80%;left: 0;background-image: linear-gradient(to bottom, rgb(189 184 171 / 50%), rgba(252, 252, 251, .5));clip-path: polygon(0 0, 64% 0, 100% 100%, 40% 100%);}
/*  */
.page8{background: url(//x0.ifengimg.com/ucms/special/images/FC0AFAA366DE239DCEFBE09B706DA226.png) no-repeat center/cover;}
.p8-frame{position: relative;top: 26%;width: fit-content;transform: translateY(-50%);margin: 0 auto 0 10%;}
.p8-c1{width: 75%;margin: 0 auto 7% 0;}
.p8-c2{width: 74%;margin: 0 auto 5% 0;}
.p8-c3{width: 51%;margin: 0 auto 5% 0;}
.p8-c4{width: 71%;margin: 0 auto 5% 0;}
/*  */
.page-end{background: url(//x0.ifengimg.com/ucms/special/images/24E09B7DAD5445C87F08EC8800206C7C.png) no-repeat center/cover;}
.end-frame{position: relative;width: fit-content;margin: 0 auto;top: 25%;transform: translateY(-50%);}
.end-c1{width: 40.7vmin;margin: 0 auto 8%;}
.end-c2{width: 40.7vmin;margin: 0 auto 8%;}
.end-c3{width: 63.8vmin;margin: 0 auto 14%;}
.end-c4{width: 44.6vmin;margin: 0 auto 3%;}
/**/
.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);}
/* 小屏幕 */
@media only screen and (max-height: 770px){
	.paper5-frame{height: 96vh;}
	.paper6-frame{height: 90vh;}
}
@media only screen and (max-height: 665px){
	.paper4-frame,.paper5-frame,.paper6-frame,.paper7-frame{height: 100vh;}
	.p3-c4{display: none;}
	.p5-c1{margin: 4vh auto 3vh 9%;}
}