@charset "utf-8";
@font-@font-face {
	font-family: digital;
	src: url(//x0.ifengimg.com/ucms/2023/1012/7714d2f8447c7172fb612f335eb981a9.TTF);
}
/**/
html{height: auto;}
body {height: auto; font-size: 14px;line-height: 1.4;-webkit-overflow-scrolling: touch;}
a {text-decoration: none;color: currentcolor;}
p {line-height: 1.4;}
.max-width {position: relative; max-width: 980px;margin: 0 auto;height: auto;overflow: hidden;display: none;}
.fn-audio {z-index: 100;position: fixed;right: 2%;bottom: 1%;transform: rotate(90deg);}
.fn-audio span {display: inline-block;width: 3rem;height: 3rem;}
.fn-audio .audio-play {animation: animation-rotate-un 2s linear infinite normal forwards;-ms-animation: animation-rotate-un 2s linear infinite normal forwards;-moz-animation: animation-rotate-un 2s linear infinite normal forwards;-webkit-animation: animation-rotate-un 2s linear infinite normal forwards;-o-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);}
}
.slide-in-bck-center {-webkit-animation: slide-in-bck-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-bck-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes slide-in-bck-center {0% {-webkit-transform: translateZ(600px);transform: translateZ(600px);opacity: 0;}
	100% {-webkit-transform: translateZ(0);transform: translateZ(0);opacity: 1;}
}
.tilt-in-fwd-bl {-webkit-animation: tilt-in-fwd-bl 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: tilt-in-fwd-bl 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes tilt-in-fwd-bl {0% {-webkit-transform: rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg);transform: rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg);opacity: 0;}
	100% {-webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);opacity: 1;}
}
.view{perspective: 500px;transform-style: preserve-3d;}
/**/
.isPC {width: 100%;height: 100vh;display: none;background: #016BD9;justify-content: center;align-items: center;}
.isPC img {width: auto;}
.loading { display: flex; align-items: center; position: fixed;width: 100%;max-width: 500px;height: 100vh;background: url(//x0.ifengimg.com/ucms/special/images/9D71A2EDD5B2A982B90B47CB3032E648.png)  center/cover;  margin: 0 auto;visibility: hidden;}
.load-icon{width: 12%;margin: 0 0 0 10%;}
.float-ani{animation: float_ani 1.8s infinite linear both;}
@keyframes float_ani {0%, 100% {transform:translateX(0);}
	50% {transform:translateX(10%);}
}
.progress-bar-set{position: relative; width: 1.2%;height: 90vmin;background: #4c93ff;border-radius: 1rem;}
.progress-icon{position: absolute;width: 2.6vmin;height: 2.6vmin; top: 0;transform: translateX(-25%); background-image: linear-gradient(#76fafd, #a4fdfe);border-radius: 50%;transition: .3s;}
.loading .percentage{width: 20vmin; text-align: center;font-size: 16px;color: #fff;transform: rotate(90deg);margin: 0 -3%;}
.load-button{z-index: 1;position: relative; width: 8.6vmin;height: 28.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/67B0E4FFE71AC053B2E4DF229387B7BA.png);background-size: 100% 100%;margin: 0 0 0 18%;visibility: hidden;}
.load-button.active{visibility: visible;}
.anim{visibility: hidden;animation-play-state: paused;}
.anim.playing{visibility: visible;animation-play-state: running;}
/*  */
.start-scene{z-index: 6; width: 100%; position: fixed; display: flex; align-items: center; top:0;height: 100vh;background: url(//x0.ifengimg.com/ucms/2023_41/39C3F5C47D9E462D9C2C03A3D8CE471D7A499F61_size459_w828_h1548.png) center/cover;}
.start-logo{position: absolute; width: 8%;top: 3%; right: 3%;}
.start-title{position: relative;width: 19%;transform-origin: left;right: -4%;}
.start-subtitle{width: 14%;transform-origin: left;position: relative;right: -5%;}
.start-button{z-index: 1;position: relative; width: 13vw;height: 30vw;background: url(//x0.ifengimg.com/ucms/special/images/BBD9D568BEEEC347BB3FCE1D300E8F24.png);background-size: 100% 100%;margin: 0 34% 0 3%;}
.start-scene img[class *= start-icon-]{position: absolute;}
.start-tag{position: absolute; width: 5.3%;}
.start-tag-1{top: 35%;left: 49%;}
.start-tag-2{top: 46%;left: 49%;}
.start-tag-3{top: 57%;left: 49%;}
.start-icon-5{width: 9%;top: 48%;left: 32%;}
.start-icon-6{width: 16%;top: 46%;left: 30%;}
.start-icon-7{width: 17%;top: 45%;left: 29%;}
.start-icon-8{width: 12%;top: 47%;left: 31%;}
.start-icon-earth{width: 37%;top: 51.2%;left: 14.2%;transform: translateY(-50%) translateX(-80%) scale(.3);opacity: 0;transition: 1s;}
.start-icon-earth.tri{transform: translateY(-50%) translateX(0) scale(1);opacity: 1;}
/**/
.abs {position: absolute;}
.ab-mid{position: absolute;left: 0;right: 0;margin: 0 auto;}
.main {position: relative;height: auto;}
.main.lock{height: 100vh;overflow: hidden;}
.rel-mid {position: relative;top: 50%;transform: translateY(-50%);}
.disabled {pointer-events: none;}
/**/
.trigger-line{z-index: 1; width: 100%; position: fixed; height: 1px;background: lightblue;opacity: 0;}
.tween{animation-play-state: paused;visibility: hidden;}
.tween.playing{animation-play-state: running;visibility: visible;}
/**/
.planet-scene{z-index: 3; position: fixed;width: 100%;height: 100vh;pointer-events: none;}
.scene-earth{position: absolute; width: 21.4%;top: 50%;left: 24.6%;transform: translateY(-50%) translateX(-80%) scale(.3);opacity: 0;transition: 1s;}
.scene-earth.tri{transform: translateY(-50%) translateX(0) scale(1);opacity: 1;}
.scene-earth.tri.phase2{top: 49.4%;left: 39%;}
.s-e-floating{animation: s_e_floating 2s linear both infinite;}
@keyframes s_e_floating{
	0%, 50%, 100%{transform: translateX(0) translateY(-50%);}
	25%{transform: translateX(3%) translateY(-50%);}
	75%{transform: translateX(-3%) translateY(-50%);}
}
/*  */
@keyframes spin{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
@keyframes float_by{
	0%{transform: translateY(510%);}
	100%{transform: translateY(-220%);}
}
@keyframes move_up{
	0%{transform: translateX(-200%);}
	100%{transform: translateX(200%);}
}
@keyframes clip_down{
	0%{clip-path: polygon(0 0,100% 0, 100% 0, 0 0);}
	100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes clip_up{
	0%{clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);}
	100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
.breathe{animation: breathe_ani 1s linear infinite both;}
@keyframes breathe_ani{
	0%, 100%{transform: scale(1);}
	50%{transform: scale(1.15);}
}
.clip-down{animation-name: clip_down;animation-duration: 1s;animation-fill-mode: both;}
.clip-up{animation-name: clip_up;animation-duration: 1s;animation-fill-mode: both;}
/*  */
.sel-mid{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.sel-circle-set img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;animation-name: spin;animation-timing-function: linear;animation-iteration-count: infinite;}
.sel-center-circle-1{width: 54vw;animation-duration: 8s;animation-delay: 1s;}
.sel-center-circle-2{width: 53vw;animation-duration: 6s;animation-direction: reverse;}
.sel-center-circle-3{width: 48vw;animation-duration: 12s;}
.sel-item{position: absolute; width: 20vw;}
.sel-outter-circle{position: relative;width: 100%;animation-name: spin;animation-timing-function: linear;animation-iteration-count: infinite;animation-duration: 4s;}
.sel-item-icon{position: absolute;width: 18vw;height: 18vw;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background-size: 100% 100%;transition: .8s;}
.sel-serial-frame{position: absolute;width: 15vw;height: 37vw;background-size: 100% 100%;overflow: hidden;left:-27%;top:-25%;transform-origin: 0 40%;}
.sel-serial-text{width: 4vw;height: 13vw;position: absolute;background-size: 100% 100%;left: 19%;top: 21%;transition: .6s .3s;transform: translateX(-170%);}
.sel-serial-text.move{transform: translateX(0);}
.gen-poster{position: absolute; top: 50%; left: 5%;width: 12.8vw;height: 29.8vw;background: url(//x0.ifengimg.com/ucms/special/images/59FE01C1A8AF2A7F8D74DAC01875FAE8.png);background-size: 100% 100%;transform: translateY(-50%) scale(0) ;opacity: 0;pointer-events: none;transition: .8s 1s;}
.gen-poster.tri{transform: translateY(-50%) scale(1);opacity: 1;pointer-events: auto;}
/*  */
.shanjian-main{z-index: 5;position: relative;top: 0; overflow: hidden;opacity: 0;}
.shanjian-main>div{position: relative;width: 100%;}
.shanjian-main>div>div[class*=-s]{position: relative;}
.shanjian-main img[class *= time],.shanjian-main img[class *= text]{position: absolute;}
.shanjian-phase1-set{z-index: 5; height: 361vw;background: url(//x0.ifengimg.com/ucms/2023_41/2D31B0C356DFFF3AC62555510A3453C3C254DFDE_size444_w828_h2987.png) no-repeat;background-size: 100% 100%;overflow: hidden;}
/*  */
.p1-dyna-line-1{position: absolute;top: 14%;left: 73%;border-radius: .6rem;width: 3vw;height: 60vw;background-image: linear-gradient(rgba(255, 255, 255, .65) 0, rgba(255, 255, 255, .55) 40%, rgba(255, 255, 255, 0));animation: float_by 5s linear infinite both;}
.p1-dyna-line-2{position: absolute;top: 22%;left: 86%;border-radius: .6rem;width: 2.6vw;height: 54vw;background-image: linear-gradient(rgba(22, 239, 245, .65) 0, rgba(22, 229, 245, .55) 40%, rgba(22, 239, 245, 0));animation: float_by 4s 1s linear infinite both;}
.p1-s1{width: 45%;margin: 0 auto;padding-top: 20%;}
.p1-s1-pad{position: relative;animation: spin 4s linear infinite both;filter: brightness(3);}
.p1-s1-text{width: 22vw;top: 32%;left: 23%;}
.p1-s2{width: 41%;margin: 10% auto 0;}
.p1-s2-pad{transform-origin: left;}
.p1-s3{width: 32%;display: flex;flex-direction: row;justify-content: space-between;margin: 8% auto 8%;}
.p1-s3-pad{width: 12.5vw;}
.p1-s4{width: 85%;margin: 8% auto 0;}
.p1-s4-text{width: 33%;top: 18%;left: 35%;}
/*  */
.shanjian-phase2-set{margin-top: -61%;background-image: url(//x0.ifengimg.com/ucms/special/images/3AEF1D9322DD4F05C0569FE39D6C8734.png), url(//x0.ifengimg.com/ucms/special/images/A04F6DBDADFDCA268A173BEAE722CD99.png), url(//x0.ifengimg.com/ucms/special/images/CD3363D7BBE9F63486F9DBEC45A38571.png);background-position: top, bottom, top;background-repeat: no-repeat, no-repeat, repeat-y;background-size: 100% auto, 100% auto, 100% auto;}
.p2-dyna-line-1{position: absolute;bottom: -18%;left: 23%;border-radius: .6rem;width: 3vw;height: 60vw;background-image: linear-gradient(rgba(255, 215, 134, .75) 0, rgba(255, 215, 134, .55) 40%, rgba(255, 215, 134, 0));animation: float_by 5s linear infinite both;}
.p2-dyna-line-2{position: absolute;bottom: 4%;left: 83%;border-radius: .6rem;width: 3vw;height: 60vw;background-image: linear-gradient(rgba(244, 186, 138, .65) 0, rgba(244, 186, 138, .55) 40%, rgba(244, 186, 138, 0));animation: float_by 8s linear infinite both;}
.p2-dyna-line-3{position: absolute;bottom: 8%;left: 73%;border-radius: .6rem;width: 3vw;height: 60vw;background-image: linear-gradient(rgba(246, 140, 72, .65) 0, rgba(246, 140, 72, .55) 40%, rgba(246, 140, 72, 0));animation: float_by 4s linear infinite both;}
.p2-s1{width: 74%;margin: 0 auto;}
.p2-s1-text-1{width: 16.6vw;top: 26%;left: 54%;padding-top: 30vw;}
.p2-s1-text-2{width: 8.2vw;top: 25%;left: 30%;padding-top: 42vw;}
.p2-s2{width: 71%;margin: 0 auto;}
.p2-s2-time{width: 10vw;top: 0;padding-top: 55vw;left: 79%;}
.p2-s2-text{width: 21vw;top: 0;left: 30%;padding-top: 65vw;}
.p2-s3{margin-top: -9%;}
.p2-s3-pad{transform-origin: left;}
.p2-s3-screen{width: 46vw;position: absolute;top: 17%;left: 17%;padding-top: 17vw;}
.p2-s3-orna{width: 23vw;position: absolute;top: 18%;left: 15%;}
.p2-s3-text{width: 3.4vw;top: 0;left: 69%;padding-top: 54vw;}
.p2-s3-time{width: 10vw;padding-top: 60vw;top: 0;right: 11%;}
.p2-s4{width: 86%;margin: 0 auto;}
.p2-s4-text{width: 8.6vw;top: 0;left: 10%;padding-top: 57vw;}
.p2-s4-time{width: 10vw;left: 33%;top: 0;padding-top: 53vw;}
.p2-s5{width: 64%;margin: 14% auto;}
.p2-s5-text{width: 20vw;padding-top: 4vw;top: 0;left: 18%;}
.p2-s5-time{width: 10vw;top: 0;left: 61%;}
.p2-s6{width: 87%;margin: 14% auto;}
.p2-s6-text{width: 15vw;top: 3%;left: 42%;}
.p2-s6-time{width: 10vw;top: 0;left: 70%;}
.p2-s7{width: 65%;margin: 14% auto;}
.p2-s7-text{width: 20vw;padding-top: 71vw;top: 0;left: 30%;}
.p2-s7-time{width: 10vw;padding-top: 63vw;top: 0;left: 78%;}
.p2-s8{width: 71%;margin: 14% auto 0 10%;}
.p2-s8-text{width: 3.4vw;padding-top: 5vw;top: 0;left: 87%;}
.p2-s8-time{width: 10vw;top: 0;left: 100%;}
.p2-s9{width: 72%;margin: 14% auto 0 9%;}
.p2-s9-text{width: 14.6vw;padding-top: 5vw;top: 0;left: 10%;}
.p2-s9-time{width: 10vw;top: 0;left: 100%;}
.p2-s10{width: 44%;margin: 14% auto 0 21%;}
.p2-s10-text{width: 20vw;padding-top: 7vw;top: 0;left: 29%;}
.p2-s10-time{width: 10vw;top: 0;left: 100%;}
.p2-s11{width: 55%;margin: 14% auto;}
.p2-s11-text{width: 25.6vw;padding-top: 85vw;top: 0;left: 20%;}
.p2-s11-time{width: 10vw;top: 0;left: 81%;padding-top: 78vw;}
.p2-s12{width: 63%;margin: 14% auto 0 11%;}
.p2-s12-text{width: 20vw;padding-top: 63vw;top: 0;left: 13%;}
.p2-s12-time{width: 10vw;top: 0;left: 55%;padding-top: 56vw;}
.p2-s13{width: 74%;margin: 9% auto 0 8%;}
.p2-s13-text{width: 22.6vw;padding-top: 5vw;top: 0;left: 7%;}
.p2-s13-time{width: 10vw;left: 100%;top: 0;}
.p2-s14{width: 64%;margin: 14% auto;}
.p2-s14-text{width: 25.6vw;padding-top: 8vw;top: 0;left: 13%;}
.p2-s14-time{width: 10vw;left: 64%;top: 0;}
.p2-s15{width: 67%;margin: 14% auto 0 14%;}
.p2-s15-text{width: 9vw;padding-top: 5vw;top: 0;left: 10%;}
.p2-s15-time{width: 10vw;left: 100%;top: 0;}
.p2-s16{width: 89%;margin: 14% auto 70%;}
/*  */
.p2-form{z-index: 2;position: relative;width: 90%;margin: 0 auto;padding: 15vw 0 7vw;background: #8369ff;border: medium solid rgba(255,255,255,0.8);border-radius: 1.6rem;}
.p2-f-dialog{width: 40%;position: absolute;top: -28%;left: 56%;}
.p2-f-orna{position: absolute;width: 14%;top: -1%;right: 5%;transform-origin: left;padding-top: 45vw;}
.p2-f-set{position: relative;}
.p2-f-item{position: relative;display: flex;flex-direction: row;transition-duration: .4s;opacity: 0;}
.p2-f-item.tri{opacity: 1;}
.p2-f-i-1{margin: 0 auto 17% 0;}
.p2-f-i-1 .p2-f-amount{transform: rotate(90deg) translateY(120%) translateX(26%);}
.p2-f-i-1.tri{transition: .3s;}
.p2-f-i-1.tri .p2-f-pillar-middle{width: 4vw;transition-duration: .8s;}
.p2-f-i-2{margin: 0 auto 19% 0;}
.p2-f-i-2 .p2-f-amount{transform: rotate(90deg) translateY(120%) translateX(5%);}
.p2-f-i-2.tri{transition: .3s .15s;}
.p2-f-i-2.tri .p2-f-pillar-middle{width: 14vw;transition-duration: 1.6s;}
.p2-f-i-3{margin: 0 auto 20% 0;}
.p2-f-i-3 .p2-f-amount{transform: rotate(90deg) translateY(120%) translateX(10%);}
.p2-f-i-3.tri{transition: .3s .3s;}
.p2-f-i-3.tri .p2-f-pillar-middle{width: 23vw;transition-duration: 2.4s;}
.p2-f-i-4{margin: 18% auto 12% 0;}
.p2-f-i-4 .p2-f-amount{transform: rotate(90deg) translateY(147%) translateX(-6%);}
.p2-f-i-4.tri{transition: .3s .45s;}
.p2-f-i-4.tri .p2-f-pillar-middle{width: 35vw;transition-duration: 3.2s;}
.p2-f-i-5{margin: 18% auto 27% 0;}
.p2-f-i-5 .p2-f-amount{transform: rotate(90deg) translateY(120%) translateX(10%);}
.p2-f-i-5.tri{transition: .3s .6s;}
.p2-f-i-5.tri .p2-f-pillar-middle{width: 34vw;transition-duration: 2.5s;}
.p2-f-i-6{margin: 0 auto 0 0;}
.p2-f-i-6 .p2-f-amount{transform: rotate(90deg) translateY(120%) translateX(-10%);}
.p2-f-i-6.tri{transition: .3s .75s;}
.p2-f-i-6.tri .p2-f-pillar-middle{width: 44vw;transition-duration: 3s;}
.p2-f-amount{width: fit-content; min-width: 28vw; color: #fbff70;font-weight: bold; font-size: 4vmin;letter-spacing: 1.6px;white-space: nowrap;}
.p2-f-amount span{font-size: 3.6vmin;line-height: 1;}
.p2-f-amount span[class*=p2-f]{font-size: 5.4vmin;vertical-align: -2.4px;}
.p2-f-year{color: #ffffff;font-weight: bold; font-size: 3.8vmin; writing-mode: vertical-lr;margin: 0 3% 0 4%;}
.p2-f-line{width: auto; height: 94%; position: absolute;top: 2.8%; transform: rotate(-8deg); left: 20vmin;clip-path: polygon(0 0,100% 0, 100% 0, 0 0);transition: 2.4s linear;}
.p2-f-line.tri{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.p2-pillar-set{position: relative;display: flex;flex-direction: row;align-items: center;}
.p2-f-pillar-bottom{width: 8.4vw;height: 5.8vw;background: url(//x0.ifengimg.com/ucms/special/images/2FC9F53E87A33192EF38ECD1D43F2FE6.png) no-repeat;background-size: 100% 100%;}
.p2-f-pillar-middle{width: 0;height: 5.8vw;background-image:linear-gradient(#f2bd7f, #ffc772);transition-duration: 0.7s;margin-left: -1px;}
.p2-f-pillar-top{width: 2.8vw;height: 5.8vw;background: url(//x0.ifengimg.com/ucms/special/images/2D68EEFC6D698BA27FCF832298CF1CE6.png) no-repeat;background-size: 100% 100%;}
.p2-s-end{width: 30%;margin: 12% auto 0;padding-bottom: 19%;}
/*  */
.shanjian-phase3-set{background-image: url(//x0.ifengimg.com/ucms/2023_41/753682DC3AE5EBE4D47E006BEA3B1B879E5B5EDB_size632_w828_h6088.png);background-position: top;background-repeat: no-repeat, no-repeat;background-size: 100% auto;}
.shanjian-phase3-set img[class *= honor],.shanjian-phase3-set img[class *= text], .shanjian-phase3-set img[class *= time]{position: absolute;}
.p3-line{width: 34%;position: absolute;animation: move_up linear infinite both;animation-duration: 5s;}
.p3-l-1{top: -1%;left: 10%;}
.p3-l-2{top: 9%;left: 22%;animation-duration: 4s;}
.p3-l-3{top: 13%;left: 18%;animation-duration: 3s;}
.p3-l-4{top: 23%;left: 30%;}
.p3-l-5{top: 27%;left: 38%;animation-duration: 8s;}
.p3-l-6{top: 37%;left: 9%;animation-duration: 3.5s;}
.p3-l-7{top: 41%;left: 8%;}
.p3-l-8{top: 52%;left: 36%;animation-duration: 4.5s;}
.p3-l-9{top: 55%;left: 18%;}
.p3-l-10{top: 65%;left: 37%;animation-duration: 5.5s;}
/*  */
.p3-s1{width: 86%;transform-origin: left;margin: -18% auto 18%;}
.p3-s1-pad{transform-origin: 10% 50%;}
.p3-s1-honor{width: 31vw;top: 0;padding-top: 16vw;left: 21%;}
.p3-s1-text{width: 2.8vw;padding-top: 16vw;left: 65%;top: 0;}
.p3-s1-time{width: 8vw;top: 0;padding-top: 17vw;left: 83%;}
.p3-s2{width: 86%;transform-origin: left;margin: 0 auto 18%;}
.p3-s2-pad{transform-origin: 10% 50%;}
.p3-s2-honor{width: 30vw;top: 0;padding-top: 16vw;left: 28%;}
.p3-s2-text{width: 2.8vw;padding-top: 16vw;left: 72%;top: 0;}
.p3-s2-time{width: 8vw;top: 0;padding-top: 18vw;left: 83%;}
.p3-s3{width: 86%;transform-origin: left;margin: 0 auto 18%;}
.p3-s3-pad{transform-origin: 10% 50%;}
.p3-s3-honor{width: 32vw;top: 0;padding-top: 16vw;left: 40%;}
.p3-s3-text{width: 2.8vw;padding-top: 21vw;left: 30%;top: 0;}
.p3-s3-time{width: 8vw;top: 0;padding-top: 20vw;left: 83%;}
.p3-s4{width: 86%;transform-origin: left;margin: 0 auto 18%;}
.p3-s4-pad{transform-origin: 10% 50%;}
.p3-s4-honor{width: 44vw;top: 0;padding-top: 20vw;left: 25%;}
.p3-s4-text{width: 2.7vw;padding-top: 17vw;left: 84%;top: 0;}
.p3-s5{width: 86%;transform-origin: left;margin: 0 auto 18%;}
.p3-s5-pad{transform-origin: 10% 50%;}
.p3-s5-honor{width: 28vw;top: 0;padding-top: 16vw;left: 40%;}
.p3-s5-text{width: 8.3vw;padding-top: 17vw;left: 24%;top: 0;}
.p3-s5-time{width: 8vw;top: 0;padding-top: 20vw;left: 83%;}
.p3-s6{width: 16.6%;margin: 0 auto 0 48%;}
.p3-s6-text{width: 17vw;top: 8%;left: -115%;}
.p3-s-next{width: 29%;margin: 24% auto 0 30%;padding-bottom: 90vw;}
.p3-next-button{position: absolute;width: 11.1vw;height: 38.5vw;background: url(//x0.ifengimg.com/ucms/special/images/18FD42AB81E0991D5781D5ECD3D38455.png) no-repeat center/100% 100%;top: -6%;left: -61%;}
/*  */
.shanjian-phase4-set{background-image: url(//x0.ifengimg.com/ucms/2023_41/2F862ACF15B7D52057BA32EAC427B45E1A6096B4_size118_w828_h1649.png), url(//x0.ifengimg.com/ucms/2023_41/9A9EDEFC5D8575C813FAD66ADB80F9C5AA9792D9_size127_w828_h2192.png);background-position: top, 0 168vw;background-size: 100% auto, 100% auto;background-repeat: no-repeat, repeat-y;}
.p4-s1{display: flex;padding-top: 0;margin: -1px auto -42%;align-items: center;justify-content: center;transform: translateY(-40%);}
.p4-s1-pad-1{width: 32vw;margin: 0 6% 0 7%;}
.p4-s1-pad-2{width: 10vw;}
.p4-s2{display: flex;margin: 18% auto;align-items: center;justify-content: center;}
.p4-s2-pad-1{width: 28vw;}
.p4-s2-pad-2{width: 28vw;padding-top: 24vw;}
.p4-s2-pad-3{width: 28vw;padding-top: 48vw;}
.p4-s3{margin: 0 auto 18%;}
.p4-s3-button{position: absolute;width: 13vw;height: 35vw;top: 45.5%;left: 24%;background: url(//x0.ifengimg.com/ucms/special/images/9B518D5A7DE9AE81765DBADC6B940855.png);background-size: 100% 100%;}
.p4-s3-main{position: relative;margin: 0 auto;padding: 95vw 0 95vw;margin-top: -10%;}
.p4-s3-main-pad{width: 83vw;margin: 0 auto;}
.p4-s3-text-1{width: 31vw;top: 0;left: 50%;}
.p4-s3-text-2{width: 18vw;top: 7%;left: 15%;}
.p4-s3-text-3{width: 25vw;top: 62%;left: 60%;padding-top: 27vw;}
.p4-s3-text-4{width: 32vw;top: 62%;left: 18%;padding-top: 27vw;}
.p4-s3-line-1{position: absolute;width: 21vw;padding-top: 92vw;top: 0;left: 41%;}
.p4-s3-line-2{position: absolute;width: 4vw;padding-top: 60.2vw;top: 7%;left: 22%;}
.p4-s3-line-3{position: absolute;width: 21vw;top: 61.8%;left: 53%;}
.p4-s3-line-4{position: absolute;width: 4vw;top: 62.3%;left: 31%;}
.p4-s4{margin: 0 auto 18%;}
.p4-s4-main{position: relative;margin: 0 auto;padding: 95vw 0 95vw;}
.p4-s4-main-pad{width: 83vw;margin: 0 auto;}
.p4-s4-button{position: absolute;width: 13vw;height: 35vw;top: 44.4%;left: 22%;background: url(//x0.ifengimg.com/ucms/special/images/9B518D5A7DE9AE81765DBADC6B940855.png);background-size: 100% 100%;}
.p4-s4-text-1{width: 31vw;top: 0;left: 57%;}
.p4-s4-text-2{width: 25vw;top: 12.9%;left: 15%;}
.p4-s4-text-3{width: 20vw;top: 62%;left: 62%;padding-top: 27vw;}
.p4-s4-text-4{width: 33vw;top: 62%;left: 18%;padding-top: 27vw;}
.p4-s4-line-1{position: absolute;width: 21vw;padding-top: 92vw;top: 0;left: 53%;}
.p4-s4-line-2{position: absolute;width: 4vw;padding-top: 39vw;top: 13.2%;left: 25%;}
.p4-s4-line-3{position: absolute;width: 21vw;top: 61.8%;left: 53%;}
.p4-s4-line-4{position: absolute;width: 4vw;top: 62.3%;left: 31%;}
.p4-s5-a1{display: flex;padding-top: 10vw;margin: 0 auto;align-items: center;justify-content: center;}
.p4-s5-pad-1{position: relative;width: 16vw;margin-right: -3%;}
.p4-s5-pad-2{width: 75vw;}
.p4-s5-pad-3{width: 9.2vw;margin-top: -4%;}
.p4-s5-pad-4{width: 9.2vw;margin: -1% 7% 0;}
.p4-s5-pad-5{width: 19.5vw;margin-top: -9%;}
.p4-s5-a2{display: flex;margin: 0 auto 18%;align-items: flex-start;justify-content: center;flex-direction: row-reverse;}
.p4-s6{width: 81%;margin: -6% auto 2% 5%;}
.p4-s6-pillar-set{position: absolute;display: flex;flex-direction: row;align-items: center;top: 36%;left: 7%;transition: opacity .5s;opacity: 0;}
.p4-s6-pillar-set.tri{opacity: 1;}
.p4-s6-p-bottom{position: relative;width: 16.6vw;height: 35vw;background: url(//x0.ifengimg.com/ucms/2023_41/F579A31CFEF63663ED53C0254211B1697E558A7D_size14_w138_h291.png) no-repeat center/100% 100%;}
.p4-s6-p-mid{position: relative; transition: width 2s;width: 0vw;height: 35vw;background: url(//x0.ifengimg.com/ucms/2023_41/C065CAD43F1D3CDB10CB8F185CFE727F4167D1C0_size1_w106_h291.png) repeat-x left/100% 100%;}
.p4-s6-p-top{position: relative;width: 7vw;height: 35vw;background: url(//x0.ifengimg.com/ucms/2023_41/EA5480F1AFA852213619A667145630E2578B0BE8_size2_w58_h291.png) no-repeat center/100% 100%;}
.p4-s6-p-mid.tri{width: 43vw;}
.p4-s6-pic{width: 14vw;transform: translateY(-27%);margin-left: 3%;}
.p4-s6-text{width: 37vw; display: flex;flex-direction: row;align-items: flex-end;transform: rotate(90deg) translateX(10%) translateY(100%);white-space: nowrap;}
.p4-s6-amount{font-size: 12vmin;line-height: 1; font-family: digital, sans-serif; font-weight: bold;-webkit-background-clip: text;background-size: 100% 100%;background-image: linear-gradient(0deg, #ffae24, #f8ea88);background-repeat: repeat;color: transparent;}
.p4-s7-main{position: relative;margin: 5% auto;padding: 105vw 0 105vw;}
.p4-s7-main-pad{width: 24vw;margin: 0 auto 0 8%;}
.p4-s7-text-icon-1{width: 8vw;top: 32%;padding-top: 15vw;left: 68%;}
.p4-s7-text-icon-2{width: 8vw;top: 33%;padding-top: 24vw;left: 42%;}
.p4-s7-text-icon-3{width: 8vw;top: 32%;padding-top: 70vw;left: 81%;}
.p4-s7-text-icon-4{width: 8vw;top: 33%;left: 44%;padding-top: 70vw;}
.p4-s7-text-icon-5{width: 9vw;top: 33%;left: 52%;padding-top: 40vw;}
.p4-s7-text-1{width: 30vw;top: 0;left: 55%;padding-top: 17vw;}
.p4-s7-text-2{width: 21vw;top: 0;left: 13%;padding-top: 10vw;}
.p4-s7-text-3{width: 25vw;padding-top: 27vw;top: 67%;left: 61%;}
.p4-s7-text-4{width: 30vw;padding-top: 26vw;top: 67%;left: 16%;}
.p4-s7-line-1{position: absolute;width: 22vw;top: 6%;padding-top: 56vw;left: 55%;}
.p4-s7-line-2{position: absolute;width: 16vw;top: 3%;padding-top: 59vw;left: 23%;}
.p4-s7-line-3{position: absolute;width: 22vw;top: 66.3%;left: 59%;}
.p4-s7-line-4{position: absolute;width: 13vw;top: 65.7%;left: 30%;}
.p4-s7-orna-1{position: absolute;width: 52vw;top: 35%;left: 41%;padding-top: 20vw;}
.p4-s8{position: relative;margin: 12% auto 15%;}
.p4-s8-pad-1{width: 24vw;margin: -17% auto 8% 19%;}
.p4-s8-pad-2{width: 52vw;margin: 0 auto 0 22%;}
.p4-s9{width: 25vw;margin: 0 auto 0 53%;padding-bottom: 22%;}
.p4-s9-text{width: 17vw;top: 0;padding-top: 37vw;left: -114%;}
.poster-button{position: absolute; width: 18vw;height: 35vw;left: -168%;top: 0;padding-top: 110vw;background: url(//x0.ifengimg.com/ucms/special/images/458629DFE11649B795D205D949836A86.png) no-repeat center;background-size: contain;}
/*  */
.sharepage-set{position: fixed;right: -100%;top: 0;}
.sharepage-set img{position: absolute;}
.share-bg.share-bg{position: relative;width: 100vw;height: 100vh;}
.share-earth{width: 35%;top: 51.2%;left: 18.3%;transform: translateY(-50%);}
.share-logo{width: 6.4%;top: 3%; right: 3%;}
.share-title{width: 19%;top: 50%;transform: translateY(-50%);left: 69%;}
.share-subtitle{width: 14%;top: 50%;left: 55%;transform: translateY(-50%);}
.share-icon-1{width: 11%;top: 18%;left: 6%;}
.share-icon-2{width: 9%;top: 30.4%;left: 11%;}
.share-icon-3{width: 9%;top: 65%;left: 14%;}
.share-icon-4{width: 11%;top: 78%;left: 6%;}
.share-icon-5{width: 9%;top: 14%;left: 50%;}
.share-icon-6{width: 16%;top: 28%;left: 33%;}
.share-icon-7{width: 17%;top: 67%;left: 36%;}
.share-icon-8{width: 12%;top: 85%;left: 31%;}
.share-QRcode{width: 18.8vw;top: 50%;left: 4%;transform: translateY(-50%);}
/*  */
.p-mask {z-index: 12;display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.4);}
.poster-result {z-index: 14;position: fixed;right: -200%;top: 0;}
.poster-result.tri {animation: poster_result 2s forwards cubic-bezier(0.25, 1, 0.5, 1);}
@keyframes poster_result {from {right: -200%;}
	to {right: 0;}
}
.wait {display: none;z-index: 1;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);}
.wait p {position: absolute;width: 100%;top: 55%;left: 0;color: #ffffff;font-size: 1.8rem;transform: rotate(90deg);}
.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;}
@-webkit-keyframes dot {25% {box-shadow: none;}
	50% {box-shadow: 2px 0 currentColor;}
	75% {box-shadow: 2px 0 currentColor, 6px 0 currentColor;}
}
@keyframes dot {25% {box-shadow: none;}
	50% {box-shadow: 2px 0 currentColor;}
	75% {box-shadow: 2px 0 currentColor, 6px 0 currentColor;}
}
.slide-tip{z-index: 10;position: absolute;width: 8.4vw;height: 10vw;top: 70vh;left: 16%;opacity: 0;background: url(//x0.ifengimg.com/ucms/special/images/ED798FB112CBE987818F26646502A7EC.png);background-size: 100% 100%;}
.slide-tip.tri{animation: pointer_slide 4s 1.5s forwards infinite;}
@keyframes pointer_slide {0% {transform: translateY(0); opacity: 1;}
	100% {transform: translateY(-700%); opacity: 0.3;}
}