html{font-size:312.5%}body{font:.36rem/130% "Microsoft YaHei",sans-serif;color:#000;width:100vw;height:100vh;overflow:hidden;background:url(../img/bg.webp) no-repeat 0% 50%/100% auto}.cover{width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:12;pointer-events:none}.cover.active .leaf1{transform:translateY(-100%)}.cover.active .leaf2{transform:translateY(100%)}.cover.active .leaf3{transform:translateX(-100%)}.cover.active .fly,.cover.active .fly1{display:none;animation:none}.cover.active .swallow{left:160vw;bottom:80vh;transform:scale(0.8)}.cover.active .green{transition:all .6s 1.1s;transform:translate(120%, -50%) scale(0.3) rotateZ(60deg)}.cover .leaf1,.cover .leaf2,.cover .leaf3{position:absolute;z-index:3}.cover .leaf1{width:42%;top:0;right:0;transform-origin:100% 0%;transition:all .6s .2s;transform:rotateZ(-8deg)}.cover .leaf2{width:68%;right:0;bottom:0;transform-origin:100% 100%;transition:all .6s .4s}.cover .leaf3{height:100%;top:0;left:0;transform-origin:0% 50%;transition:all .6s .6s}.cover .fly{width:8vw;position:absolute;left:9%;bottom:10%;z-index:6;animation:fly 12s infinite linear}.cover .fly1{width:13vw;position:absolute;left:-20%;bottom:40%;z-index:6;animation:fly1 12s 3s infinite linear}.cover .green{width:96%;position:absolute;left:-4%;top:10%}.cover .swallow{width:50vw;position:absolute;left:-36vw;bottom:-12vh;transition:all 2.2s 1.2s;transform-origin:50% -20%;filter:brightness(0.5);display:none}.cover .progress{width:60vw;height:4vh;position:absolute;left:20vw;top:60%;z-index:3;border:3px solid #fff;background:#fff;border-radius:2vh;overflow:hidden}.cover .progress p{width:0%;height:100%;background:#21b595}.book{width:100vw;height:100vh;background:url(../img/book1.webp) no-repeat 50% 50%/100% auto;position:fixed;left:0;top:0;z-index:9}.book.out{display:none}.book .label{width:32%;position:absolute;right:20%;top:49.5%;display:none;transform-origin:70% 1%;animation:label_swing 1s ease-in-out infinite alternate}.book .label.show{display:block}.tb_leaf1{width:39vw;position:absolute;right:0%;bottom:0%;filter:brightness(0.5)}.tb_leaf2{width:33vw;position:absolute;left:-2%;top:2%;filter:brightness(0.5)}.music{width:11vw;height:10vw;overflow:hidden;position:absolute;top:20px;right:20px;z-index:10;background:url(../img/music_bg.webp) no-repeat 50% 50%/cover;opacity:0;transition:all 1s 2s}.music.show{opacity:1}.music.muted::before{content:"";width:118%;height:3px;background:gray;position:absolute;left:0;top:0;transform-origin:0 0;z-index:3;transform:rotateZ(40deg)}.music.muted .btn{animation:none;filter:brightness(0.5)}.music .btn{width:50%;position:absolute;left:24%;top:12%;transform-origin:50% 0%;animation:musicJump 2s linear infinite}.dot{width:30vw;height:10vw;position:absolute;left:calc(50% - 15vw);bottom:10px;display:flex;justify-content:space-between;align-items:center;opacity:0;transition:all 1s 2s}.dot.show{opacity:1;pointer-events:auto}.dot span{width:10px;height:10px;background:#d79c56;border-radius:50%}.dot span.cur{background:#fff}.page{width:24vw;height:10vw;position:absolute;bottom:10px;z-index:10;background:url(../img/page_bg.webp) no-repeat 50% 50%/cover;box-sizing:border-box;padding:9px 0 0 12px;display:flex;gap:2px;opacity:0;transition:all 1s 2s;pointer-events:none}.page.show{opacity:1;pointer-events:auto}.page.prev{display:none;left:20px}.page.next{right:20px}.page.next img{animation-delay:1.5s}.page img{height:65%;animation:pageBig 3s linear infinite}.finger,.c_finger{width:9vw;position:absolute;z-index:20;transform-origin:0% 0%;animation:clickAct 3s infinite linear}.finger.f2,.f2.c_finger{animation-delay:1s}.finger.f3,.f3.c_finger{animation-delay:2s}.content{width:100vw;height:100vh;background:url(../img/content.webp) no-repeat 50% 50%/100% auto;position:absolute;left:0;top:0;transition:all .2s;opacity:0;pointer-events:none}.content.show{opacity:1;pointer-events:auto}.paper{width:92vw;height:73vh;position:absolute;left:0;top:12vh;perspective:1000px}.paper .item{width:91vw;height:100%;position:absolute;left:0;top:0;background:url(../img/paper.webp) no-repeat 50% 50%/100% 100%;display:flex;align-items:center;transform-origin:0% 0;transition:all 1s;perspective:1000px}.paper .item.turn{transform:rotateY(-90deg)}.paper .item .paperBg{width:95%;position:relative;z-index:1}.p1{z-index:30}.p1 .tree{width:16vw;position:absolute;left:68%;top:31%;animation:treewing 2s linear infinite;z-index:3}.p1 .fly{width:30vw;position:absolute;left:58%;top:63%;z-index:3;animation:p1up 2s linear infinite,p1left 5s linear infinite alternate}.p1 .f1{left:53%;top:32%}.p1 .f2{left:69%;top:50%}.p2{z-index:27}.p2 .truck{width:28vw;position:absolute;left:59%;top:25%;z-index:3;animation:truckGo 2s linear infinite}.p2 .card{width:90%;position:absolute;left:6%;top:43%;z-index:3;transform-origin:50% 0%;animation:cardTurn 2s linear infinite}.p2 .f1{left:80%;top:15%}.p2 .f2{left:26%;top:38%}.p2 .f3{left:69%;top:75%}.p3{z-index:24}.p3.active .fold{transform:scale(1)}.p3.active .number{transform:scale(1)}.p3 .number{width:19vw;position:absolute;left:64%;top:62.4%;transition:all .6s .6s;transform:scale(0)}.p3 .photo{width:45vw;position:absolute;left:10%;top:38%;z-index:6}.p3 .label{width:18vw;position:absolute;left:62%;top:43%;z-index:6;display:none}.p3 .strip_old{width:43vw;position:absolute;left:19%;top:44%;z-index:3}.p3 .strip_new{width:43vw;position:absolute;left:19%;top:44%;opacity:0;transition:left .6s}.p3 .strip_new.out{opacity:1;left:50%}.p3 .fold{width:75vw;position:absolute;left:14%;top:72%;transition:all .6s .5s;transform:scaleX(0.3);transform-origin:0 0}.p3 .f1{left:75%;top:32%}.p3 .f2{left:19%;top:54%}.p3 .f3{left:72%;top:86%}.p4{z-index:21}.p4.active .photo.ph2{left:21%}.p4.active .photo.ph3{left:46%}.p4.active .shadow.sh1{left:20%;top:66%;transform:rotateZ(11deg)}.p4.active .shadow.sh2{left:41%;top:65%;transform:rotateZ(30deg)}.p4 .light{width:37vw;position:absolute;left:48%;top:7%;z-index:3;animation:lightJump 1.6s steps(5) infinite}.p4 .card{width:57vw;position:absolute;left:8%;top:57%;z-index:9}.p4 .photo{width:41vw;position:absolute;top:65%;z-index:3;transition:all .6s .5s}.p4 .photo.ph1{left:6%}.p4 .photo.ph2,.p4 .photo.ph3{left:6%}.p4 .shadow{width:47vw;position:absolute;left:5%;top:64%;transition:all .6s .5s;z-index:1}.p4 .shadow.sh1{transform:rotateZ(11deg)}.p4 .shadow.sh2{transform:rotateZ(30deg)}.p4 .f1{left:28%;top:20%}.p4 .f2{left:19%;top:50%}.p4 .f3{left:60%;top:67%}.p5{z-index:18}.p5 .card{width:36vw;position:absolute;left:47%;top:53%;z-index:6}.p5 .click{width:26vw;position:absolute;left:19%;top:61%;z-index:6;animation:heartJump 2s linear infinite}.p5 .photo{width:49vw;position:absolute;left:23%;top:57.7%;z-index:1}.p5 .f1{left:38%;top:38%}.p5 .f2{left:17%;top:83%}.p6{z-index:15}.p6.active1 .fruit1{left:56%;top:49%;transform:rotateZ(41deg)}.p6.active1 .fruit2{width:8vw;left:47%;top:50%}.p6.active1 .fruit3{width:9vw;left:52%;top:52%}.p6.active1 .btn{display:none}.p6 .coin{width:5vw;position:absolute;z-index:1;animation:coinRoll 2s ease-in-out alternate infinite}.p6 .coin.c1{animation-delay:0.7s}.p6 .coin.c2{animation-delay:1.4s}.p6 .coin.c3{animation-delay:2.1s}.p6 .coin.c4{animation-delay:2.8s}.p6 .coin.c5{animation-delay:3.5s}.p6 .coin.c1{left:12%;top:88%}.p6 .coin.c2{left:32%;top:89%}.p6 .coin.c3{left:82%;top:75%}.p6 .coin.c4{left:78%;top:79%}.p6 .coin.c5{left:85%;top:80%}.p6 .fruit1{width:12vw;position:absolute;left:10%;top:40%;z-index:3;transition:all .6s}.p6 .fruit2{width:10vw;position:absolute;left:10%;top:50%;z-index:3;transition:all .6s .4s}.p6 .fruit3{width:10vw;position:absolute;left:10%;top:60%;z-index:3;transition:all .6s .8s}.p6 .btn{width:25vw;position:absolute;left:18%;top:56%;z-index:5;animation:heartJump 2s linear infinite}.p6 .f1{left:63%;top:19%}.p6 .f2{left:83%;top:62%}.p6 .f3{left:66%;top:79%}.p7{z-index:12}.p7 .answer{width:34vw;position:absolute;left:56%;top:83%;z-index:3;transform-origin:50% 50%;animation:clickAct 3s infinite linear}.question,.question-3{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.5);display:none;justify-content:center;box-sizing:border-box;padding-top:10vh}.question.show,.show.question-3{display:flex;z-index:20}.question.show .close,.show.question-3 .close{display:block}.question .one,.question-3 .one{width:96vw;position:relative;display:none}.question .one.show,.question-3 .one.show{display:inline-block}.question .one img,.question-3 .one img{width:100%}.question .one .hasVdo,.question-3 .one .hasVdo{width:55vw;aspect-ratio:9/16;box-sizing:border-box;background:#fff;padding:15px 10px;border-radius:12px;position:absolute;left:20%;top:20%}.question .one .hasVdo::before,.question-3 .one .hasVdo::before{content:"";width:6vw;height:6vw;position:absolute;left:calc(50% - 3vw);top:-3vw;background:url(../img/e_5.webp) no-repeat 50% 50%/cover}.question .one .hasVdo video,.question-3 .one .hasVdo video{width:100%;aspect-ratio:9/16}.question .close,.question-3 .close{width:10vw;position:absolute;top:12vh;right:8vw;z-index:5;display:none}.question-3{align-items:center;padding-top:0}.question-3.show .answer{animation:wave 3s linear infinite}.question-3 .close{top:2vh}.question-3 .item{width:96vw;position:relative}.question-3 .answer{width:80%;position:absolute;left:10%}.question-3 .answer.clicked{filter:grayscale(1);animation:none}.question-3 .answer:nth-child(1){animation-delay:0.4s}.question-3 .answer:nth-child(2){animation-delay:0.8s}.question-3 .answer:nth-child(3){animation-delay:1.2s}.question-3 .answer:nth-child(4){animation-delay:1.6s}.question-3 .answer:nth-child(5){animation-delay:2s}.question-3 .answer:nth-child(6){animation-delay:2.4s}.question-3 .ans1{top:28%}.question-3 .ans2{top:33%}.question-3 .ans3{top:58%}.question-3 .ans4{top:63%}.question-3 .ans5{top:86%}.question-3 .ans6{top:91%}.ifr_dom{width:96vw;height:96vh;box-sizing:border-box;padding:0 10px;position:fixed;left:2vw;top:2vh;z-index:-1;display:flex;flex-direction:column;background:#fff;transition:all .3s;opacity:0}.ifr_dom.show{opacity:1;z-index:30}.ifr_dom .close{height:8%;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:flex-end;padding:10px 10px 5px 0}.ifr_dom .close img{height:100%;cursor:pointer}.ifr_content{width:100%;height:100%;overflow-y:scroll}.ifr_content h1{font-size:.42rem;line-height:180%;margin-bottom:23px;text-align:center}.ifr_content .inform{width:100%;font-size:.32rem;color:#999;display:flex;justify-content:center;line-height:16px;padding-bottom:25px;border-bottom:1px solid #eee}.ifr_content .inform p{padding:0 .2rem;position:relative}.ifr_content .inform p::after{content:"";position:absolute;bottom:0;right:0;width:1px;height:14px;background:#999}.ifr_content .inform p:first-child{padding-left:0}.ifr_content .inform p:last-child::after{content:none}.article{padding-top:20px;overflow:hidden}.article #vjs_video_3{margin-top:10px}.article p{margin-bottom:.2rem;font-size:.32rem;line-height:1.6}.article .editor{text-align:right;margin-bottom:30px;font-size:14px;color:#999}@keyframes label_swing{0%{transform:rotate(-13deg) translateY(0)}100%{transform:rotate(5deg)}}@keyframes fly{0%{left:110%;bottom:40%}30%,60%{left:9%;bottom:10%}70%,100%{left:-20%;bottom:30%}}@keyframes fly1{0%{left:-20%;bottom:40%}30%,60%{left:76%;bottom:8%}70%,100%{left:120%;bottom:13%}}@keyframes musicJump{0%,100%{transform:skewY(20deg) rotateZ(20deg)}50%{transform:skewY(-10deg) rotateZ(-10deg)}}@keyframes pageBig{0%,50%,100%{transform:skewY(0deg)}10%,30%{transform:skewY(10deg)}20%,40%{transform:skewY(-10deg)}}@keyframes treewing{0%,100%{transform:skewY(5deg)}50%{transform:skewY(-5deg)}}@keyframes p1up{0%,50%,100%{transform:translateY(-5%)}25%,75%{transform:translateY(5%)}}@keyframes p1left{0%{left:50%}100%{left:64%}}@keyframes clickAct{0%,10%,20%,100%{transform:scale(1)}5%,15%{transform:scale(0.8)}}@keyframes truckGo{0%,100%{transform:translateX(0)}20%,40%{transform:translateX(-10px)}70%,80%{transform:translateX(10px)}}@keyframes cardTurn{0%,100%{transform:rotateX(0deg)}10%{transform:rotateX(10deg)}20%{transform:rotateX(8deg)}30%{transform:rotateX(23deg)}40%{transform:rotateX(9deg)}50%{transform:rotateX(12deg)}}@keyframes numDown{0%,10%,20%,30%,40%,100%{transform:translateY(0)}5%{transform:translateY(-16px)}15%{transform:translateY(-12px)}25%{transform:translateY(-8px)}35%{transform:translateY(-4px)}}@keyframes lightJump{0%{transform:rotateZ(0) skewY(0)}100%{transform:rotateZ(180deg) skewY(15deg)}}@keyframes heartJump{0%,20%,40%,60%,100%{transform:scale(1)}10%,30%,50%{transform:scale(1.1)}}@keyframes coinRoll{0%{transform:rotateY(-45deg)}100%{transform:rotateY(45deg)}}@keyframes wave{0%,30%,100%{transform:scale(1)}15%{transform:scale(1.2)}}/*# sourceMappingURL=style.min.css.map */