@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);}
}
.ohide.ohide{opacity: 0;pointer-events: none;}
/**/
.loading {z-index: 10;position: fixed;width: 100%;max-width: 500px;height: 100vh;background: #1f74fe;margin: 0 auto;visibility: hidden;}
.load-set{position: relative;top: 47%;transform: translateY(-50%);}
.load-icon{width: 21%;margin: 0 auto 24%;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: 60vw;height: 0.5rem;border: thin solid #feefc7;border-radius: .7rem;overflow: hidden;margin: 4% auto 2%;padding: .7vmin;}
.progress {position: absolute;height: 8px;background: linear-gradient(to right,#fdf7d2, #fddb94);top: 50%;border-radius: .5rem;transform: translateY(-50%);}
.loading h3 {text-align: center;font-size: 4vmin;color: #feefc7;}
.load-button{width: 27.1vmin;height: 7.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/65F4EDC844EE07D9C18EAC42004E14DD.png) no-repeat center/100% 100%;margin: 8% 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; opacity: 0;pointer-events: none;}
.up-arrow.dyna {animation: up_arrow 4.5s 3s forwards infinite;}
@keyframes up_arrow {0% {opacity: 0.2;left: 50%;transform: translateX(-50%);bottom: -3%;}
	50% {opacity: 1;left: 50%;transform: translateX(-50%);bottom: 7%;}
	53%, 100% {opacity: 0;}
}
.page-start-button{width: 42.5vmin;height: 15.1vmin;bottom: 11%;background: url(//x0.ifengimg.com/ucms/special/images/84BCFE5271B0868DAC02FC102C0E175A.png) no-repeat center/contain;}
.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/7A5AAD3047D7D8928A1B427579A6CD32.png) no-repeat center/cover;}
.page-start-titlt-wrap{position: relative;top: 6vh;}
.page-start-logo{width: 24.6vmin;margin: 0 auto;}
.page-start-title{width: 73.7vmin;margin: 6% auto 4%;}
.page-start-subtitle{width: 66.8vmin;margin: 0 auto;}
.page-start-icon-wrap{position: absolute;width: 100%;height: 10vh;top: 50%;}
.page-start-icon-wrap div{position: absolute;}
.psii-1{width: 8.1vmin;height: 8.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/1C24D8B2C7B825E8D0EE6F519F8F8C21.png) no-repeat center/contain;top: -20%;left: 16%;}
.psii-2{width: 9.2vmin;height: 9.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/9953E92EC88EF7551BC48CA871A126AF.png) no-repeat center/contain;top: 60%;left: 30%;}
.psii-3{width: 9.1vmin;height: 9.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/E9FC3A4368C0ED4C6BE0A6011BA174B3.png) no-repeat center/contain;top: 80%;left: 60%;}
.psii-4{width: 8.1vmin;height: 8.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/7632B686368E95D9BC55D3749B324163.png) no-repeat center/contain;top: -10%;left: 80%;}
/*  */
.page-intro{background: url(//x0.ifengimg.com/ucms/special/images/2B833DE3B6A9DF27292A01DB1B073513.png) no-repeat center/cover;}
.page-intro-wrap{position: relative;top: 13vh;}
.page-intro-text-1{width: 65.3vmin;margin: 0 auto 4%;}
.page-intro-text-2{width: 72.3vmin;margin: 0 auto;}
.page-intro-button{width: 42.5vmin;height: 15.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/68C6AD3B2A6F9BDA793604AC9068FD7C.png) no-repeat center/contain;bottom: 11%;}
/*  */
.single-pre-mask{display: grid;place-items: center;transition: opacity .3s;}
.spm-wrap{position: relative;}
.spm-intro{width: 74.3vmin;height: 88.3vmin;background: url(//x0.ifengimg.com/ucms/special/images/0ED79B89287577558E4D1A84D3F3A3EE.png) no-repeat center/contain;margin: 0 auto 10%;}
.spm-button{width: 43.7vmin;height: 12.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/318BE88ECFBE1B3B3D80C33D35CC0F69.png) no-repeat center/contain;margin: 0 auto;}
/*  */
.page-single-quiz{display: flex;background: url(//x0.ifengimg.com/ucms/special/images/180344EBA77DB1285FF6AEAD41A7F27C.jpg) no-repeat center/100% 100%;}
.page-single-quiz-pad{position: relative;width: 85vmin;height: 97.1vmin;padding: 10vmin 7vmin 20vmin 8vmin;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: url(//x0.ifengimg.com/ucms/special/images/3606A23BD4874CB5B443FA4402062A17.png) no-repeat center/100% 100%;}
.page-single-quiz-title{position: absolute;display: flex;flex-direction: row;top: 1.4%;left: 12%;align-items: flex-end;}
.page-single-round{font-weight: bold;font-size: 4vmin;color: #222222;line-height: 1;}
.page-single-kind{font-size: 3.4vmin;line-height: 1;}
.page-single-quiz-info{position: absolute;display: flex;flex-direction: row;top: 2%;right: 9%;align-items: flex-end;}
.page-single-current{font-size: 3.4vmin;color: rgba(255,255,255,.9);}
.page-single-amount{font-size: 3.4vmin;color: rgba(255,255,255,.7);margin-left: 1vmin;}
.page-single-question-slot h3{font-size: 3.8vmin;padding: 0 4% 0 4%;margin: 4% auto 8%;line-height: 1.4;font-weight: bold;text-align: justify;}
.select-item{position: relative; width: 87vmin;height: 12.8vmin;padding: 2vmin 0 4vmin;display: flex;align-items: center;background: url(//x0.ifengimg.com/ucms/special/images/90E81DCDC100922ABCBAE9D3652C2548.png) no-repeat center/contain;transition: background-image .5s;}
.select-item:nth-child(1)::before{content: '';position:absolute;width: 3.6vmin;height: 4.3vmin;top: 23%;left: 8%;background: url(//x0.ifengimg.com/ucms/special/images/3E6021B44689270CBEFF30CB2F693610.png) no-repeat center/contain;}
.select-item:nth-child(2)::before{content: '';position:absolute;width: 3.4vmin;height: 4.2vmin;top: 23%;left: 8%;background: url(//x0.ifengimg.com/ucms/special/images/0F3B4B70F028107C0C9DDB0B9BB65D38.png) no-repeat center/contain;}
.select-item:nth-child(3)::before{content: '';position:absolute;width: 3.5vmin;height: 4vmin;top: 25%;left: 8%;background: url(//x0.ifengimg.com/ucms/special/images/F03DF988372256ACF822C2054895049B.png) no-repeat center/contain;}
.select-item:nth-child(4)::before{content: '';position:absolute;width: 3.5vmin;height: 4.1vmin;top: 26%;left: 8%;background: url(//x0.ifengimg.com/ucms/special/images/35D079F997FE09BA951C17E7A22C9B56.png) no-repeat center/contain;}
.page-multi-quiz .select-item p{font-size: 3.4vmin;}
.select-item p{padding: 0 15% 0 20%;font-size: 3.4vmin;letter-spacing: 0.1vmin;}
.select-item.checked{background-image: url(//x0.ifengimg.com/ucms/special/images/127B326C8729BF780027242A3A749326.png);}
.select-item.truthy{background-image: url(//x0.ifengimg.com/ucms/special/images/60E0B53D0D2264A07D8FCFBE75C16157.png);}
.select-item.truthy::after{content: '';position: absolute;width: 5.9vmin;height: 5.9vmin;top: 27%;right: 8%;background: url(//x0.ifengimg.com/ucms/special/images/1DCEC3E3E74F4089B304A69D356EFC55.png) no-repeat center/contain;}
.select-item.falsy{background-image: url(//x0.ifengimg.com/ucms/special/images/DB5ECC2332929CF673E7A34F6D03B419.png);}
.select-item.falsy::after{content: '';position: absolute;width: 5.7vmin;height: 5.7vmin;top: 28%;right: 7%;background: url(//x0.ifengimg.com/ucms/special/images/2B2DCF5267C990C79E00DDAE845BCC4C.png) no-repeat center/contain;}
.single-quiz-button{width: 38.6vmin;height: 13.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/C2D6DE11C4062D8D8B29FEE353C2E748.png) no-repeat center/contain;bottom: -3%;transition: opacity .5s;}
.single-submit-button{width: 38.6vmin;height: 13.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/DECA8801D532893BAE982701BF50EA0D.png) no-repeat center/contain;bottom: -3%;transition: opacity .5s;}
/*  */
.single-after-mask{display: grid;place-items: center;transition: opacity .5s;}
.sam-wrap{position: relative;}
.sam-title{width: 52.3vmin;height: 19.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/DF130AB8C35B78F8143941A2A3AD44CA.png) no-repeat center/contain;margin: 0 auto;}
.sam-content{width: 71.9vmin;height: 74.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/199165ABE979CB6EB86AF315D3CA9A83.png) no-repeat center/contain;margin: 3% auto 5%;}
.sam-button{width: 36.5vmin;height: 12.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/9A5B7BD44A2E9F8A80BA6A6AC5F5C77A.png) no-repeat center/contain;margin: 0 auto;}
/*  */
.page-detail{background: url(//x0.ifengimg.com/ucms/special/images/180344EBA77DB1285FF6AEAD41A7F27C.jpg) no-repeat center/100% 100%;}
.page-detail-scroll{position: absolute;width: 100vw;height: 100vh; top: 0;left: 0;overflow-y: auto;}
.page-detail-wrap{position: relative;width: 84%;margin: 31% auto 0;background: #d6ffff;border-radius: 2vmin;padding: 3.6%;}
.pdw-1{width: 64.7vmin;height: 30.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/934F8A25A18B2FA3F94440A41150A7C6.png) no-repeat center/contain;margin: -33% auto 4%;}
.pdw-2{width: 85vmin;height: 53.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/DB736A4245B83FF8EDEC05983D25C4E7.png) no-repeat center/contain;margin: 0 auto 8%;}
.pdw-3{width: 85vmin;height: 89.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/DE6F0910FB6A0FDE574AFDDD83EA5A44.png) no-repeat center/contain;margin: 0 auto 8%;}
.pdw-4{width: 85vmin;height: 133.3vmin;background: url(//x0.ifengimg.com/ucms/special/images/A18D3B1F13A89B9381E22D5A0A3A413D.png) no-repeat center/contain;margin: 0 auto;}
.swipe-tip-1{position: absolute;width: 15vw;right: 16%;top: 26%;}
.swipe-tip-1 img{animation: slide_up 3s infinite forwards;}
@keyframes slide_up{
	from{transform: translateY(0);}
	to{transform: translateY(-400%);}
}
.button-to-multi{width: 43.7vmin;height: 12.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/F73B351ED3B918B43B7771C74E4B78C6.png) no-repeat center/contain;margin: 8% auto 14%;}
/*  */
.page-multi-quiz{display: flex;background: url(//x0.ifengimg.com/ucms/special/images/180344EBA77DB1285FF6AEAD41A7F27C.jpg) no-repeat center/100% 100%;}
.page-multi-quiz-pad{position: relative;width: 85vmin;height: 97.1vmin;padding: 10vmin 7vmin 20vmin 8vmin;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: url(//x0.ifengimg.com/ucms/special/images/3606A23BD4874CB5B443FA4402062A17.png) no-repeat center/100% 100%;}
.page-multi-quiz-title{position: absolute;display: flex;flex-direction: row;top: 1.4%;left: 12%;align-items: flex-end;}
.page-multi-round{font-weight: bold;font-size: 4vmin;color: #222222;line-height: 1;}
.page-multi-kind{font-size: 3.4vmin;line-height: 1;}
.page-multi-quiz-info{position: absolute;display: flex;flex-direction: row;top: 2%;right: 9%;align-items: flex-end;}
.page-multi-current{font-size: 3.4vmin;color: rgba(255,255,255,.9);}
.page-multi-amount{font-size: 3.4vmin;color: rgba(255,255,255,.7);margin-left: 1vmin;}
.page-multi-question-slot h3{font-size: 3.8vmin;padding: 0 4% 0 4%;margin: 4% auto 8%;line-height: 1.4;font-weight: bold;text-align: justify;}
.multi-quiz-button{width: 38.6vmin;height: 13.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/C2D6DE11C4062D8D8B29FEE353C2E748.png) no-repeat center/contain;bottom: -3%;transition: opacity .5s;}
.multi-submit-button{width: 38.6vmin;height: 13.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/DECA8801D532893BAE982701BF50EA0D.png) no-repeat center/contain;bottom: -3%;transition: opacity .5s;}
.font-min.font-min p{font-size: 3vmin;}
.page-multi-select-frame .select-item.truthy:not(.checked) p{animation: aflash 2s alternate both;}
@keyframes aflash{
	0%,50%,100%{opacity: 1;}
	25%, 75%{opacity: 0.1;}
}
.page-multi-quiz .select-item.falsy:not(.checked){background-image: url(//x0.ifengimg.com/ucms/special/images/90E81DCDC100922ABCBAE9D3652C2548.png);}
.page-multi-quiz .select-item.falsy:not(.checked)::after{content: '';opacity: 0;}
.page-good-mask, .page-will-good-mask{display: grid;place-items: center;transition: opacity .3s;}
.end-wrap{position: relative;}
.end-title{width: 55.9vmin;height: 23.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/7AB327DA9642974BA4FA77A1AE2F3848.png) no-repeat center/contain;margin: -10% auto 2%;}
.good-pad{position: relative; width: 77.1vmin;height: 70.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/24C579B9CF1015084E0C5801ACF4E079.png) no-repeat center/contain;margin: 0 auto 8%;}
.poster-button{width: 32.6vmin;height: 11.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/68BA6DBFDCA979DB1DC0C0EFB5EAF559.png) no-repeat center/contain;margin: 0 auto;}
.good-score{width: fit-content;position: absolute;left: 0;right: 0;bottom: 28%;padding-right: 2%;line-height: 1;margin: 0 auto;font-size: 13vmin;font-weight: bold;color: #fff0c7;}
.will-good-pad{position: relative; width: 77.1vmin;height: 70vmin;background: url(//x0.ifengimg.com/ucms/special/images/E7078AF134BFBC8B5B1801DF735D702A.png) no-repeat center/contain;margin: 4% auto 8%;}
.will-good-score{width: fit-content;position: absolute;left: 0;right: 0;bottom: 27%;padding-right: 2%;line-height: 1;margin: 0 auto;font-size: 13vmin;font-weight: bold;color: #186ae1;}
.end-align{display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin: 0 auto;}
.retry-button{width: 32.6vmin;height: 11.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/9C3B58AC1C59E42EE1BA8478C41B7DA3.png) no-repeat center/contain;}
.end-align .poster-button{margin: initial;}
/*  */
.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;}
.share-logo{width: 24.6vmin;top: 7%;}
.share-title{width: 75.3vmin;top: 17%;}
.share-slogan-frame{width: 82.2vw; bottom: 14%;}
.share-slogan-pad{width: 100%;}
.share-text{width: 58%;position: absolute;top: 29%;left: 18%;font-size: 3.6vmin;text-align: center;color: #f39840;}
.share-medal{position: absolute;width: 15.4vw;top: 10%;left: 1%;}
.hold-tip{z-index: 25; width: 29.2vmin;height: 7vmin; bottom: 5%; background: url(//x0.ifengimg.com/ucms/special/images/B4EFF34D5E879B56DFEE1B7936B87795.png) no-repeat center/contain;transition: opacity .3s 1s;}
/**/
.mask {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, .8);}