@charset "utf-8";
body {height: auto;font-size: 14px;line-height: 1.6;background: #fff8e8;-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: 735px;margin: 0 auto;height: auto;overflow: hidden;display: none;}
.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;display: flex;align-items: center;right: min(2%, 20px);top: min(2%, 20px);visibility: hidden;}
.fn-audio span {display: inline-block;width: min(34px, 7.8vmin);height: min(34px, 7.8vmin);cursor: pointer;}
.fn-audio .audio-play {animation: animation-rotate-un 2s linear infinite normal both paused;filter: contrast(0.1);}
.audio-icon.play {animation-play-state: running;}
@keyframes animation-rotate-un {from {transform: rotate(0deg);}
	to {transform: rotate(-360deg);}
}
.audio-tip {color: #ffffff;padding: .3rem 2rem .3rem .7rem;background: rgba(0, 0, 0, .6);clip-path: polygon(80% 0, 100% 57%, 80% 100%, 0 100%, 0 0);cursor: pointer;transform: translateX(-10%);}
.animated {visibility: hidden;}
.animated.fadeIn {visibility: visible;}
.animated.fadeInUp {visibility: visible;}
.animated.fadeInLeft {visibility: visible;}
.animated.fadeInRight {visibility: visible;}
.animated.flipInY {visibility: visible;}
.animated.zoomIn {visibility: visible;}
.animated.delay-0d2s {animation-delay: 0.3s;}
.animated.delay-0d3s {animation-delay: 0.3s;}
.animated.delay-0d4s {animation-delay: 0.4s;}
.animated.delay-0d5s {animation-delay: 0.5s;}
.animated.delay-0d6s {animation-delay: 0.6s;}
.animated.delay-0d7s {animation-delay: 0.7s;}
.animated.delay-0d8s {animation-delay: 0.8s;}
.animated.delay-0d9s {animation-delay: 0.9s;}
.animated.delay-1d5s {animation-delay: 1.5s;}
.animated.delay-2d5s {animation-delay: 2.5s;}
.animated.delay-2d8s {animation-delay: 2.8s;}
/**/
.loading {z-index: 10;position: absolute;width: 100%;max-width: 550px;left: 0;right: 0;margin: 0 auto;height: 100vh;background: url(//x0.ifengimg.com/ucms/special/images/7E9DC0091F19F6923A901EF8E810E84F.png) no-repeat center/cover;visibility: hidden;}
.load-spin{width: 60.4%;top: -12%;animation: spin 12s both linear infinite;}
@keyframes spin{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
.load-set{position: relative;top: 48%;transform: translateY(-50%);}
.load-icon{width: 32%;margin: 0 auto 55%;}
.progress-br-set {position: relative;width: min(60vw, 390px);height: 0.8rem;box-sizing: border-box;border: solid thin #197ade;border-radius: .5rem;margin: 4% auto 10%;background: #ffffff;box-shadow: 0px 0px 8px rgba(255,255,255,.5);}
.progress {position: absolute;height: 8px;background-image: linear-gradient(#00c6ff, #3696d4);top: 50%;border-radius: .5rem;transform: translateY(-50%);}
.loading h3 {position: relative;top: 47%;width: 100%;text-align: center;font-size: min(22px, 4vmin);color: #197ade;font-weight: bold;}
.load-button{width: min(140px, 26.3vmin);height: min(40px, 6.8vmin);background: url(//x0.ifengimg.com/ucms/special/images/7F75FC611CA2949805826C025C22093C.png) no-repeat center/contain;margin: 7% auto 0;transition: filter .3s;}
.load-button:hover{filter: brightness(1.25);}
/**/
.abs {position: absolute;}
.ab-mid {position: absolute;left: 0;right: 0;margin: 0 auto;}
.rel-mid {position: relative;top: 50%;transform: translateY(-50%);}
.disabled {pointer-events: none;}
/**/
.tween{animation-play-state: paused;visibility: hidden;}
.tween.active{animation-play-state: running;visibility: visible;}
/*  */
.top-gallery {position: relative;overflow: hidden;}
.top-title {width: 61%;top: 12%;left: 12%;}
.top-subtitle {width: 76%;top: 27%;}
.top-info{width: 72%;top: 51%;}
.top-cross{width: 42%;top: 15.2%;left: 45.3%;}
.weft-pre{position: relative;}
.top-logo{width: 35%;top: 0;}
.pre-text-set{width: fit-content;margin: 0 auto;position: absolute;top: 23%;}
.pre-text-set p{font-size: min(22px, 3.8vmin);line-height: 1.9;text-align: center;color: #245b84;letter-spacing: min(.2em,.2px);}
.pre-title{position: absolute;bottom: -9%;width: 100%;left: 0;}
/*  */
.weft{z-index: 1; position: relative;overflow: hidden;background: url(//x0.ifengimg.com/ucms/special/images/164283093BCFE2221E8624E123F55F0D.jpg) repeat-y top/cover;padding: 0 5%;}
.whole-pic{width: 100%;margin: 4% auto 8%;}
.date{width: 100%;margin: 0 auto 5%;}
.whole-para{font-size: min(22px, 3.8vmin);line-height: 1.8;text-align: justify;letter-spacing: min(.1em,.1px);margin: 0 auto 4%;}
.icon-para{margin: 0 auto 4%;font-size: min(22px, 3.8vmin);line-height: 1.8;text-align: justify;letter-spacing: min(.1em,.1px);padding-left: 7%;background: url(//x0.ifengimg.com/ucms/special/images/652C5E1015D6BBEEC1743354301D7E08.png) no-repeat;background-size: min(29px,4vmin);background-position-y: min(0.4em,10px);}
.weft-end{position: relative;overflow: hidden;margin-top: -28%;}
.end-text-set{width: fit-content;margin: 0 auto;position: absolute;top: 40%;}
.end-text-set p{font-size: min(22px, 3.8vmin);line-height: 1.9;text-align: center;color: #245b84;letter-spacing: min(.2em,.2px);}
.end-logo{width: 35%;bottom: 6%;}