@keyframes blank{0%{opacity:0}to{opacity:1}}@keyframes flip{0%{opacity:1;transform:rotateY(0deg)}to{opacity:0;transform:rotateY(180deg)}}@keyframes flip2{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}@keyframes scale{0%{transform:scale(1)}to{transform:scale(1.5)}}@keyframes vertical{0%{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes horizontal{0%{transform:translateX(0)}to{transform:translateX(10px)}}@keyframes horizontal2{0%{margin-right:0}to{margin-right:10px}}.gaze_step_1{width:calc(1.66667% - .33333px)!important}.gaze_donut_step_1{background:conic-gradient(red 0 1.6666666667%,#efefef 1.6666666667% 100%)}.gaze_step_2{width:calc(3.33333% - .66667px)!important}.gaze_donut_step_2{background:conic-gradient(red 0 3.3333333333%,#efefef 3.3333333333% 100%)}.gaze_step_3{width:calc(5% - 1px)!important}.gaze_donut_step_3{background:conic-gradient(red 0 5%,#efefef 5% 100%)}.gaze_step_4{width:calc(6.66667% - 1.33333px)!important}.gaze_donut_step_4{background:conic-gradient(red 0 6.6666666667%,#efefef 6.6666666667% 100%)}.gaze_step_5{width:calc(8.33333% - 1.66667px)!important}.gaze_donut_step_5{background:conic-gradient(red 0 8.3333333333%,#efefef 8.3333333333% 100%)}.gaze_step_6{width:calc(10% - 2px)!important}.gaze_donut_step_6{background:conic-gradient(red 0 10%,#efefef 10% 100%)}.gaze_step_7{width:calc(11.66667% - 2.33333px)!important}.gaze_donut_step_7{background:conic-gradient(red 0 11.6666666667%,#efefef 11.6666666667% 100%)}.gaze_step_8{width:calc(13.33333% - 2.66667px)!important}.gaze_donut_step_8{background:conic-gradient(red 0 13.3333333333%,#efefef 13.3333333333% 100%)}.gaze_step_9{width:calc(15% - 3px)!important}.gaze_donut_step_9{background:conic-gradient(red 0 15%,#efefef 15% 100%)}.gaze_step_10{width:calc(16.66667% - 3.33333px)!important}.gaze_donut_step_10{background:conic-gradient(red 0 16.6666666667%,#efefef 16.6666666667% 100%)}.gaze_step_11{width:calc(18.33333% - 3.66667px)!important}.gaze_donut_step_11{background:conic-gradient(red 0 18.3333333333%,#efefef 18.3333333333% 100%)}.gaze_step_12{width:calc(20% - 4px)!important}.gaze_donut_step_12{background:conic-gradient(red 0 20%,#efefef 20% 100%)}.gaze_step_13{width:calc(21.66667% - 4.33333px)!important}.gaze_donut_step_13{background:conic-gradient(red 0 21.6666666667%,#efefef 21.6666666667% 100%)}.gaze_step_14{width:calc(23.33333% - 4.66667px)!important}.gaze_donut_step_14{background:conic-gradient(red 0 23.3333333333%,#efefef 23.3333333333% 100%)}.gaze_step_15{width:calc(25% - 5px)!important}.gaze_donut_step_15{background:conic-gradient(red 0 25%,#efefef 25% 100%)}.gaze_step_16{width:calc(26.66667% - 5.33333px)!important}.gaze_donut_step_16{background:conic-gradient(red 0 26.6666666667%,#efefef 26.6666666667% 100%)}.gaze_step_17{width:calc(28.33333% - 5.66667px)!important}.gaze_donut_step_17{background:conic-gradient(red 0 28.3333333333%,#efefef 28.3333333333% 100%)}.gaze_step_18{width:calc(30% - 6px)!important}.gaze_donut_step_18{background:conic-gradient(red 0 30%,#efefef 30% 100%)}.gaze_step_19{width:calc(31.66667% - 6.33333px)!important}.gaze_donut_step_19{background:conic-gradient(red 0 31.6666666667%,#efefef 31.6666666667% 100%)}.gaze_step_20{width:calc(33.33333% - 6.66667px)!important}.gaze_donut_step_20{background:conic-gradient(red 0 33.3333333333%,#efefef 33.3333333333% 100%)}.gaze_step_21{width:calc(35% - 7px)!important}.gaze_donut_step_21{background:conic-gradient(red 0 35%,#efefef 35% 100%)}.gaze_step_22{width:calc(36.66667% - 7.33333px)!important}.gaze_donut_step_22{background:conic-gradient(red 0 36.6666666667%,#efefef 36.6666666667% 100%)}.gaze_step_23{width:calc(38.33333% - 7.66667px)!important}.gaze_donut_step_23{background:conic-gradient(red 0 38.3333333333%,#efefef 38.3333333333% 100%)}.gaze_step_24{width:calc(40% - 8px)!important}.gaze_donut_step_24{background:conic-gradient(red 0 40%,#efefef 40% 100%)}.gaze_step_25{width:calc(41.66667% - 8.33333px)!important}.gaze_donut_step_25{background:conic-gradient(red 0 41.6666666667%,#efefef 41.6666666667% 100%)}.gaze_step_26{width:calc(43.33333% - 8.66667px)!important}.gaze_donut_step_26{background:conic-gradient(red 0 43.3333333333%,#efefef 43.3333333333% 100%)}.gaze_step_27{width:calc(45% - 9px)!important}.gaze_donut_step_27{background:conic-gradient(red 0 45%,#efefef 45% 100%)}.gaze_step_28{width:calc(46.66667% - 9.33333px)!important}.gaze_donut_step_28{background:conic-gradient(red 0 46.6666666667%,#efefef 46.6666666667% 100%)}.gaze_step_29{width:calc(48.33333% - 9.66667px)!important}.gaze_donut_step_29{background:conic-gradient(red 0 48.3333333333%,#efefef 48.3333333333% 100%)}.gaze_step_30{width:calc(50% - 10px)!important}.gaze_donut_step_30{background:conic-gradient(red 0 50%,#efefef 50% 100%)}.gaze_step_31{width:calc(51.66667% - 10.33333px)!important}.gaze_donut_step_31{background:conic-gradient(red 0 51.6666666667%,#efefef 51.6666666667% 100%)}.gaze_step_32{width:calc(53.33333% - 10.66667px)!important}.gaze_donut_step_32{background:conic-gradient(red 0 53.3333333333%,#efefef 53.3333333333% 100%)}.gaze_step_33{width:calc(55% - 11px)!important}.gaze_donut_step_33{background:conic-gradient(red 0 55%,#efefef 55% 100%)}.gaze_step_34{width:calc(56.66667% - 11.33333px)!important}.gaze_donut_step_34{background:conic-gradient(red 0 56.6666666667%,#efefef 56.6666666667% 100%)}.gaze_step_35{width:calc(58.33333% - 11.66667px)!important}.gaze_donut_step_35{background:conic-gradient(red 0 58.3333333333%,#efefef 58.3333333333% 100%)}.gaze_step_36{width:calc(60% - 12px)!important}.gaze_donut_step_36{background:conic-gradient(red 0 60%,#efefef 60% 100%)}.gaze_step_37{width:calc(61.66667% - 12.33333px)!important}.gaze_donut_step_37{background:conic-gradient(red 0 61.6666666667%,#efefef 61.6666666667% 100%)}.gaze_step_38{width:calc(63.33333% - 12.66667px)!important}.gaze_donut_step_38{background:conic-gradient(red 0 63.3333333333%,#efefef 63.3333333333% 100%)}.gaze_step_39{width:calc(65% - 13px)!important}.gaze_donut_step_39{background:conic-gradient(red 0 65%,#efefef 65% 100%)}.gaze_step_40{width:calc(66.66667% - 13.33333px)!important}.gaze_donut_step_40{background:conic-gradient(red 0 66.6666666667%,#efefef 66.6666666667% 100%)}.gaze_step_41{width:calc(68.33333% - 13.66667px)!important}.gaze_donut_step_41{background:conic-gradient(red 0 68.3333333333%,#efefef 68.3333333333% 100%)}.gaze_step_42{width:calc(70% - 14px)!important}.gaze_donut_step_42{background:conic-gradient(red 0 70%,#efefef 70% 100%)}.gaze_step_43{width:calc(71.66667% - 14.33333px)!important}.gaze_donut_step_43{background:conic-gradient(red 0 71.6666666667%,#efefef 71.6666666667% 100%)}.gaze_step_44{width:calc(73.33333% - 14.66667px)!important}.gaze_donut_step_44{background:conic-gradient(red 0 73.3333333333%,#efefef 73.3333333333% 100%)}.gaze_step_45{width:calc(75% - 15px)!important}.gaze_donut_step_45{background:conic-gradient(red 0 75%,#efefef 75% 100%)}.gaze_step_46{width:calc(76.66667% - 15.33333px)!important}.gaze_donut_step_46{background:conic-gradient(red 0 76.6666666667%,#efefef 76.6666666667% 100%)}.gaze_step_47{width:calc(78.33333% - 15.66667px)!important}.gaze_donut_step_47{background:conic-gradient(red 0 78.3333333333%,#efefef 78.3333333333% 100%)}.gaze_step_48{width:calc(80% - 16px)!important}.gaze_donut_step_48{background:conic-gradient(red 0 80%,#efefef 80% 100%)}.gaze_step_49{width:calc(81.66667% - 16.33333px)!important}.gaze_donut_step_49{background:conic-gradient(red 0 81.6666666667%,#efefef 81.6666666667% 100%)}.gaze_step_50{width:calc(83.33333% - 16.66667px)!important}.gaze_donut_step_50{background:conic-gradient(red 0 83.3333333333%,#efefef 83.3333333333% 100%)}.gaze_step_51{width:calc(85% - 17px)!important}.gaze_donut_step_51{background:conic-gradient(red 0 85%,#efefef 85% 100%)}.gaze_step_52{width:calc(86.66667% - 17.33333px)!important}.gaze_donut_step_52{background:conic-gradient(red 0 86.6666666667%,#efefef 86.6666666667% 100%)}.gaze_step_53{width:calc(88.33333% - 17.66667px)!important}.gaze_donut_step_53{background:conic-gradient(red 0 88.3333333333%,#efefef 88.3333333333% 100%)}.gaze_step_54{width:calc(90% - 18px)!important}.gaze_donut_step_54{background:conic-gradient(red 0 90%,#efefef 90% 100%)}.gaze_step_55{width:calc(91.66667% - 18.33333px)!important}.gaze_donut_step_55{background:conic-gradient(red 0 91.6666666667%,#efefef 91.6666666667% 100%)}.gaze_step_56{width:calc(93.33333% - 18.66667px)!important}.gaze_donut_step_56{background:conic-gradient(red 0 93.3333333333%,#efefef 93.3333333333% 100%)}.gaze_step_57{width:calc(95% - 19px)!important}.gaze_donut_step_57{background:conic-gradient(red 0 95%,#efefef 95% 100%)}.gaze_step_58{width:calc(96.66667% - 19.33333px)!important}.gaze_donut_step_58{background:conic-gradient(red 0 96.6666666667%,#efefef 96.6666666667% 100%)}.gaze_step_59{width:calc(98.33333% - 19.66667px)!important}.gaze_donut_step_59{background:conic-gradient(red 0 98.3333333333%,#efefef 98.3333333333% 100%)}@keyframes wave{0%{top:0}to{top:60px}}.wrap{width:500px;position:relative;left:50%;transform:translateX(-50%)}.logo,.wrap{height:auto;float:left}.logo{width:120px;position:absolute;right:15px;top:15px}.back_img,.logo>img{width:100%;height:auto;float:left}.back_img{position:relative}.back_img>img{width:100%;height:auto;float:left}.back_img__blind{width:100%;height:100%;float:left;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.6)}.home .back_img>.ground,.home .back_img>.sun{width:100%;height:auto;float:left}.home .back_img>.ground{position:absolute;bottom:0;left:0}.home .back_img>.cloud{width:100%;top:20px;left:0}.home .back_img>.cloud,.home .title{height:auto;float:left;position:absolute}.home .title{width:500px;top:50px}.home .title>img{width:100%;height:auto;float:left}.home .characters{width:430px;height:auto;float:left;position:absolute;top:460px;left:50%;transform:translateX(-50%)}.home .characters>img{width:100%;height:auto;float:left}.home .start{width:200px;height:auto;float:left;position:absolute;bottom:0;left:50%;transform:translateX(-50%);cursor:pointer}.home .start:active{bottom:10px}.home .start>img{width:100%;height:auto;float:left}.machine,.machine__cards{width:100%;height:100%;float:left;position:absolute}.machine__cards{top:0;left:0}.machine__list_one{margin-top:60px;margin-bottom:20px;padding:0 10px}.machine__list_one,.machine__list_two{width:100%;float:left;position:relative;display:flex;flex-wrap:wrap;justify-content:space-around;box-sizing:border-box}.machine__list_two{padding:0 90px}.machine__item{width:140px;height:140px;float:left;cursor:pointer;position:relative}.machine__item_txt{position:absolute;top:0;left:0;transition-duration:1s;transform-style:preserve-3d;transform:rotateY(180deg);opacity:0}.machine__item_txt.on{transform:rotateY(0);opacity:1}.machine__item_char{position:absolute;top:0;left:0;transition-duration:1s;transform-style:preserve-3d;opacity:0;transform:rotateY(0deg)}.machine__item_char.on{transform:rotateY(180deg);opacity:1}.machine__item>img{width:140px;height:140px;float:left;position:absolute;top:0;left:0}.machine__click{width:150px;height:auto;float:left;position:absolute;top:750px;left:50%;transform:translateX(-50%);cursor:not-allowed}.machine__click.on{cursor:pointer;animation-name:blank;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.machine__click>img{width:100%;height:auto;float:left}.hint{height:auto;top:0;left:0;z-index:9}.hint,.hint__machine{width:100%;position:absolute}.hint__machine{height:100%;float:left;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}.hint__machine__item{animation-fill-mode:backwards;animation-iteration-count:0;width:140px;float:left;cursor:pointer}.hint__machine__item_txt{position:absolute;top:0;left:0;transition-duration:1s;transform-style:preserve-3d;transform:rotateY(180deg);opacity:0}.hint__machine__item_txt.on{transform:rotateY(0);opacity:1}.hint__machine__item_char{position:absolute;top:0;left:0;transition-duration:1s;transform-style:preserve-3d;opacity:0;transform:rotateY(0deg)}.hint__machine__item_char.on{transform:rotateY(180deg);opacity:1}.hint__machine__item>img{width:100%;float:left;position:absolute;top:0;left:0}.hint__machine__item.one{position:absolute;top:150px;left:50px}.hint__machine__item.two{position:absolute;top:150px;right:50px}.hint__machine__item.three{position:absolute;top:340px;left:175px}.hint__machine__item.four{position:absolute;top:532.5px;left:50px}.hint__machine__item.five{position:absolute;top:532.5px;right:50px}.hint__machine__wifi{width:50px;height:auto;position:absolute;top:-50px}.hint__machine__wifi>img{width:100%;height:auto;float:left}.hint__machine__img{width:425px;height:auto;float:left}.hint__machine__cards{position:absolute}.hint__machine__cards,.hint__machine__list{width:100%;height:100%;float:left;top:0;left:0}.hint__machine__list{position:relative}.hint__machine__click{width:70px;height:auto;float:left;position:absolute;top:425px;left:177px;cursor:pointer}.hint__machine__click>img{width:100%;height:auto;float:left}.hint__prev_btn{width:60px;height:auto;float:left;position:absolute;bottom:15px;left:15px;cursor:pointer}.hint__prev_btn>img{width:100%;height:auto;float:left}.hint2_area{width:100%;height:auto;position:absolute;top:0;left:0;padding:10px;box-sizing:border-box}.hint2_area__close{width:40px;height:auto;position:absolute;top:10px;right:10px;cursor:pointer}.hint2_area__close>img{width:100%;height:auto;float:left}.hint2_area__btns{width:80%;height:auto;float:left;position:absolute;bottom:15px;left:50%;transform:translateX(-50%)}.hint2_area__btn{width:60px;height:auto;cursor:pointer}.hint2_area__btn.prev{float:left}.hint2_area__btn.next{float:right}.hint2_area__btn>img,.hint2_area__img,.hint2_area__img>img,.hint2_area__list{width:100%;height:auto;float:left}.second__txt{width:400px;left:50%;transform:translateX(-50%);top:400px}.second .prev_btn,.second__txt{height:auto;float:left;position:absolute}.second .prev_btn{width:60px;bottom:15px;left:15px;cursor:pointer}.second .prev_btn>img,.three__title{width:100%;height:auto;float:left}.three__title{position:absolute;top:15px;left:0}.three__rules,.three__title>img{width:100%;height:auto;float:left}.three__rules{position:absolute;top:185px;left:0;display:flex;flex-direction:column;align-items:center}.three__rule{width:80%;height:auto;margin-bottom:30px}.three__rule>img{width:100%;height:auto;float:left}.three__start{width:250px;height:auto;float:left;position:absolute;left:50%;transform:translateX(-50%);bottom:60px;cursor:pointer;animation-name:blank;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.three__start>img{width:100%;height:auto;float:left}.four{position:relative}.four__header{position:absolute;padding:10px;box-sizing:border-box;flex-direction:column}.four__header,.four__header_top{width:100%;height:auto;float:left;display:flex}.four__header_top{justify-content:space-between}.four__header_items{width:auto;height:auto;position:relative;z-index:3}.four__header_item{width:60px;height:auto;float:left;margin-right:10px;cursor:pointer}.four__header_item:last-child{margin-right:0}.four__header_item>img{width:100%;height:auto;float:left}.four__header_right{width:auto;height:auto}.four__header_hearts{width:auto;height:25px;display:flex;align-items:end}.four__header_heart{width:auto;height:25px;margin-right:5px}.four__header_heart>img{width:auto;height:100%;float:left}.four__header_txt{width:auto;height:auto}.four__header_txt>p{color:#fff;font-size:15px}.four__header_title{width:450px;height:auto;float:left;position:absolute;top:35px;left:50%;transform:translateX(-50%)}.four__header_timer,.four__header_title>img{width:100%;height:auto;float:left}.four__header_timer{margin-top:40px;position:relative}.four__header_timer>img{width:100%;height:auto;float:left}.four__header_gaze{width:460px;height:10px;border-top-right-radius:7px;border-bottom-right-radius:7px;background-color:red;position:absolute;top:8.6px;left:20px}.four__body{width:100%;height:100%;position:absolute;top:0;left:0}.four__crowd{width:95%;height:auto;float:left;position:absolute;top:40px;left:50%;transform:translateX(-50%);cursor:pointer;animation-name:horizontal2;animation-duration:.5s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.four__crowd .stop{animation-play-state:paused}.four__crowd_back{width:100%;height:auto;float:left;animation-name:horizontal;animation-delay:.8s;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.four__steam2{width:200px;top:130px;left:50px;animation-duration:.5s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.four__steam2,.four__steam3{height:auto;float:left;position:absolute;cursor:pointer;animation-name:horizontal}.four__steam3{width:110px;top:170px;left:320px;animation-delay:.5s;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.four__etc1{width:250px;top:450px;left:70px;animation-duration:.5s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.four__etc1,.four__etc2{height:auto;float:left;position:absolute;cursor:pointer;animation-name:horizontal}.four__etc2{width:300px;top:400px;left:0;animation-duration:.6s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.four__ans1{width:50px;height:auto;float:left;position:absolute;top:600px;left:390px;cursor:pointer;animation-name:horizontal;animation-delay:.2s;animation-duration:.4s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.four__ans1_correct{width:75px;height:75px;border-radius:50%;border:3px solid red;float:left;position:absolute;top:595px;left:380px;box-sizing:border-box}.four__ans2{width:50px;height:auto;float:left;position:absolute;top:400px;left:400px;cursor:pointer;animation-name:horizontal;animation-duration:.5s;animation-delay:.3s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.four__ans2_correct{width:75px;height:75px;border-radius:50%;border:3px solid red;float:left;position:absolute;top:390px;left:390px;box-sizing:border-box}.four__ans3{width:60px;height:auto;float:left;position:absolute;top:640px;left:0;cursor:pointer;animation-name:horizontal;animation-duration:.6s;animation-delay:.4s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.four__ans3_correct{width:75px;height:75px;border-radius:50%;border:3px solid red;float:left;position:absolute;top:635px;left:-5px;box-sizing:border-box}.four__ans4{width:50px;height:auto;left:360px;cursor:pointer;animation-name:horizontal;animation-duration:.4s;animation-delay:.5s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.four__ans4,.four__ans4_correct{float:left;position:absolute;top:700px}.four__ans4_correct{width:75px;height:75px;border-radius:50%;border:3px solid red;left:350px;box-sizing:border-box}.four__ans5{width:60px;height:auto;float:left;position:absolute;top:500px;left:110px;cursor:pointer;animation-name:horizontal;animation-duration:.7s;animation-delay:.6s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.four__ans5_correct{width:75px;height:75px;border-radius:50%;border:3px solid red;float:left;position:absolute;top:490px;left:95px;box-sizing:border-box}.four__result{width:100%;height:100%;top:0;left:0;z-index:9;background-color:rgba(0,0,0,.6)}.four__fall,.four__result{float:left;position:absolute}.four__fall{width:200px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.four__fall:active{margin-top:10px}.four__fall>img{width:100%;height:auto;float:left}.four__success{width:450px;float:left;top:50%;transform:translate(-50%,-50%)}.four__success,.four__success_tit{height:auto;position:absolute;left:50%}.four__success_tit{width:200px;transform:translateX(-50%);top:45px}.four__success_paper{width:100%;height:auto}.four__success_btn{width:200px;height:auto;position:absolute;left:50%;transform:translateX(-50%);bottom:45px;cursor:pointer;animation-name:blank;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.four__success_btn:active{bottom:35px}.five{position:relative}.five__popup{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:9}.five__popup_inner{width:470px;height:auto;float:left;position:absolute;top:130px;left:50%;transform:translateX(-50%);z-index:9}.five__popup_img{width:100%;height:auto;float:left}.five__popup_close{width:35px;height:auto;float:left;position:absolute;top:12px;right:12px;cursor:pointer}.five__popup_ex{width:130px;position:absolute;cursor:pointer}.five__popup_ex.txt{top:430px;left:80px}.five__popup_ex.img{top:430px;left:260px}.five__popup_ex>img{width:100%;height:auto}.five__popup_ex_clicked{width:105%;height:105%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:20px;background-color:rgba(0,0,0,.5)}.five__popup_txt{width:120px;height:auto;position:absolute;left:50%;margin-left:-60px;top:400px;animation-name:scale;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.five__header{position:absolute;padding:10px;box-sizing:border-box;flex-direction:column;z-index:6}.five__header,.five__header_top{width:100%;height:auto;float:left;display:flex}.five__header_top{justify-content:space-between}.five__header_items{width:auto;height:auto;position:relative;z-index:9}.five__header_item{width:60px;height:auto;float:left;margin-right:10px;cursor:pointer}.five__header_item:last-child{margin-right:0}.five__header_item>img{width:100%;height:auto;float:left}.five__header_right{width:auto;height:auto}.five__header_hearts{width:auto;height:25px;display:flex;align-items:end}.five__header_heart{width:auto;height:25px;margin-right:5px}.five__header_heart>img{width:auto;height:100%;float:left}.five__header_txt{width:auto;height:auto}.five__header_txt>p{color:#fff;font-size:15px}.five__header_title{width:300px;height:auto;float:left;position:absolute;top:35px;left:50%;transform:translateX(-50%)}.five__header_timer,.five__header_title>img{width:100%;height:auto;float:left}.five__header_timer{position:relative;display:flex;justify-content:flex-end}.five__header_donut{display:inline-block;position:relative;width:80px;height:80px;border-radius:50%}.five__header_donut_inner{width:60px;height:60px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:flex;justify-content:center;align-items:center}.five__header_donut_inner>p{font-size:30px}.five__body{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center}.five__inner{width:400px;margin-top:150px}.five__inner,.five__item{height:auto;float:left;position:relative}.five__item{width:120px;margin-bottom:15px;cursor:pointer;position:absolute;top:0;left:0}.five__item.end{opacity:.5;animation-play-state:paused}.five__item>img{width:100%;height:auto}.five__item-blind{width:105%;height:105%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:20px;background-color:rgba(0,0,0,.5)}.five__item.img1{top:0;left:30px;animation-iteration-count:infinite;animation-direction:alternate-reverse}.five__item.img1,.five__item.img2{animation-name:horizontal;animation-duration:1s}.five__item.img2{top:240px;left:0;animation-delay:.2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.five__item.img3{top:0;left:300px;animation-delay:.4s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.five__item.img3,.five__item.img4{animation-name:horizontal;animation-duration:1s}.five__item.img4{top:360px;left:230px;animation-delay:.6s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.five__item.img5{top:560px;left:0;animation-delay:.2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.five__item.img5,.five__item.txt1{animation-name:vertical;animation-duration:1s}.five__item.txt1{top:500px;left:300px;animation-delay:.4s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.five__item.txt2{top:590px;left:150px;animation-delay:.6s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.five__item.txt2,.five__item.txt3{animation-name:vertical;animation-duration:1s}.five__item.txt3{top:410px;left:50px;animation-delay:.8s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.five__item.txt4{top:190px;left:300px;animation-name:vertical;animation-duration:1s;animation-delay:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.five__item.txt5{top:30px;left:170px}.five__result{width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.6);z-index:9}.five__fall,.five__result{float:left;position:absolute}.five__fall{width:200px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;animation-name:blank;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.five__fall:active{margin-top:10px}.five__fall>img{width:100%;height:auto;float:left}.five__success{width:450px;float:left;top:50%;transform:translate(-50%,-50%)}.five__success,.five__success_tit{height:auto;position:absolute;left:50%}.five__success_tit{width:200px;transform:translateX(-50%);top:45px}.five__success_paper{width:100%;height:auto}.five__success_btn{width:200px;height:auto;position:absolute;left:50%;transform:translateX(-50%);bottom:45px;cursor:pointer;animation-name:blank;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.five__success_btn:active{bottom:35px}.write_page_img{width:500px;height:auto;float:left;position:absolute;z-index:-9}.write_page_img .paper__txt{width:100%;height:auto;line-height:1.6;font-size:20px}.six .wrap{overflow:hidden}.six .leaf,.six .write_page{width:100%;height:auto;float:left}.six .leaf{position:absolute;top:0;left:0}.six .leaf>img{width:100%;height:auto;float:left}.six .skip{width:150px;height:auto;float:left;position:absolute;right:10px;top:10px;cursor:pointer;animation-name:blank;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.six .skip:active{top:20px}.six .skip>img{width:100%;height:auto;float:left}.six .paper{width:400px;height:auto;float:left;position:absolute;top:120px;left:50%;transform:translateX(-50%)}.six .paper>img{width:100%;height:auto;float:left}.six .paper__list{width:308px;height:auto;float:left;position:absolute;top:30px;left:45px}.six .paper__item{width:100%;height:auto;float:left}.six .paper__item>textarea{width:100%;height:325px;float:left;border-left:0;border-right:0;padding:10px;box-sizing:border-box;resize:none}.six .send{width:250px;height:auto;float:left;position:absolute;left:50%;transform:translateX(-50%);bottom:30px;cursor:pointer}.six .send.on{animation-name:blank;animation-delay:.5s;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.six .send:active{bottom:20px}.six .send>img,.six .send_page{width:100%;height:auto;float:left}.six .send_page{position:relative}.six .send_page .night{width:100%;height:auto;float:left;position:absolute;top:0;left:0;opacity:0}.six .send_page .night.on{transition-duration:1s;opacity:1}.six .send_page .send_mail{width:200px;height:auto;float:left;position:absolute;top:350px;left:50%;transform:translateX(-50%);opacity:1}.six .send_page .send_mail.on{transition-duration:3s;top:0;transform:scale(.4);opacity:0}.six .send_page .send_mail>img{width:100%;height:auto;float:left}.six .send_page .send_loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0}.six .send_page .send_loading__list{width:auto;height:auto}.six .send_page .send_loading__item{width:60px;height:auto;float:left;position:relative;animation-name:wave;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.six .send_page .send_loading__item.two{animation-delay:.3s}.six .send_page .send_loading__item.three{animation-delay:.5s}.six .send_page .send_loading__item.four{animation-delay:.8s}.six .send_page .send_loading__item>img{width:100%;height:auto;float:left}.six .receive_page .receive_mail{width:300px;height:auto;float:left;position:absolute;top:100px;left:50%;transform:translateX(-50%);opacity:0;cursor:pointer}.six .receive_page .receive_mail.on{transition-duration:1s;opacity:1;top:150px}.six .receive_page .receive_mail__popup{width:100%;height:auto;float:left}.six .receive_page .receive_mail__txt{width:200px;height:auto;float:left;position:absolute;top:180px;left:50%;transform:translateX(-50%)}.six .receive_page .receive_mail__paper{width:160px;height:auto;float:left;position:absolute;top:265px;left:50%;transform:translateX(-50%);margin-left:10px;opacity:0}.six .receive_page .receive_mail__paper.on{transition-duration:1s;opacity:1;margin-left:0}.six .receive_page .receive_mail__arrow{width:40px;height:auto;float:left;position:absolute;top:325px;left:200px;margin-left:10px;opacity:0}.six .receive_page .receive_mail__arrow.on{transition-duration:1s;opacity:1;left:210px}.six .res_page__inner{width:85%;height:auto;border-radius:20px;background-color:rgba(0,0,0,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column}.six .res_page__txt{width:80%;height:auto;float:left;margin-top:60px}.six .res_page__txt>img{width:100%;height:auto;float:left}.six .res_page__verse{width:80%;height:auto;float:left;margin-top:60px}.six .res_page__verse>img{width:100%;height:auto;float:left}.six .res_page__video{width:85%;margin-top:80px;height:0;padding-bottom:48.5%;position:relative}.six .res_page__video iframe{position:absolute;width:100%;height:100%}.six .res_page__btns{width:80%;height:auto;display:flex;justify-content:space-between;flex-wrap:wrap;margin:30px 0}.six .res_page__btn{width:48%;height:auto;margin-bottom:15px;cursor:pointer}.six .res_page__btn:active{transform:translateY(10px)}.six .res_page__btn>img{width:100%;height:auto;float:left}.six .res_page__icon{width:180px;height:auto;position:absolute;bottom:-70px;left:50%;transform:translateX(-50%)}.six .res_page__icon>img{width:100%;height:auto;float:left}@media (max-width:500px){.wrap{width:100%}.logo{width:24vw;right:3vw;top:3vw}.home .back_img>.cloud{top:4vw}.home .title{width:100%;top:10vw}.home .characters{width:86vw;top:92vw}.home .start{width:40vw}.home .start:active{bottom:2vw}.machine__list_one{margin-top:12vw;margin-bottom:4vw;padding:0 2vw}.machine__list_two{padding:0 18vw}.machine__img{width:85vw}.machine__item{width:28vw;height:28vw}.machine__item>img{width:24vw;height:24vw}.machine__click{width:30vw;top:150vw}.hint__machine__wifi{width:10vw;top:-10vw}.hint__machine__img{width:85vw}.hint__machine__item{width:28vw;height:28vw}.hint__machine__item.one{top:30vw;left:10vw}.hint__machine__item.two{top:30vw;right:10vw}.hint__machine__item.three{top:68vw;left:35vw}.hint__machine__item.four{top:106.5vw;left:10vw}.hint__machine__item.five{top:106.5vw;right:10vw}.hint__machine__click{width:14vw;top:85vw;left:35.4vw}.hint__prev_btn{width:12vw;bottom:3vw;left:3vw}.hint2_area{padding:2vw}.hint2_area__close{width:8vw;top:2vw;right:2vw}.hint2_area__btns{bottom:3vw}.hint2_area__btn{width:12vw}.second__txt{width:80vw;top:80vw}.second .prev_btn{width:12vw;bottom:3vw;left:3vw}.three__title{top:3vw}.three__rules{top:37vw}.three__rule{margin-bottom:6vw}.three__start{width:50vw;bottom:12vw}.four__header{padding:2vw}.four__header_item{width:12vw;margin-right:2vw}.four__header_right{width:auto;height:auto}.four__header_hearts{height:5vw}.four__header_heart{height:5vw;margin-right:1vw}.four__header_txt>p{font-size:3vw}.four__header_title{width:90vw;top:7vw}.four__header_timer{margin-top:8vw}.four__header_gaze{width:92vw;height:2.8vw;border-top-right-radius:1.4vw;border-bottom-right-radius:1.4vw;top:1.32vw;left:4vw}.four__crowd{top:8vw}.four__steam2{width:40vw;top:26vw;left:10vw}.four__steam3{width:22vw;top:34vw;left:64vw}.four__etc1{width:50vw;top:90vw;left:14vw}.four__etc2{width:60vw;top:80vw}.four__ans1{width:10vw;top:120vw;left:78vw}.four__ans1_correct{width:15vw;height:15vw;border:.6vw solid red;top:119vw;left:76vw}.four__ans2{width:10vw;top:80vw;left:80vw}.four__ans2_correct{width:15vw;height:15vw;border-radius:50%;border:.6vw solid red;top:76vw;left:76vw}.four__ans3{width:12vw;top:128vw}.four__ans3_correct{width:15vw;height:15vw;border-radius:50%;border:.6vw solid red;top:127vw;left:-1vw}.four__ans4{width:10vw;top:140vw;left:72vw}.four__ans4_correct{width:15vw;height:15vw;border-radius:50%;border:.6vw solid red;top:140vw;left:70vw}.four__ans5{width:12vw;top:100vw;left:22vw}.four__ans5_correct{width:15vw;height:15vw;border-radius:50%;border:.6vw solid red;top:96vw;left:19vw}.four__fall{width:40vw}.four__fall:active{margin-top:2vw}.four__success{width:90vw}.four__success_tit{width:40vw;top:9vw}.four__success_btn{width:40vw;bottom:9vw}.four__success_btn:active{bottom:7vw}.five__popup_inner{width:94vw;top:26vw}.five__popup_close{width:7vw;top:2.4vw;right:2.4vw}.five__popup_ex{width:26vw}.five__popup_ex.txt{top:86vw;left:16vw}.five__popup_ex.img{top:86vw;left:unset;right:16vw}.five__popup_txt{width:24vw;margin-left:-12vw;top:80vw}.five__header{padding:2vw}.five__header_item{width:12vw;margin-right:2vw}.five__header_hearts{height:5vw}.five__header_heart{height:5vw;margin-right:1vw}.five__header_txt>p{font-size:3vw}.five__header_title{width:60vw;top:7vw}.five__header_donut{width:16vw;height:16vw}.five__header_donut_inner{width:12vw;height:12vw}.five__header_donut_inner>p{font-size:6vw}.five__inner{width:80vw;margin-top:30vw}.five__item{width:24vw;margin-bottom:3vw}.five__item-blind{border-radius:4vw}.five__item.img1{top:0;left:6vw}.five__item.img2{top:48vw}.five__item.img3{left:60vw}.five__item.img4{top:72vw;left:46vw}.five__item.img5{top:112vw}.five__item.txt1{top:100vw;left:60vw}.five__item.txt2{top:118vw;left:30vw}.five__item.txt3{top:82vw;left:10vw}.five__item.txt4{top:38vw;left:60vw}.five__item.txt5{top:6vw;left:34vw}.five__fall{width:40vw}.five__fall:active{margin-top:2vw}.five__success{width:90vw}.five__success_tit{width:40vw;top:9vw}.five__success_btn{width:40vw;bottom:9vw}.five__success_btn:active{bottom:7vw}.six .skip{width:30vw;right:2vw;top:2vw}.six .skip:active{top:4vw}.six .paper{width:80vw;top:24vw}.six .paper__list{width:62vw;top:6vw;left:9vw}.six .paper__item>textarea{height:65vw;padding:2vw}.six .send{width:50vw;bottom:6vw}.six .send:active{bottom:4vw}.six .send_page .send_mail{width:40vw;top:70vw}.six .send_page .send_loading__item{width:12vw}.six .receive_page .receive_mail{width:60vw;top:20vw}.six .receive_page .receive_mail.on{top:30vw}.six .receive_page .receive_mail__txt{width:40vw;top:36vw}.six .receive_page .receive_mail__paper{width:32vw;top:53vw;margin-left:2vw}.six .receive_page .receive_mail__arrow{width:8vw;top:65vw;left:40vw;margin-left:2vw}.six .receive_page .receive_mail__arrow.on{left:42vw}.six .res_page__inner{border-radius:4vw}.six .res_page__txt,.six .res_page__verse{margin-top:12vw}.six .res_page__video{margin-top:16vw}.six .res_page__btns{margin:6vw 0}.six .res_page__btn{margin-bottom:3vw}.six .res_page__btn:active{transform:translateY(2vw)}.six .res_page__icon{width:36vw;bottom:-14vw}.write_page_img{width:100%}.write_page_img .paper__txt{font-size:4vw}}