@charset "utf-8";
/*  */
body{-webkit-text-size-adjust:100% !important;font-family:my, -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;font-size:3.6vmin;line-height:1.8;color:#252525;-webkit-overflow-scrolling:touch;}
a{text-decoration:none;}
p{line-height:1.5;color:#252525;}
/*  */
.mxwidth{display:none;max-width:640px;height:100%;margin:0 auto;overflow:hidden;}
.isPc{display:none;align-items:center;justify-content:center;width:100%;height:100%;background:#95dffa;}
.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 img{box-sizing:border-box;padding:.8vmin;background:#fff;border:1px solid #333;}
.QRBox h2{margin:1vmin auto 0;font-size:1.5vmin;color:#fff;text-align:center;}

@keyframes animation-rotate-un{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}}
.fn-audio{position:fixed;top:2%;right:2%;z-index:100;}
.fn-audio span{display:inline-block;width:3rem;height:3rem;}
.fn-audio .audio-play{-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;animation:animation-rotate-un 2s linear infinite normal forwards;}
.audio-icon.hide{display:none;}

@keyframes zongzi{0%{transform:translateY(-10%);}
  100%{transform:translateY(10%);}}
#loadingBox{display:flex;align-items:center;justify-content:center;width:100%;max-width:750px;height:100vh;margin:0 auto;background:linear-gradient(to bottom, #0045ae, #006fc2);}
.loading{width:50vmin;height:auto;margin-top:-25%;text-align:center;}
.loadingImg{width:30%;margin:0 auto 6%;animation:zongzi 1s linear alternate-reverse infinite;}
.snlogo{width:38%;margin:0 auto;}
.logoText{width:80%;margin:5% auto 10%;}
#loadingText{width:100%;height:1vmin;margin:22% auto;border-radius:1vmin;/* border:1px solid #a64721; */}
.loadingCur{position:relative;width:54%;height:100%;background:linear-gradient(to right, #fcb84e, #cd3608);border-radius:1vmin;}
.loadingCur span{line-height:3;color:#d26820;}

#goPages{display:none;width:60%;margin:0 auto;}
.disable{pointer-events:none;}
/*  */
#pages{height:100%;}
.innerFlex{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 5%;margin:0 auto;overflow:hidden;}
/*  */
.p00_s{position:absolute;top:30%;width:19%;}
.page1{background:url(//x0.ifengimg.com/ucms/special/images/D237F5E54882A9DDB091838EBD7F1B25.jpg) no-repeat center/cover;}
.p1_logo{position:absolute;top:4%;left:5%;width:70%;}
.zhuti{position:absolute;top:11%;left:13%;width:76%;}
.fubiao{position:absolute;top:37%;left:15%;width:70%;}
.slideUpBtn{position:absolute;bottom:9%;left:44%;width:12%;}
/* */
.gallery{position:relative;width:100%;margin-bottom:3%;}
.gallery .swiper-pagination-bullets{bottom:-11%;}
.swiper-pagination-bullet{width:1vmin;height:1vmin;background-color:#87fbfb;opacity:1;}
.swiper-pagination-bullet-active{width:3vmin;border-radius:5px;}
.page2{gap:8vmin;background:url(//x0.ifengimg.com/ucms/special/images/E42AF1A8EBEF635EE97BFBD06F1D1A24.jpg) no-repeat center/cover;}
.p01_TXT1{z-index:1;width:90%;}
.p01_TXT2{width:90%;}
.p01_TXT0{z-index:2;width:78%;}
.p01_r{align-self:flex-start;width:47%;margin:-12% 0 0 5%;}
.page2 .nextBtn{position:absolute;bottom:5%;width:8%;margin:0 auto;}
.ddcover{position:absolute;top:0;left:0;z-index:3;pointer-events:none;user-select:none;}
/*  */
.page3{gap:8vmin;background:url(//x0.ifengimg.com/ucms/special/images/E4BB6EE21EFACC846DE3B69881FC8C94.png) no-repeat center/cover;}
.page3.innerFlex{padding:0 8%;}
.scrollBox{height: 38vh;padding: 0 6% 0 2%;margin-bottom:8%;position: relative;overflow: hidden;}
.scrollBox img{margin-bottom:7vmin;}
/*  */
.page4{background:url(//x0.ifengimg.com/ucms/special/images/866558358548A5804865AD4AAA0AAF47.jpg) no-repeat center/cover;}
.page4.innerFlex{
    justify-content: flex-start;
    gap: 6%;
    padding: 20% 7% 0;
}