@charset "utf-8";
/**/
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/6E8F45DB6F2EEBEBDAD12C2745BDAC44.jpg) no-repeat center/cover;visibility: hidden;}
.load-wave{width: 34.1vmin;height: 34.1vmin;top: 35%;background: url(//x0.ifengimg.com/ucms/special/images/FAFABCC8DFA0112673F8D207AD82FD8A.gif) no-repeat center/contain;}
.loading h3 {position: absolute;width: 100%;bottom: -30%;text-align: center;font-size: 4vmin;color: #07294e;font-weight: bold;}
.load-button{width: 18vmin;height: 3.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/7CF55E06E43850F5C035EA20A15EE4B2.png) no-repeat center/contain;bottom: -23%;transition: opacity .5s;}
/**/
.main {position: relative;width: 100vw;height: 100vh;}
.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;}
}
.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);}
}
.tween {animation-play-state: paused;visibility: hidden;}
.tween.active {animation-play-state: running;visibility: visible;}
.ohide.ohide {opacity: 0;pointer-events: none;}
.hide.hide {display: none;}
.video-list{z-index: 1; position: absolute;width: 100%;height: 100%;}
.video-list video{object-fit: cover;transition: opacity .2s;filter: brightness(1.05);z-index: 3;}
.delay-0d3s {animation-delay: .3s;}
.delay-0d5s {animation-delay: .5s;}
/**/
.fullscreen {z-index: 2;position: absolute;width: 100vw;height: 100vh;left: 0;top: 0;overflow: hidden;}
.pidx0{background: url(//x0.ifengimg.com/ucms/special/images/1A9B06097AD2C140B3AF202D78E035E5.jpg) no-repeat center/cover;transition: opacity .6s;}
.pi0-logo{position: absolute;width: 49.8vmin;height: 9.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/48DBF1723854F55AAB51E880956F2F3A.png) no-repeat center/contain;top: 3%;left: 6%;}
.pi0-title{position: absolute;width: 100vmin;height: 64vmin;background: url(//x0.ifengimg.com/ucms/special/images/FB443175E87448CC3FA4DD05459A5E72.png) no-repeat center/contain;top: 10%;}
.pi0-button{width: 45.5vmin;height: 11vmin;bottom: 8%;}
/**/
.pidx1{background: url(//x0.ifengimg.com/ucms/special/images/1175FCCE0FA67B93D1667F27B39D4F0D.jpg) no-repeat center/cover;transition: opacity .6s;}
.pi1-wrap{position: relative;top: 54%;transform: translateY(-50%);}
.pi1-t1{width: 75.5vmin;height: 10.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/7F513909650CA1997DBB339E1D4D2D98.png) no-repeat center/contain;margin: 0 auto 8% auto;}
.pi1-t2{width: 81.8vmin;height: 10.4vmin;background: url(//x0.ifengimg.com/ucms/special/images/35BE118BA2E9C782F3ED6669817092E9.png) no-repeat center/contain;margin: 0 auto 8% auto;}
.pi1-t3{width: 64.1vmin;height: 17vmin;background: url(//x0.ifengimg.com/ucms/special/images/8280D5722F5651F9D2F2B7E5DE81C6FD.png) no-repeat center/contain;margin: 0 auto -18% auto;}
.pi1-orna{width: 100vmin;height: 123.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/8EC0D93750F279DFCDFDAADB555E7005.png) no-repeat center/contain;transform: translate(30%, 30%) rotate(-25deg);opacity: 0;transition: 1.5s .75s;}
.pi1-orna.active{transform: initial; transform-origin: 200% 30%;opacity: 1;}
.pi1-btn{z-index: 1;width: 18vmin;height: 3.7vmin;bottom: 10%;}
.pi1-btn img{width: 100%;height: 100%;}
/*  */
.pidx2{transition: opacity .3s;}
.bg-pic-list{position: absolute;width: 100%;height: 100%;}
.bg-pic-list img{position: absolute;width: 100vw;height: 100vh;top: 0;left: 0;object-fit: cover;transition: opacity .3s;}
.QnA-frame{z-index: 5;position: absolute;width: 84.3vmin;left: 0;right: 0;margin: auto;transition: opacity .3s;}
.QnA-align{display: flex;flex-direction: row;justify-content: space-between;gap: 5%;}
.Q1-num{width: 21vmin;}
.P1{top: 14%;}
.P2{top: 38%;}
.P3{top: 13%;}
.P4{top: 39%;}
.P5{top: 10%;}
.P6{top: 38%;}
.P7{top: 8%;}
.P8{top: 39%;}
.Q1-Q-text{width: 52.8vmin;}
.Q-text-frame{align-self: flex-end;}
.Q-orna{width: 84.3vmin;height: 8.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/D2D44358387703C4096FE86672D9E270.png) no-repeat center/contain;margin: 6% 0;}
.choice-list{z-index: 1;position: relative;}
.choice-item{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;padding: 2% 0;margin: 0 0 2% 0;}
.choice-item.selected{background-image: linear-gradient(to right, transparent 0, rgba(255,255,255, .75) 35%,rgba(255,255,255, .75) 65%,  transparent 100%);pointer-events: none;}
.option-icon-1{width: 7.2vmin;height: 7.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/559F9C05ED32555963E76796B1C0C97D.png) no-repeat center/contain;margin: 0 3% 0 0;}
.option-icon-2{width: 7.2vmin;height: 7.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/18C54B7D8FDAC778853014C85E00CED5.png) no-repeat center/contain;margin: 0 3% 0 0;}
.option-icon-3{width: 7.2vmin;height: 7.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/E4791285DDAC28434BE32EF5F96425EF.png) no-repeat center/contain;margin: 0 3% 0 0;}
.option-icon-4{width: 7.2vmin;height: 7.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/7A325011F1BA3912E95BAC3EBC20B5C8.png) no-repeat center/contain;margin: 0 3% 0 0;}
.option-text{color: #00113d;font-size: 3.6vmin;line-height: 1.6;}
.QnA-orna-list img{z-index: 3; position: absolute;transition: 1.4s;opacity: 0;pointer-events: none;}
.QnA-orna-list img.current{position: absolute;transform: initial;opacity: 1;}
.QnA-o1{width: 97vmin;bottom: 0;left: -7%;transform: translate(-100%, 100%);}
.QnA-o2{width: 92.8vmin;top: 0;left: 0;transform: translate(-100%, -100%);}
.QnA-o3{width: 90.9vmin;bottom: 11%;right: 0;transform: translate(100%, -30%);}
.QnA-o4{width: 86.4vmin;top: 6%;right: 0;transform: translate(100%, 50%);}
.QnA-o5{width: 93.6vmin;bottom: 0;right: 0;transform: translate(100%, 100%);}
.QnA-o6{width: 93.2vmin;top: 7%;left: 0;transform: translate(-100%, 50%);}
.QnA-o7{width: 94.1vmin;bottom: 0;left: 0;transform: translate(-100%, 100%);}
.QnA-o8{width: 92.8vmin;top: 0;left: 0;transform: translate(-100%, -100%);}
.next-button{z-index: 6;position: absolute;width: 18.8vmin;bottom: 11%;right: 11%;}
.next-button img{position: absolute;top: 0;left: 0;}
/**/
.popup-content{position: relative;width: 78.6vmin;height: 103.3vmin;top: 23%;left: 9%;background: url(//x0.ifengimg.com/ucms/special/images/0AFA0D12D4A5BFC4979AF5C292FE38F1.png) no-repeat center/contain;}
.gen-button{position: absolute;top: 56%;left: 28%;width: 38.3vmin;height: 11vmin;background: url(//x0.ifengimg.com/ucms/special/images/A7FB0A6CAC9792790BBD6366F562945D.png) no-repeat center/contain;}
.pidx3{background: url(//x0.ifengimg.com/ucms/special/images/07D147B12724A6AF47801E98B1DA0FBF.png) no-repeat center/cover;transition: .5s opacity;}
.calc-video{object-fit: fill;}
.menu-set{position: absolute;width: 10vmin;height: 10vmin;margin: auto;left: 0;right: 0;top: 0;bottom: 0;}
.pi3-pic{position: absolute;left: 0;right: 0;margin: auto;width: 70.4vmin;height: 59.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/9E876F28D9C67910EE4D498D861E9784.png) no-repeat center/contain;}
.wait-text{position: absolute;top: 58%;width: 49.3vmin;height: 10.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/673301F57F3D932E9463C7832EFC1715.png) no-repeat center/contain;}
.wait-text p{width: fit-content;font-size: 4.6vmin;color: #07294d;bottom: -96%;font-weight: bold;}
.wait-text p::after{content: ' %';}
.gallery-list img{position: absolute;width: 100vw;height: 100vh;top: 0;left: 0;transform: translateY(-100%);transition: 2s cubic-bezier(0.25, 1, 0.5, 1);}
.gallery-list img.tri{z-index: 10;transform: initial;}
.hold-tip{z-index: 11;width: 24.2vmin;height: 3.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/1F2F4E8EBB1FDC471723808750FB601F.png) no-repeat center/contain;bottom: 4%;transition: opacity .5s;}
/*  */
.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 {z-index: 8;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, .75);transition: opacity .3s;}
@media only screen and (max-height: 710px){
	.QnA-o1{bottom: -4%;left: -15%;}
	.QnA-o2{top: -6%;left: -4%;}
	.QnA-o3{bottom: 3%;}
	.QnA-o4{top: 3%;}
	.QnA-o5{bottom: -9%;}
	.QnA-o6{top: 4%;}
	.QnA-o7{bottom: -11%;left: -13%;}
	.QnA-o8{top: -3%;left: -10%;}
	.P1 {top: 11%;}
	.P2 {top: 35%;}
	.P4 {top: 36%;}
	.P6 {top: 34%;}
	.P8 {top: 35%;}
}