:root{--radius: 15px}body{font:14px/1.6 "Microsoft YaHei",sans-serif;display:grid;grid-template-columns:8vw auto;color:#000;height:100vh;box-sizing:border-box;overflow:hidden;padding:10px 10px}body.ch .en{display:none !important}body.en .ch{display:none !important}img{pointer-events:none}.menu_bar{overflow:hidden}.list{--itemPaddingLeft: 6px;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;padding-right:20px;position:relative;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.list_item{width:100%;box-sizing:border-box;border:1px solid #000;background:#e7f2cb;padding:10px 9px;border-radius:var(--radius);display:flex;flex-direction:column;gap:9px;filter:drop-shadow(2px 2px 2px #AFD09E)}.list h2{font-weight:normal;padding-left:var(--itemPaddingLeft)}.list .count{padding-left:var(--itemPaddingLeft)}.list .numbers{display:inline-block;background:#afd09e;line-height:20px;border-radius:9px;padding:0 9px}.list .card{width:100%;background-color:#fff;box-sizing:border-box;border-radius:10px;overflow:hidden;position:relative;transition:all .3s;user-select:none}.list .card::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:10px}.list .card::before{content:"";position:absolute;top:5%;right:5%;width:15px;height:15px;border-radius:50%;background:url(../img/correct.jpg) no-repeat 50% 50%/cover;transition:transform .3s;transform:scale(0)}.list .card.tishi::after{border:2px solid #34a853}.list .card.correct::before{transform:scale(1)}.list .card.correct::after{border:2px solid #298dff !important}.list .card img{width:100%;height:100%}.svg,.sum svg,.cup svg{width:65px;height:65px;stroke-width:3px;fill:none;stroke-dasharray:0 180;stroke-dashoffset:47;transform:translateY(-3px)}.map_button,.sum,.post_share,.cup,.sound,.intro{width:65px;height:65px;position:absolute;top:10px;border-radius:50%;z-index:10}.btnBri,.post_share,.cup,.sound,.intro{transition:filter .3s}.btnBri:hover,.post_share:hover,.cup:hover,.sound:hover,.intro:hover{filter:brightness(0.9)}.intro{left:15px;background:url(../img/menu/intro.png) no-repeat 50% 50%/100% auto;cursor:pointer}.sound{left:95px;background:url(../img/menu/sound.png) no-repeat 50% 50%/100% auto;overflow:hidden;cursor:pointer}.sound.muted{background:url(../img/menu/mute.png) no-repeat 50% 50%/100% auto}.cup{right:95px;background:url(../img/menu/cup.png) no-repeat 50% 50%/100% auto;cursor:pointer}.cup svg{stroke:#34a853}.post_share{right:175px;background:url(../img/menu/card.png) no-repeat 50% 50%/100% auto;cursor:pointer;display:none}.scale_btn{width:65px;height:130px;overflow:hidden;background:#fff;border:1px solid #000;box-sizing:border-box;z-index:10;position:absolute;right:15px;bottom:15px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.scale_btn::before{content:"";position:absolute;left:10px;right:10px;top:63px;height:2px;background:rgba(0,0,0,.0666666667)}.scale_btn .btn{width:45px;height:45px;display:flex;justify-content:center;align-items:center;cursor:pointer;user-select:none;font-size:20px;background-position:50% 50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:15px}.scale_btn .btn:hover{background:rgba(0,0,0,.0666666667)}.scale_btn .btn:nth-child(1){background-image:url(../img/menu/big.png)}.scale_btn .btn:nth-child(2){background-image:url(../img/menu/small.png)}.sum{right:15px;background:url(../img/menu/sum.png) no-repeat 50% 50%/100% auto}.sum .number{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;font-weight:bold;pointer-events:none;user-select:none}.sum svg{stroke:#298dff}.prompt{transition:all .1s;transform-origin:50% 100%;transform:translateY(10%) scale(0.5);opacity:0;width:326px;position:absolute;bottom:10px;left:calc(50% - 163px);z-index:10;background:#fff;border:1px solid #000;border-radius:var(--radius);box-sizing:border-box;padding:20px 60px 20px 15px;display:none;filter:drop-shadow(2px 2px 2px #AFD09E)}.prompt::after{content:"";width:40px;height:40px;position:absolute;right:13px;top:calc(50% - 21px);background:url(../img/menu/prompt.jpg) no-repeat 50% 50%/cover}.prompt.show{transform:translateY(0%) scale(1);opacity:1;display:block}.prompt h2{font-size:14px;color:#34a853}.prompt_txt{font-size:16px;padding-top:5px}.covers,.answer,.allCups,.checkOut,.cupShow{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:-1;opacity:0;transition:all .3s}.checkOut.active,.active.cupShow{--aniTime: 2s;z-index:20;opacity:1}.checkOut.active .star,.active.cupShow .star{animation:starShow var(--aniTime) forwards linear}.checkOut.active .checkShow,.active.cupShow .checkShow{animation:imgShow var(--aniTime) forwards linear}.checkOut.active .content_block,.active.cupShow .content_block{transform:translateY(0)}.checkOut .star,.cupShow .star{position:absolute;left:0;top:0;right:0;bottom:0;background:url(../img/checkOut/star.gif) no-repeat 50% 50%/auto 80%;z-index:-1;opacity:0}.checkOut .checkShow,.cupShow .checkShow{max-width:60vw;max-height:50vh;transition:transform .3s;transform:scale(0)}.checkOut .content_block,.cupShow .content_block{width:450px;height:70vh;position:absolute;left:calc(50% - 225px);top:calc(50% - 34vh);transition:transform .3s var(--aniTime);transform:translateY(200%)}.checkOut .content_block .contxt,.cupShow .content_block .contxt{width:100%;height:100%;background:url(../img/checkOut/ch_bg.jpg) no-repeat 50% 0/100% 100%;border-radius:var(--radius);border:1px solid #000;box-sizing:border-box;padding:50px 29px 30px;filter:drop-shadow(5px 5px 0 rgba(175, 208, 158, 0.6));display:flex;flex-direction:column}.checkOut .content_block .contxt h2,.cupShow .content_block .contxt h2{width:100%;color:#298dff;border-bottom:1px solid #e8e7e7;padding-bottom:20px;margin-bottom:15px;text-align:center}.checkOut .content_block .contxt h2 .ch,.cupShow .content_block .contxt h2 .ch{font-size:26px}.checkOut .content_block .contxt h2 .en,.cupShow .content_block .contxt h2 .en{font-size:20px;line-height:130%}.checkOut .content_block .contxt .desc,.cupShow .content_block .contxt .desc{width:100%;font-size:16px;max-height:65%;padding-right:10px;overflow-x:hidden}.checkOut .content_block .contxt .desc:last-child,.cupShow .content_block .contxt .desc:last-child{max-height:80%}.checkOut .content_block .contxt .desc .hasImg,.cupShow .content_block .contxt .desc .hasImg{text-align:center;padding-bottom:10px;color:#298dff;font-size:14px}.checkOut .content_block .contxt .desc .hasImg img,.cupShow .content_block .contxt .desc .hasImg img{width:90%;margin-bottom:10px;border-radius:var(--radius)}.checkOut .content_block .contxt .desc span,.cupShow .content_block .contxt .desc span{color:#298dff}.checkOut .content_block .contxt .vdo,.cupShow .content_block .contxt .vdo{box-sizing:border-box;padding:10px;border-radius:var(--radius);background:#eaf6ed;display:flex;gap:15px;justify-content:space-between;align-items:flex-start;margin-top:20px;cursor:pointer}.checkOut .content_block .contxt .vdo.align,.cupShow .content_block .contxt .vdo.align{align-items:center}.checkOut .content_block .contxt .vdo img,.cupShow .content_block .contxt .vdo img{width:190px;flex-shrink:0;border-radius:var(--radius)}.checkOut .content_block .contxt .vdo dl,.cupShow .content_block .contxt .vdo dl{font-size:16px;width:100%}.checkOut .content_block .contxt .vdo dt,.cupShow .content_block .contxt .vdo dt{color:#298dff;padding-bottom:6px}.checkOut .content_block .return,.cupShow .content_block .return{width:40px;height:40px;background:url(../img/menu/close.png) no-repeat 50% 50%/100% 100%;position:absolute;top:0;right:-12%;border-radius:50%;user-select:none;cursor:pointer}.checkOut .content_block .funAnswer,.cupShow .content_block .funAnswer,.checkOut .content_block .playBtn,.cupShow .content_block .playBtn,.checkOut .content_block .funBtn,.cupShow .content_block .funBtn{padding:0 12px;min-width:70%;padding:10px 5px;background:#34a853;border:1px solid #000;border-radius:var(--radius);display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;bottom:40px;left:50%;transform:translateX(-50%)}.checkOut .content_block .funAnswer span,.cupShow .content_block .funAnswer span,.checkOut .content_block .playBtn span,.cupShow .content_block .playBtn span,.checkOut .content_block .funBtn span,.cupShow .content_block .funBtn span{font-size:20px;color:#fff !important;user-select:none;pointer-events:none}.checkOut .playVdo,.cupShow .playVdo{display:inline;position:absolute;width:80vw;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1;display:none}.checkOut .playVdo.show,.cupShow .playVdo.show{z-index:10;display:block}.checkOut .playVdo video,.cupShow .playVdo video{width:80vw}.checkOut .playVdo .close,.cupShow .playVdo .close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:url(../img/menu/close.png) no-repeat 50% 50%/100% 100%;z-index:3}@keyframes imgShow{0%,100%{transform:scale(0)}10%,90%{transform:scale(1) rotate(0deg)}10%{transform:scale(1) rotate(5deg)}50%{transform:scale(1) rotate(-5deg)}}@keyframes starShow{0%,100%{opacity:0}10%,90%{opacity:1}}.cupShow.active{opacity:1}.cupShow.active .content_block{transform:scale(1)}.cupShow.active .content_block .contxt .cupBox::before{transition:transform .3s .3s;transform:scale(1)}.cupShow .content_block{transition:transform .3s;transform:scale(0) translateY(0);opacity:0;z-index:-1}.cupShow .content_block.show{opacity:1;z-index:10}.cupShow .content_block .contxt{padding:20px 20px 20px 20px;height:86%;display:flex;flex-direction:column}.cupShow .content_block .contxt h1{font-size:24px;color:#298dff;text-align:center}.cupShow .content_block .contxt h2{font-size:24px;color:#000;text-align:center;font-weight:normal;border-bottom:none;margin-bottom:0}.cupShow .content_block .contxt h3{font-size:18px;color:#298dff;font-weight:normal;text-align:center}.cupShow .content_block .contxt .cupBox{width:120px;margin:0 auto 20px;position:relative}.cupShow .content_block .contxt .cupBox::before{content:"";width:230px;height:122px;position:absolute;left:calc(50% - 115px);top:calc(50% - 61px);background:url(../img/cup/color.png) no-repeat 50% 50%/cover;transform:scale(0)}.cupShow .content_block .contxt .cupBox img{width:100%}.cupShow .content_block .contxt .allCup{width:120px;margin:10px auto 20px;position:relative}.cupShow .content_block .contxt .allCup.pang::before{transition:transform .3s .3s;transform:scale(1)}.cupShow .content_block .contxt .allCup::before{content:"";width:320px;height:122px;position:absolute;left:calc(50% - 160px);top:calc(50% - 61px);background:url(../img/cup/last.png) no-repeat 50% 50%/cover;transform:scale(0)}.cupShow .content_block .contxt .allCup img{width:100%}.cupShow .content_block .return,.cupShow .content_block .last_btn{width:64%;height:9%;background:#34a853;border:1px solid #000;border-radius:var(--radius);position:absolute;top:auto;right:auto;bottom:0;left:18%;display:flex;justify-content:center;align-items:center;font-size:24px;color:#fff;font-weight:bold;user-select:none;cursor:pointer}.allCups.active{z-index:20;opacity:1}.allCups.active .content_block{transform:translateY(0)}.allCups .content_block{width:450px;height:70vh;position:absolute;left:calc(50% - 225px);top:calc(50% - 34vh);transition:transform .3s;transform:translateY(200%)}.allCups .content_block .contxt{width:100%;height:auto;background:url(../img/checkOut/ch_bg.jpg) no-repeat 50% 0/100% 100%;border-radius:var(--radius);border:1px solid #000;box-sizing:border-box;padding:30px 20px;filter:drop-shadow(5px 5px 0 rgba(175, 208, 158, 0.6))}.allCups .content_block .contxt h2{font-size:24px;color:#000;padding-bottom:15px;text-align:center}.allCups .content_block .contxt h3{font-size:16px;color:#34a853;text-align:center;padding-bottom:15px}.allCups .content_block .contxt h4{font-size:14px;color:#000;text-align:center;padding-top:15px;font-weight:normal}.allCups .content_block .contxt .wall{display:flex;justify-content:center;flex-wrap:wrap;align-items:center}.allCups .content_block .contxt .wall p{width:33%;text-align:center;padding-bottom:22px;filter:grayscale(1)}.allCups .content_block .contxt .wall p.findOut{filter:grayscale(0)}.allCups .content_block .contxt .wall p img{height:75px}.allCups .content_block .return{width:70%;height:7%;background:#34a853;border:1px solid #000;border-radius:var(--radius);margin:20px auto 0;display:flex;justify-content:center;align-items:center;font-size:24px;color:#fff;font-weight:bold;user-select:none;cursor:pointer}.answer.active{z-index:20;opacity:1}.answer.active .answer_main{transform:translateY(0)}.answer_main{width:450px;height:70vh;position:absolute;left:calc(50% - 225px);top:calc(50% - 34vh);transition:transform .3s;transform:translateY(200%);overflow:hidden}.answer_main .question{width:98%;height:82%;background:url(../img/checkOut/ch_bg.jpg) no-repeat 50% 0/100% 100%;border-radius:var(--radius);border:1px solid #000;box-sizing:border-box;padding:50px 30px;filter:drop-shadow(5px 5px 0 rgba(175, 208, 158, 0.6));font-size:16px;font-weight:normal;position:absolute;left:100%;top:0}.answer_main .question:nth-child(1){position:relative;left:0}.answer_main .question:last-child{display:flex;flex-direction:column;justify-content:center}.answer_main .question.queIn{transition:left .5s .5s;left:0}.answer_main .question h2{font-size:24px;text-align:center;user-select:none}.answer_main .question h3{padding-bottom:20px;user-select:none}.answer_main .question ul{overflow-y:scroll;overflow-x:hidden;height:90%;padding-right:10px}.answer_main .question li{padding:10px 30px;border-top:1px solid #e7e7e7;position:relative;user-select:none;cursor:pointer}.answer_main .question li span{pointer-events:none}.answer_main .question li::before{position:absolute;left:0;top:10px;color:#8d8d8d}.answer_main .question li::after{width:20px;height:20px;position:absolute;right:0;top:14px}.answer_main .question li:nth-child(1)::before{content:"A"}.answer_main .question li:nth-child(2)::before{content:"B"}.answer_main .question li:nth-child(3)::before{content:"C"}.answer_main .question li:nth-child(4)::before{content:"D"}.answer_main .question li.right{color:#288cfe}.answer_main .question li.right::after{content:"";background:url(../img/right.png) no-repeat 50% 50%/cover}.answer_main .question li.wrong{color:#e7422c}.answer_main .question li.wrong::after{content:"";background:url(../img/wrong.png) no-repeat 50% 50%/cover}.answer_main .question .funBtn{margin:40px auto 0;width:70%;height:40px;background:#34a853;border:1px solid #000;border-radius:var(--radius);display:flex;justify-content:center;align-items:center;font-size:20px;color:#fff;user-select:none;cursor:pointer}@media screen and (min-width: 2200px){.checkOut .content_block,.cupShow .content_block{width:550px;left:calc(50% - 275px)}.checkOut .content_block .contxt h2,.cupShow .content_block .contxt h2{font-size:36px;padding-bottom:20px;margin-bottom:20px}.checkOut .content_block .contxt .desc,.cupShow .content_block .contxt .desc{font-size:24px;max-height:80%}.checkOut .content_block .contxt .desc .hasImg,.cupShow .content_block .contxt .desc .hasImg{font-size:22px;padding-bottom:20px}.checkOut .content_block .contxt .desc .hasImg img,.cupShow .content_block .contxt .desc .hasImg img{margin-bottom:20px}.checkOut .content_block .contxt .vdo img,.cupShow .content_block .contxt .vdo img{width:240px;flex-shrink:0;border-radius:var(--radius)}.checkOut .content_block .contxt .vdo dl,.cupShow .content_block .contxt .vdo dl{font-size:22px}.checkOut .content_block .contxt .vdo dt,.cupShow .content_block .contxt .vdo dt{font-size:24px}.checkOut .content_block .funAnswer,.cupShow .content_block .funAnswer,.checkOut .content_block .playBtn,.cupShow .content_block .playBtn,.checkOut .content_block .funBtn,.cupShow .content_block .funBtn{height:50px;font-size:30px}.checkOut .playVdo .close,.cupShow .playVdo .close{top:20px;right:20px;width:60px;height:60px}.cupShow.active{z-index:23}.cupShow .content_block .contxt{padding:20px 20px 20px 20px;height:86%}.cupShow .content_block .contxt h2{font-size:36px}.cupShow .content_block .contxt h3{font-size:32px}.cupShow .content_block .contxt .desc{height:36%}.cupShow .content_block .contxt .cupBox{width:180px;position:relative}.cupShow .content_block .contxt .cupBox::before{content:"";width:300px;height:180px;left:calc(50% - 150px);top:calc(50% - 90px)}.cupShow .content_block .contxt .allCup{width:120px;margin:10px auto 20px;position:relative}.cupShow .content_block .contxt .allCup.pang::before{transition:transform .3s .3s;transform:scale(1)}.cupShow .content_block .contxt .allCup::before{content:"";width:320px;height:122px;position:absolute;left:calc(50% - 160px);top:calc(50% - 61px);background:url(../img/cup/last.png) no-repeat 50% 50%/cover;transform:scale(0)}.cupShow .content_block .contxt .allCup img{width:100%}.cupShow .content_block .return,.cupShow .content_block .last_btn{height:50px;font-size:30px}.allCups .content_block{width:600px;height:70vh;left:calc(50% - 300px);top:calc(50% - 34vh)}.allCups .content_block .contxt{width:100%;height:90%;background:url(../img/checkOut/ch_bg.jpg) no-repeat 50% 0/100% 100%}.allCups .content_block .contxt h2{font-size:36px}.allCups .content_block .contxt h3{font-size:30px;font-weight:normal}.allCups .content_block .contxt h4{font-size:24px}.allCups .content_block .contxt .wall p img{height:130px}.answer_main{width:600px}.answer_main .question h2{font-size:30px;text-align:center;user-select:none}.answer_main .question h3{font-size:30px;user-select:none}.answer_main .question li{padding:20px 30px;font-size:24px}.answer_main .question li::before{top:20px}.answer_main .question li::after{width:30px;height:30px;top:24px}.answer_main .question .funBtn{height:50px;font-size:30px}}.en .prompt{width:400px;left:calc(50% - 200px)}.en .cupShow .content_block .contxt h3{font-size:16px}.en .cupShow .content_block .contxt h2{font-size:20px;line-height:1.4}.en .checkOut .content_block .contxt .desc,.en .cupShow .content_block .contxt .desc{max-height:70%}.en .checkOut .content_block .contxt .desc,.en .cupShow .content_block .contxt .desc{text-align:justify}.en .cupShow .content_block .last_btn{font-size:18px}.load{position:fixed;left:0;top:0;width:100%;height:100%;z-index:30;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s}.load.goOut{opacity:0;pointer-events:none}.load_earth{width:15vw;height:15vw;margin:0 auto 60px;position:relative}.load.showLang .load_pag,.load.showLang .loadDian{opacity:0}.load.showLang .langChange{opacity:1}.load_pag{width:40%;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.load_pag .bar{width:90%;height:20px;border-radius:10px;background:#e5e9e6;overflow:hidden}.load_pag .bar_inner{width:0%;height:100%;border-radius:10px;background:#34a853;transition:width .1s;white-space:nowrap}.load_pag .num{display:inline;font-size:20px}.load .sun{width:37%;position:absolute;top:0;left:58%;animation:ballRoll 10s infinite linear reverse}.load .earth{width:80%;position:absolute;left:11%;top:8%;z-index:3;animation:ballRoll 6s infinite linear}.load .cloudy1{width:36%;position:absolute;left:0;top:37%;z-index:6;animation:cloudyFloat 3s infinite linear alternate}.load .cloudy2{width:27%;position:absolute;left:63%;top:51%;z-index:6;animation:cloudyFloat 3s infinite linear alternate-reverse}.load .hand{width:83%;position:absolute;left:8.5%;bottom:0;z-index:10}.load .loadDian{font-size:20px;text-align:center;margin:30px 0 120px;transition:all .3s}.load .loadDian span{animation:showhide 1.2s infinite forwards}.load .loadDian span:nth-child(1){animation-delay:0.2s}.load .loadDian span:nth-child(2){animation-delay:0.4s}.load .loadDian span:nth-child(3){animation-delay:0.6s}.load .loadDian span:nth-child(4){animation-delay:0.8s}.load .loadDian span:nth-child(5){animation-delay:1s}.load .loadDian span:nth-child(6){animation-delay:1.2s}.load .loadLogo{padding-right:40px;text-align:center;transition:all .3s}.load .langChange{width:30vw;position:absolute;left:calc(50% - 15vw);top:130%;display:flex;gap:26px;opacity:0;transition:all .3s .3s}.load .langChange .langBtn{width:50%;height:60px;background:#34a853;border-radius:15px;text-align:center;font-size:26px;color:#fff;line-height:60px;cursor:pointer}@keyframes ballRoll{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes cloudyFloat{0%{transform:translateX(0)}100%{transform:translateX(20px)}}@keyframes showhide{0%{opacity:1;transform:translateY(-100%)}100%{opacity:0;transform:translateY(0)}}.map{border-radius:var(--radius);overflow:hidden;position:relative}.scroll{width:calc(100% + 17px);height:calc(100vh + 17px);overflow:scroll}.box{width:213.3333333333vh;height:120vh;display:grid;grid:repeat(10, 1fr)/repeat(10, 1fr);position:relative;transform-origin:50% 50%;overflow:hidden}.box .item{position:relative;background-size:100% 100%;background-position:center;box-sizing:border-box}.a35.showHide .hideImg,.a45.showHide .hideImg,.a46.showHide .hideImg,.a61.showHide .hideImg,.a71.showHide .hideImg{opacity:1;z-index:5}.a35 .hideImg,.a45 .hideImg,.a46 .hideImg,.a61 .hideImg,.a71 .hideImg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:-1;transition:opacity 1s .5s;user-select:none;pointer-events:none}.temp_map{width:1px;height:1px;overflow:hidden;position:fixed;top:150%;left:150%;z-index:-1;visibility:hidden}.dispear .findObj{opacity:0}.findObj{transition:opacity .6s}.talk_bub{position:absolute;background:url(../img/dian.gif) no-repeat 50% 50%/auto 100%;z-index:1;user-select:none;white-space:nowrap;font-size:16px;background:#fff;padding:5px 10px;border-radius:5px;pointer-events:none;opacity:0}.talk_bub::after{content:"";position:absolute;left:28px;top:99%;width:8px;height:12px;background:#fff;clip-path:polygon(0 0, 100% 0, 100% 100%)}.showTalk .talk_bub{animation:talkBub 5s .5s forwards linear}@keyframes talkBub{0%,100%{opacity:0}10%,90%{opacity:1}}.f1{width:17.5%;height:25.5%;position:absolute;left:16.7%;top:47.5%;user-select:none;z-index:10}.f2{width:17.5%;height:26.6%;position:absolute;left:18.8%;top:33%;user-select:none}.f3{width:51%;position:absolute;left:-5%;top:39%;user-select:none}.f3.take .img1{transform:translateY(-130%) scale(5);opacity:0}.f3 .img1{position:absolute;left:0;top:0;right:0;bottom:0;transition:transform 1s .3s,opacity .6s .6s;opacity:1}.f3 .img2{width:100%;opacity:.6}.f3 .talk_bub{left:-5px;top:-45px;z-index:6}.f4{width:3%;height:13%;position:absolute;left:72%;top:60%;user-select:none}.f5{width:25.7%;height:28%;position:absolute;left:14%;top:43%;user-select:none}.f6{width:3%;height:14%;position:absolute;left:61%;top:-5%;user-select:none}.f7{width:7%;position:absolute;left:39%;top:6%;user-select:none}.f8{width:21%;position:absolute;left:-1.5%;top:-25.6%;user-select:none}.f8 .talk_bub{left:0;top:-20px}.f9{width:8%;position:absolute;left:52%;top:70%;user-select:none}.f10{width:8%;position:absolute;left:45.5%;top:65.5%;user-select:none}.f10.treat{width:5%;left:45%;top:63%}.f10.treat .injury{display:none}.f10.treat .health{display:block}.f10 img{width:100%}.f10 .injury{display:block}.f10 .health{display:none}.f10 .talk_bub{left:-37px;top:-49px}.f11{width:10%;height:16%;position:absolute;left:47%;top:0;user-select:none}.f11 .per{width:100%}.f11.showTree .tree{opacity:1}.f11 .tree{width:50%;position:absolute;opacity:0;transition:opacity .3s}.f11 .tree:nth-child(1){transition-delay:0.2s}.f11 .tree:nth-child(2){transition-delay:0.4s}.f11 .tree:nth-child(3){transition-delay:0.6s}.f11 .tree:nth-child(4){transition-delay:0.8s}.f11 .tree:nth-child(5){transition-delay:1s}.f11 .tree:nth-child(6){transition-delay:1.2s}.f11 .tree:nth-child(7){transition-delay:1.4s}.f11 .tree:nth-child(8){transition-delay:1.6s}.f11 .tree:nth-child(9){transition-delay:1.8s}.f11 .tree:nth-child(10){transition-delay:2s}.f11 .tree:nth-child(1){left:-262%;top:189%}.f11 .tree:nth-child(2){left:-299%;top:150%}.f11 .tree:nth-child(3){left:-227%;top:109%}.f11 .tree:nth-child(4){left:-167%;top:79%}.f11 .tree:nth-child(5){left:92%;top:-47%}.f11 .tree:nth-child(6){left:147%;top:-59%}.f11 .tree:nth-child(7){left:125%;top:-107%}.f11 .tree:nth-child(8){left:173%;top:-103%}.f11 .tree:nth-child(9){left:161%;top:-166%}.f11 .tree:nth-child(10){left:202%;top:-215%}.f11 .talk_bub{left:-26px;top:-48px;animation-delay:2s}.f12{width:21%;height:30%;position:absolute;left:50%;top:19%;user-select:none}.f13{width:19%;height:33%;position:absolute;left:8%;top:57%;user-select:none;z-index:10}.f13 .talk_bub{left:-6%;top:-116%}.f14{width:3.8%;height:13.5%;position:absolute;left:85%;top:76%;user-select:none}.f14 .talk_bub{width:206%;height:auto;left:-96%;top:-76%;max-width:none;background:none;padding:0;border-radius:0}.f15{width:5.7%;height:16.8%;position:absolute;left:10.4%;top:52.2%;user-select:none}.f15 .talk_bub{left:-504%;top:-49%;z-index:6}.f16{width:8%;position:absolute;left:25%;top:32%;user-select:none}.f16 .talk_bub{left:-36%;top:-136%}.f17{width:13%;position:absolute;left:16%;top:75%;user-select:none}.f17 .talk_bub{left:-36%;top:-136%}.f18{width:3.7%;position:absolute;left:0;top:24%;user-select:none}.f18 .talk_bub{left:-171%;top:-198%}.f19{width:2.5%;height:15%;position:absolute;left:70%;top:25%;user-select:none}.f20{width:38%;position:absolute;left:-13%;top:-32%;transition:opacity .6s;user-select:none}.f20 .talk_bub{left:-26%;top:77%}.f21{width:3.7%;height:14%;position:absolute;left:87%;top:91.5%;z-index:1;user-select:none}.f22{width:4.6%;height:14%;position:absolute;left:55%;top:35%;user-select:none}.f23{width:9%;height:20%;position:absolute;left:80%;top:40%;user-select:none}.f24{width:13%;height:31%;position:absolute;left:-3%;top:-4%;user-select:none}.f25{width:21%;height:27%;position:absolute;left:24%;top:2%;user-select:none}.f25.fish .boat{display:none}.f25.fish .fish{animation:fishSwim 10s infinite linear;display:block}.f25 .boat{display:block}.f25 .fish{display:none}.f25 .talk_bub{left:10%;top:-100%}.f26{width:8%;height:16%;position:absolute;left:73%;top:12%;user-select:none}.f27{width:19%;position:absolute;left:12%;top:50%;user-select:none}.f27 .findObj{opacity:.6}.f27.swim .findObj{opacity:.6;animation:bigFishSwim 20s infinite linear}.f27 .talk_bub{left:-10%;top:-90%}.f28{width:12%;height:15%;position:absolute;left:44%;top:80%;user-select:none}.f29{width:9%;height:15%;position:absolute;left:95%;top:53%;z-index:1;user-select:none}.f30{width:100%;height:100%;position:absolute;left:0;bottom:0;user-select:none}.f30.roll ::before{animation:fanRoll .2s steps(3) infinite}.f30 .one{width:4%;position:absolute}.f30 .one:nth-child(1){left:15%;bottom:10%}.f30 .one:nth-child(2){left:36%;bottom:30%}.f30 .one:nth-child(3){left:53%;bottom:50%}.f30 .one:nth-child(4){left:72%;bottom:69%}.f30 .one::before{content:"";width:400%;height:55%;position:absolute;left:-100%;top:-25%;background-image:url("../img/obj/fan1.png");background-position:50% 50%;background-repeat:no-repeat;background-size:100% 100%}.f30 .one .pole{width:100%}@keyframes fanRoll{0%,100%{background-image:url("../img/obj/fan1.png")}33%{background-image:url("../img/obj/fan2.png")}66%{background-image:url("../img/obj/fan3.png")}}@keyframes fishSwim{0%,100%{transform:translateX(0%) rotateZ(-20deg)}30%{opacity:1}35%{opacity:0;transform:translateX(100%) rotateZ(-20deg)}49%{opacity:0;transform:translateX(100%) translateY(10%) rotateZ(20deg) rotateY(180deg)}50%{opacity:1;transform:translateX(100%) translateY(10%) rotateZ(20deg) rotateY(180deg)}80%{opacity:1}85%{opacity:0;transform:translateX(0%) translateY(20%) rotateZ(20deg) rotateY(180deg)}99%{opacity:0;transform:translateX(0%) rotateZ(-20deg)}}@keyframes bigFishSwim{0%{transform:translate(0%, 0%) rotateZ(-30deg)}45%{opacity:1}50%{opacity:0;transform:translate(350%, -50%) rotateZ(-30deg)}55%{opacity:0;transform:translate(350%, -50%) rotateZ(30deg) rotateY(210deg)}58%{opacity:1}90%{opacity:0}100%{opacity:0;transform:translate(0%, 0%) rotateZ(30deg) rotateY(210deg)}}.f1>img,.f2>img,.f3>img,.f4>img,.f5>img,.f6>img,.f7>img,.f8>img,.f9>img,.f10>img,.f11>img,.f12>img,.f13>img,.f14>img,.f15>img,.f16>img,.f17>img,.f18>img,.f19>img,.f20>img,.f21>img,.f22>img,.f23>img,.f24>img,.f25>img,.f26>img,.f27>img,.f28>img,.f29>img,.f30>img{width:100%;height:100%}.talkPort,.t16,.t15,.t14,.t13,.t12,.t11,.t10,.t9,.t8,.t7,.t6,.t5,.t4,.t3,.t2,.t1{width:4%;height:8%;position:absolute;background:url(../img/dian.gif) no-repeat 50% 50%/auto 100%;z-index:8;user-select:none}.talkPort.click,.click.t16,.click.t15,.click.t14,.click.t13,.click.t12,.click.t11,.click.t10,.click.t9,.click.t8,.click.t7,.click.t6,.click.t5,.click.t4,.click.t3,.click.t2,.click.t1{background:none}.talkPort.click .txt,.click.t16 .txt,.click.t15 .txt,.click.t14 .txt,.click.t13 .txt,.click.t12 .txt,.click.t11 .txt,.click.t10 .txt,.click.t9 .txt,.click.t8 .txt,.click.t7 .txt,.click.t6 .txt,.click.t5 .txt,.click.t4 .txt,.click.t3 .txt,.click.t2 .txt,.click.t1 .txt{opacity:1}.talkPort .txt,.t16 .txt,.t15 .txt,.t14 .txt,.t13 .txt,.t12 .txt,.t11 .txt,.t10 .txt,.t9 .txt,.t8 .txt,.t7 .txt,.t6 .txt,.t5 .txt,.t4 .txt,.t3 .txt,.t2 .txt,.t1 .txt{white-space:nowrap;font-size:16px;background:#fff;position:absolute;bottom:16px;left:-20px;padding:5px 10px;border-radius:5px;pointer-events:none;opacity:0;transition:opacity .3s}.talkPort .txt::after,.t16 .txt::after,.t15 .txt::after,.t14 .txt::after,.t13 .txt::after,.t12 .txt::after,.t11 .txt::after,.t10 .txt::after,.t9 .txt::after,.t8 .txt::after,.t7 .txt::after,.t6 .txt::after,.t5 .txt::after,.t4 .txt::after,.t3 .txt::after,.t2 .txt::after,.t1 .txt::after{content:"";position:absolute;left:28px;top:99%;width:8px;height:12px;background:#fff;clip-path:polygon(0 0, 100% 0, 100% 100%)}.t1{top:65%;right:3%}.t2{top:26%;left:77%}.t3{top:40%;left:5%}.t4{top:69%;left:18%}.t5{top:78%;left:-4%}.t6{top:74%;left:30%}.t6 .txt{left:-140px}.t6 .txt::after{left:140px}.t7{top:72%;left:47%}.t8{top:77%;left:81%}.t9{top:4%;left:18%}.t10{top:14%;left:93%}.t11{top:66%;left:56%}.t12{top:9%;left:33%}.t12 .txt{left:-276px}.t12 .txt::after{left:280px}.t13{top:22%;left:42%}.t14{top:40%;left:27%}.t15{top:5%;left:46%}.t16{top:23%;left:44%}.exp,.e13,.e12,.e11,.e10,.e9,.e8,.e7,.e6,.e5,.e4,.e3,.e2,.e1{width:8%;position:absolute;z-index:1;user-select:none}.exp img,.e13 img,.e12 img,.e11 img,.e10 img,.e9 img,.e8 img,.e7 img,.e6 img,.e5 img,.e4 img,.e3 img,.e2 img,.e1 img{width:100%}.e1{left:42%;top:28%}.e2{left:45%;top:-4%}.e3{left:61%;top:-10%}.e4{left:7%;top:37%}.e5{left:42%;top:37%}.e6{left:42%;top:42%}.e7{left:68%;top:56%}.e8{left:86%;top:-1%}.e9{left:61%;top:37%}.e10{left:56%;top:-11%}.e11{left:-4%;top:43%}.e12{left:61%;top:81%}.e13{left:36%;top:42%}.cover{--shadow: 6px 6px 0 rgba(175, 208, 158, .6);position:fixed;left:0;top:0;z-index:20;width:100vw;height:100vh;background:rgba(0,0,0,.4666666667)}.cover.out{transition:opacity .3s .3s;opacity:0;pointer-events:none}.cover h2{font-size:20px;color:#34a853;text-align:center;margin-bottom:10px}.cover .open{width:68vw;height:88vh;min-width:1300px;min-height:945px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);text-align:center;transition:bottom .3s}.cover .open.goOut{bottom:-150%}.cover .open .bgBox{position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background-position:50% 100%;background-size:auto 100%;background-repeat:no-repeat}.cover .open .bgBox.ch{background-image:url(../img/cover/ch_bg.png)}.cover .open .bgBox.en{background-image:url(../img/cover/en_bg.png)}.cover .open .Launch{position:absolute;left:20%;bottom:19%;color:#34a853;transform:rotate(-2deg)}.cover .rule,.cover .start{width:25%;font-size:24px;color:#34a853;text-align:center;position:absolute;left:35%;border:1px solid #34a853;border-radius:10px;background:#fff;transition:all .3s;padding:10px 0;cursor:pointer}.cover .rule:hover,.cover .start:hover{background:#34a853;color:#fff;font-weight:bold;border:1px solid #000}.cover .rule{bottom:33%}.cover .start{bottom:24.5%}.cover .method{width:36vw;min-width:700px;min-height:465px;background:#fff;position:absolute;left:50%;top:50%;border:1px solid #fff;border-radius:10px;box-shadow:var(--shadow);box-sizing:border-box;transform:translate(200%, -50%);transition:transform .3s;padding:30px 20px}.cover .method.goIn{transition:transform .3s .3s;transform:translate(-50%, -50%)}.cover .method h2{font-size:30px}.cover .method ul{display:flex;gap:18px}.cover .method li{width:33%;font-size:14px}.cover .method li p{font-size:18px;padding:10px 0 5px}.cover .method li img{width:100%}.cover .method .return{width:45%;border-radius:10px;border:1px solid #000;background:#34a853;font-size:24px;color:#fff;font-weight:bold;text-align:center;cursor:pointer;padding:10px 0;margin:60px auto 0}.cover .rule_Bg{width:23vw;height:30.6666666667vw;background:url(../img/cover/prompt_bg.png) no-repeat 50% 0/100% 100%;position:absolute;left:50%;top:50%;transition:transform .3s;transform:translate(-50%, 200%);border-radius:15px;box-shadow:var(--shadow)}.cover .rule_Bg.goIn{transform:translate(-50%, -50%)}.cover .rule_Bg .explore{width:70%;position:absolute;left:15%;bottom:24%;font-size:24px;color:#fff;font-weight:bold;text-align:center;border:1px solid #000;border-radius:10px;background:#34a853;cursor:pointer;padding:10px 0}.cover .rule_Bg .list_btn{font-size:16px;color:#000;text-align:center;position:absolute;left:0;right:0;bottom:6%;cursor:pointer}.cover .close{width:40px;height:40px;background:url(../img/menu/close.png) no-repeat 50% 50%/100% 100%;position:absolute;top:0;right:-13%;cursor:pointer}.cover .workList{width:30vw;min-width:500px;max-height:80vh;background:url(../img/cover/list.png) no-repeat 50% 0/100% 100%;position:absolute;left:50%;top:50%;transition:tra-nsform .3s;transform:translate(300%, -50%);border-radius:15px;box-shadow:var(--shadow);box-sizing:border-box;padding:30px 20px 50px;display:flex;flex-direction:column}.cover .workList.goIn{transform:translate(-50%, -50%)}.cover .workList ul{display:flex;justify-content:center;flex-wrap:wrap;column-gap:15px;row-gap:8px}.cover .workList div.en{overflow-x:hidden;overflow-y:scroll}.cover .workList li{width:45%;font-size:16px;line-height:140%}.cover .workList li.en{font-size:14px}.cover .workList li:nth-child(2n+1){text-align:right}.cover .workList .tc{text-align:center;padding-top:6px;font-size:16px;overflow:hidden}.cover .workList p{padding:15px 0 0 10px;text-align:center}.cover .lastBox{width:21vw;height:90vh;min-width:400px;position:absolute;left:39vw;top:150vh;display:flex;gap:70px;flex-direction:column;justify-content:center;transform-style:preserve-3d;perspective:1500px;transition:top .5s}.cover .lastBox.goIn{top:5vh}.cover .lastBox .cardShow{display:inline-block;background:#298dff;border-radius:15px;box-sizing:border-box;padding:5px;box-shadow:5px 5px 5px rgba(0,0,0,.4);transform:rotateY(0deg);transition:transform .4s}.cover .lastBox .cardShow.roll{transform:rotateY(90deg)}.cover .lastBox .cardShow a{display:block}.cover .lastBox .cardShow a::after{content:"点击保存图片";font-size:16px;line-height:40px;color:#fff;text-align:center;width:52%;background:url(../img/cover/radius.png) no-repeat 50% 50%/100% 100%;position:absolute;left:24%;top:100%}.cover .lastBox .cardShow img{width:100%;height:100%;border-radius:15px}.cover .lastBox .cardBtn{width:100%;height:10%;display:flex;gap:20px}.cover .lastBox .cardAgain,.cover .lastBox .share{width:50%;font-size:24px;color:#fff;background:#34a853;border-radius:15px;border:1px solid #000;display:flex;padding:10px 0;justify-content:center;cursor:pointer}.cover .lastBox .ch,.cover .lastBox .en{display:flex;align-items:center;gap:8px}.cover .lastBox .wx,.cover .lastBox .wb,.cover .lastBox .x,.cover .lastBox .fb{width:30px;height:30px;border-radius:50%;position:relative}.cover .lastBox .wx .ico,.cover .lastBox .wb .ico,.cover .lastBox .x .ico,.cover .lastBox .fb .ico{width:95%;height:95%;margin-top:5%;border-radius:50%}.cover .lastBox .erma{width:135px;height:190px;position:absolute;left:-55px;bottom:110%;max-width:none;opacity:0;visibility:hidden;transition:all .3s}.cover .lastBox .erma.show{opacity:1;visibility:visible}@media screen and (min-width: 2200px){.cover .method{width:50vw;padding:30px 50px}.cover .method li{font-size:18px}.cover .method li p{font-size:22px}.cover .method ul{gap:50px}}.en .cover .lastBox .cardShow a::after{content:"Click to save"}.en .cover .lastBox .cardAgain,.en .cover .lastBox .share{font-size:18px;text-align:center}.en .cover .rule_Bg{background:url(../img/cover/prompt_en.png) no-repeat 50% 0/100% 100%}/*# sourceMappingURL=style.min.css.map */