@keyframes heart{0%{opacity:.1}95%{opacity:1}100%{opacity:1}}@-webkit-keyframes heart{0%{opacity:.1}95%{opacity:1}100%{opacity:1}}@keyframes rotateR{0%{transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes rotateR{0%{transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes group{0%{width:0}100%{width:100%}}@-webkit-keyframes group{0%{width:0}100%{width:100%}}@keyframes slideTip{0%{transform:translateY(30px);-webkit-transform:translateY(30px)}55%{transform:translateY(0);-webkit-transform:translateY(0)}100%{transform:translateY(30px);-webkit-transform:translateY(30px)}}@-webkit-keyframes slideTip{0%{transform:translateY(30px);-webkit-transform:translateY(30px)}55%{transform:translateY(0);-webkit-transform:translateY(0)}100%{transform:translateY(30px);-webkit-transform:translateY(30px)}}@-webkit-keyframes answ{0%{opacity:1}50%{opacity:.6}100%{opacity:1}}@keyframes answ{0%{opacity:1}50%{opacity:.6}100%{opacity:1}}@-webkit-keyframes note{0%{transform:translateY(0) rotate(0) scale(.2);-webkit-transform:translateY(0) rotate(0) scale(.2)}100%{transform:translateY(100px) rotate(270deg) scale(.8);-webkit-transform:translateY(100px) rotate(270deg) scale(.8)}}@keyframes note{0%{transform:translateY(0) rotate(0) scale(.2);-webkit-transform:translateY(0) rotate(0) scale(.2)}100%{transform:translateY(-150px) rotate(270deg) scale(.8);-webkit-transform:translateY(-150px) rotate(270deg) scale(.8)}}.wrap{width:100%;max-width:640px;height:100%;position:relative;box-sizing:border-box}.wrap .home{width:100%;max-width:640px;height:100%;position:relative;box-sizing:border-box}.wrap .home.active .bottomPart .img1svg{opacity:1;transition:all 2s;-webkit-transition:all 2s;transition-delay:1.5s;-webkit-transition-delay:1.5s}.wrap .home.active .bottomPart #svg>*{stroke-dashoffset:0;transition:all 2s;-webkit-transition:all 2s;transition-delay:1s;-webkit-transition-delay:1s}.wrap .home.active .bottomPart .imgStart{opacity:1;transition:all 2s;-webkit-transition:all 2s;transition-delay:3.5s;-webkit-transition-delay:3.5s}.wrap .home.active .bannerK .banner1 .bannerImg{animation:backInDown 1s linear forwards;-webkit-animation:backInDown 1s linear forwards}.wrap .home.active .bannerK .banner1 .banner2Img{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;transition:all 1s;-webkit-transition:all 1s;transition-delay:1s;-webkit-transition-delay:1s}.wrap .home.active .banner1{opacity:0;transition:all .1s linear;-webkit-transition:all .1s linear;transition-delay:2.3s;-webkit-transition-delay:2.3s}.wrap .home.active .bannerK .banner2{opacity:1;transition:all .1s linear;-webkit-transition:all .1s linear;transition-delay:2.3s;-webkit-transition-delay:2.3s}.wrap .home.active .bannerK .banner2 .zi{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);transition:all .4s linear;-webkit-transition:all .4s linear}.wrap .home.active .bannerK .banner2 .zi.zi2{transition-delay:2.6s;-webkit-transition-delay:2.6s}.wrap .home.active .bannerK .banner2 .zi.zi3{transition-delay:2.9s;-webkit-transition-delay:2.9s}.wrap .home.active .bannerK .banner2 .zi.zi4{transition-delay:3.2s;-webkit-transition-delay:3.2s}.wrap .home.active .bannerK .banner2 .zi.zi5{transition-delay:3.5s;-webkit-transition-delay:3.5s}.wrap .home.active .bannerK .banner2 .zi.zi6{transition-delay:3.8s;-webkit-transition-delay:3.8s}.wrap .home.active .bannerK .banner2 .zi.zi7{transition-delay:4.1s;-webkit-transition-delay:4.1s}.wrap .home.active .bannerK .banner2 .zi.zi8{transition-delay:4.4s;-webkit-transition-delay:4.4s}.wrap .home.active .bannerK .banner2 .zi.zi9{transition-delay:4.7s;-webkit-transition-delay:4.7s}.wrap .home.active .bannerK .banner2 .zi.zi10{transition-delay:5s;-webkit-transition-delay:5s}.wrap .home .fmPage{position:absolute;top:0;left:0;width:100%;height:100%}.wrap .home .note-animation{width:94px;height:158px;background:url(../images/sprite.png) no-repeat;background-position:-232px -83px;animation:1s note linear infinite;-webkit-animation:1s note linear infinite}.wrap .home .logo{padding-top:73px;padding-left:40px;margin:0}.wrap .home .bannerK{position:relative;margin-top:90px;width:100%}.wrap .home .bannerK .banner1{background:url(../images/sprite.png) no-repeat;background-position:-328px -83px}.wrap .home .bannerK .banner1 .banner2Img{padding-top:20px;opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px)}.wrap .home .bannerK .banner1 .bannerImg{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}.wrap .home .bannerK .banner2{position:absolute;background:url(../images/sprite.png) no-repeat;background-position:0 -560px;left:0;top:0;width:100%;opacity:0}.wrap .home .bannerK .banner2 .zi{margin:0 auto;opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);width:468px;height:44px;background:url(../images/zi.png) no-repeat top left}.wrap .home .bannerK .banner2 .zi.zi1{background-position:0 0;height:31px}.wrap .home .bannerK .banner2 .zi.zi7{background-position:-468px 0;height:32px}.wrap .home .bannerK .banner2 .zi.zi10{background-position:0 -32px;height:35px}.wrap .home .bannerK .banner2 .zi.zi2{background-position:-468px -32px;height:43px}.wrap .home .bannerK .banner2 .zi.zi6{background-position:0 -75px}.wrap .home .bannerK .banner2 .zi.zi9{background-position:-468px -75px}.wrap .home .bannerK .banner2 .zi.zi4{background-position:0 -119px;height:45px}.wrap .home .bannerK .banner2 .zi.zi3{background-position:-468px -119px;height:45px}.wrap .home .bannerK .banner2 .zi.zi5{background-position:0 -164px;height:46px}.wrap .home .bannerK .banner2 .zi.zi8{background-position:-468px -164px;height:55px}.wrap .home .bottomPart{width:100%;position:relative;margin-top:100px}.wrap .home .bottomPart .img1{margin:0}.wrap .home .bottomPart .img1-2{position:absolute;top:0;left:0}.wrap .home .bottomPart .img1-3{position:absolute;top:0;left:34px}.wrap .home .bottomPart .imgStart{position:absolute;top:245px;left:494px;opacity:0;animation:start 1s linear infinite;-webkit-animation:start 1s linear infinite}.wrap .home .bottomPart .img1svg{opacity:0}.wrap .home .bottomPart #svg{position:absolute;top:-37px;left:-19px;width:512px;height:309px}.wrap .home .bottomPart #svg>*{stroke-dasharray:3000,3000;stroke-dashoffset:3000}.scene1 .scene1Part{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.scene1 .slideImg{width:338px;margin:0 auto;position:relative}.scene1 .slideImg .panImg1{position:absolute;top:50%;left:50%;transform:translate(-105px,-98px);-webkit-transform:translate(-105px,-98px);background:url(../images/pan/quan.png) no-repeat top left;width:208px;height:212px}.scene1 .slideImg .panImg1.panImg1_0{background-position:0 0;height:211px}.scene1 .slideImg .panImg1.panImg1_11{background-position:-210px 0}.scene1 .slideImg .panImg1.panImg1_1{background-position:-420px 0}.scene1 .slideImg .panImg1.panImg1_2{background-position:-630px 0}.scene1 .slideImg .panImg1.panImg1_3{background-position:-840px 0}.scene1 .slideImg .panImg1.panImg1_4{background-position:0 -214px}.scene1 .slideImg .panImg1.panImg1_5{background-position:-210px -214px}.scene1 .slideImg .panImg1.panImg1_6{background-position:-420px -214px}.scene1 .slideImg .panImg1.panImg1_7{background-position:-630px -214px}.scene1 .slideImg .panImg1.panImg1_8{background-position:-840px -214px}.scene1 .slideImg .panImg1.panImg1_9{background-position:0 -428px}.scene1 .slideImg .panImg1.panImg1_10{background-position:-210px -428px}.scene1 .swiper-slide-active .panImgW.active{animation:mymove 3s linear infinite;-webkit-animation:mymove 3s linear infinite}.scene1 .zi{margin:0 auto;margin-top:25px;background:url(../images/pan/zi.png) no-repeat top left;width:48px;height:97px}.scene1 .zi.zi_10{background-position:0 0;height:95px}.scene1 .zi.zi_9{background-position:-48px 0;width:37px}.scene1 .zi.zi_6{background-position:-85px 0;width:50px}.scene1 .zi.zi_2{background-position:-135px 0;height:100px}.scene1 .zi.zi_1{background-position:-183px 0;width:50px;height:101px}.scene1 .zi.zi_5{background-position:-233px 0;width:51px;height:101px}.scene1 .zi.zi_11{background-position:-284px 0;height:103px}.scene1 .zi.zi_4{background-position:-332px 0;width:53px;height:103px}.scene1 .zi.zi_8{background-position:-385px 0;width:50px;height:104px}.scene1 .zi.zi_3{background-position:-435px 0;width:41px;height:107px}.scene1 .zi.zi_7{background-position:-476px 0;width:49px;height:109px}.scene1 .zi.zi_0{background-position:-525px 0;width:81px;height:115px}.scene1 .tips2{margin:0 auto;margin-top:-140px}.scene1 .img2_2{padding-top:40px}.scene1 .ai{animation:circle 4s linear infinite;-webkit-animation:circle 4s linear infinite}.scene1 .btnGroup{width:74%;margin:0 auto;display:flex;vertical-align:middle;justify-content:space-between;padding-bottom:10px}.scene1 .btnGroup .btn{position:relative;background:url(../images/sprite.png) no-repeat;background-position:-747px 0;width:230px;height:81px;text-align:center}.scene1 .btnGroup .btn.guoyu::before{display:block;content:'';position:absolute;background:url(../images/2_btn1.png) no-repeat;background-position:center 0;width:100%;height:33px;top:24px;left:0}.scene1 .btnGroup .btn.yueyu::before{display:block;content:'';position:absolute;background:url(../images/sprite.png) no-repeat;background-position:-48px 0;width:46px;height:33px;top:24px;left:92px}.scene1 .btnGroup .btn img{display:inline-block;padding-top:24px}.scene1 .btnGroup .btn.active{background-position:0 -83px}.scene1 .cTou{background:url(../images/sprite.png) no-repeat;background-position:-96px 0;width:59px;height:42px;position:absolute;top:0;left:40px}.scene1 .cTou .img2{margin:0;transform-origin:25px 25px;-webkit-transform-origin:25px 25px}.scene1 .cTou .img2.active{transition:all 1s;-webkit-transition:all 1s;transform:rotate(25deg);-webkit-transform:rotate(25deg)}.scene1 .tips{position:absolute;display:none;top:0;left:0;width:100%;height:100%;background:url(../images/bg.jpg);background-size:100% 100%}.scene1 .tips .tip_cont{position:absolute;top:50%;left:0;width:100%;height:100%;height:1030px;transform:translateY(-50%);-webkit-transform:translateY(-50%);padding:10px 0}.scene1 .tips .tip_cont .zi_tips{width:90%;margin:0 auto;position:relative;overflow:hidden;display:flex}.scene1 .tips .tip_cont .zi_tips .titImg{flex:0 0 auto;object-fit:contain;align-self:flex-start;padding-top:2vh}.scene1 .tips .tip_cont .zi_tips .tips_right .tip_zi{opacity:0;transform:translateY(50px);-webkit-transform:translateY(50px)}.scene1 .tips .tip_cont .zi_tips .tips_right.active .tip_zi{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);transition:all .2s linear;-webkit-transition:all .2s linear}.scene1 .tips .tip_cont .zi_tips .tips_right.active .tip_zi:nth-child(2){transition-delay:.2s;-webkti-transition-delay:.2s}.scene1 .tips .tip_cont .zi_tips .tips_right.active .tip_zi:nth-child(3){transition-delay:.4s;-webkti-transition-delay:.4s}.scene1 .tips .tip_cont .zi_tips .tips_right.active .tip_zi:nth-child(4){transition-delay:.6s;-webkti-transition-delay:.6s}.scene1 .tips .tip_cont .tuImg{position:absolute;width:100%;bottom:2vh}.scene1 .tips .tip_cont .tip{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}.scene2 .scene2Part{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.scene2 .scene2Part .audioPlayer{display:none}.scene2 .scene2Part .kuang{width:531px;height:533px;position:relative;margin:0 auto;overflow:hidden}.scene2 .scene2Part .kuang .ctImg{position:absolute;right:0;top:0;transform:rotate(-2deg);-webkit-transform:rotate(-2deg)}.scene2 .scene2Part .kuang .kuang_cont{background:url(../images/last/bg.png) center no-repeat;padding:80px 0;padding-top:90px;overflow:hidden;margin-top:40px;height:443px}.scene2 .scene2Part .kuang .lyricsContainer{width:350px;height:340px;margin:0 auto;box-sizing:border-box;text-align:center;transform:translateY(100px);-webkit-transform:translateY(100px);transition:all .1s linear;-webkit-transition:all .1s linear}.scene2 .scene2Part .kuang .lyricsContainer div{height:48px;font-size:24px;line-height:100%}.scene2 .scene2Part .kuang .lyricsContainer div.current-line{color:#fc6645;font-size:26px;font-weight:700}.scene2 .scene2Part .kuang .lyricsContainer div.current-line0,.scene2 .scene2Part .kuang .lyricsContainer div.current-line11,.scene2 .scene2Part .kuang .lyricsContainer div.current-line3,.scene2 .scene2Part .kuang .lyricsContainer div.current-line8{color:#fc6645;font-size:26px;font-weight:700}.scene2 .scene2Part .kuang .lyricsContainer div.current-line1{color:#f16b7d;font-size:26px;font-weight:700}.scene2 .scene2Part .kuang .lyricsContainer div.current-line2,.scene2 .scene2Part .kuang .lyricsContainer div.current-line7{color:#4ad9a1;font-size:26px;font-weight:700}.scene2 .scene2Part .kuang .lyricsContainer div.current-line4,.scene2 .scene2Part .kuang .lyricsContainer div.current-line9{color:#4d8eca;font-size:26px;font-weight:700}.scene2 .scene2Part .kuang .lyricsContainer div.current-line10,.scene2 .scene2Part .kuang .lyricsContainer div.current-line5{color:#aa88fe;font-size:26px;font-weight:700}.scene2 .scene2Part .kuang .lyricsContainer div.current-line6{color:#f16b7d;font-size:26px;font-weight:700}.scene2 .scene2Part .kuang .img_2{position:absolute;top:0;left:0;animation:mymove 5s linear infinite;-webkit-animation:mymove 5s linear infinite}.scene2 .scene2Part .kuang .img_3{margin:0 auto}.scene2 .scene2Part .kuang .imgzz{position:absolute;top:73px;left:75px}.scene2 .scene2Part .img_3{margin-top:-66px}.scene2 .scene2Part .imgyy{margin-top:-70px}.scene2 .scene2Part .btnGroup{width:80%;margin:0 auto;display:flex;vertical-align:middle;justify-content:space-between;padding-bottom:10px}.scene2 .scene2Part .btnGroup .btn{background:url(../images/sprite.png) no-repeat top left;width:230px;height:81px;animation:circle 4s linear infinite;-webkit-animation:circle 4s linear infinite}.scene2 .scene2Part .btnGroup .btn.more{background-position:-287px 0}.scene2 .scene2Part .btnGroup .btn.share{background-position:-517px 0}.hb{width:100%;height:100%;background:rgba(252,245,229,.93);position:fixed;top:0;left:0;z-index:100;display:none}.hb .popCont{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.hb .popCont .hbCont{position:relative}.hb .popCont .hbCont .hbBg{margin:0 auto;height:calc(72vh + 38px)}.hb .popCont .hbCont .hbImg{position:absolute;height:72vh;top:19px;border-radius:15px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:inherit}.hb .popCont .tips{padding:5px 0 0 0}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes start{0%{transform:translate(0,0);-webkit-transform:translate(0,0)}100%{transform:translate(7px,17px);-webkit-transform:translate(7px,17px)}}@-webkit-keyframes start{0%{transform:translate(0,0);-webkit-transform:translate(0,0)}100%{transform:translate(7px,17px);-webkit-transform:translate(7px,17px)}}@keyframes circle{0%{transform:scale(.8)}50%{transform:scale(1)}100%{transform:scale(.8)}}@-webkit-keyframes circle{0%{-webkit-transform:scale(.8)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(.8)}}