@charset "utf-8";html{font-size:100px;font-size:26.66666667vw!important}@media (min-width:768px){html{font-size:100px!important}}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}a,img{-webkit-touch-callout:none}body,dd,dl,form,h1,h2,h3,h4,h5,h6,input,ol,p,td,textarea,th,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:300}li{list-style:none}table{border-collapse:collapse;border-spacing:0}button:focus,input:focus,textarea:focus{outline:0}a,a:hover{text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:100%}body{font:12px/1.5 Arial,sans-serif;background-color:#333;color:#2e3d57}body,html{position:relative;width:100%;height:100%;overflow:hidden}.wrap{position:relative;color:#2e3d57;height:100%;overflow:hidden;z-index:2}.hide{display:none}.mod_loading{position:absolute;height:100%;left:0;top:0;width:100%;z-index:100;background-color:#b9ccd5;display:-webkit-box;-webkit-box-align:center}.mod_loading .content{text-align:center;-webkit-box-flex:1;margin:0 80px}.mod_loading .content .progress{height:13px;padding:2px;-webkit-border-radius:17px;border-radius:17px;background-color:#242a39}.mod_loading .content .progress span{display:block;height:13px;-webkit-border-radius:13px;border-radius:13px;background-color:#65cfd5}.mod_loading .content p{line-height:34px;color:#5f696a}.mod_function_wrap{position:fixed;bottom:8px;width:100%;z-index:1000;bottom:calc(constant(safe-area-inset-bottom)/ 2 + 8px);bottom:calc(env(safe-area-inset-bottom)/ 2 + 8px)}.mod_function_item{position:absolute;bottom:0;width:28px;height:28px;text-indent:-100px;overflow:hidden;background-size:28px;background-repeat:no-repeat}.mod_function_wrap .btn_share{right:25px;background-image:url(sprite/index@2x.png?max_age=2592000);background-position:0 0;background-size:62px!important}.mod_function_wrap .voice_play{right:70px;background-image:url(sprite/index@2x.png?max_age=2592000);background-position:0 -34px;background-size:62px!important}.mod_function_wrap .voice_pause{right:70px;background-image:url(sprite/index@2x.png?max_age=2592000);background-position:-34px 0;background-size:62px!important}.mod_function_wrap .slider{position:absolute;left:50%;bottom:0;width:23px;height:12px;-webkit-transform:translate3d(-50%,-50%,0)}.mod_function_wrap .slider span{position:absolute;width:23px;height:12px;background-image:url(sprite/index@2x.png?max_age=2592000);background-position:-34px -34px;background-size:62px;-webkit-animation:slide_up 2s infinite ease-in-out}.item,.item .box{width:100%;height:100%;overflow:hidden}@-webkit-keyframes slide_up{0%,30%{opacity:0;-webkit-transform:translate3d(0,8px,0)}60%{opacity:1;-webkit-transform:translate3d(0,0,0)}100%{opacity:0;-webkit-transform:translate3d(0,-6px,0)}}.item .box{position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center}.item{background-size:cover}.btn1,.btn2,.btn_play,.count_down__inner,.icon_music,.input_name,.logo,.txt_box{background:url(img/sprite.png?max_age=2592000) no-repeat 0 0;background-size:3rem}.item-1{background-image:url(img/bg1.jpg?max_age=2592000)}.logo{width:.81rem;height:.23rem;background-position:-1.8rem -1.2rem;text-indent:-999px;overflow:hidden;margin:0 auto .32rem}.movie{position:relative;width:3.75rem;height:3.67rem;margin:0 auto;overflow:hidden}.movie__item{position:absolute;-webkit-transform:scale(2);opacity:0}@-webkit-keyframes action{to{opacity:1;-webkit-transform:scale(1)}}.btn1,.input_name,.movie__item{-webkit-animation-timing-function:ease-out;-webkit-animation-duration:.67s;-webkit-animation-fill-mode:both}.play .btn1,.play .input_name,.play .movie__item{-webkit-animation-name:action}.movie__item img{display:block;width:100%}.tv_1{width:3.11rem;top:0;left:0}.tv_2{width:1.63rem;top:.27rem;left:1.62rem;-webkit-animation-delay:.15s}.tv_3{width:1.7rem;top:.8rem;left:.15rem;z-index:6;-webkit-animation-delay:.3s}.tv_4{width:1.36rem;top:1.32rem;right:0;-webkit-animation-delay:.4s}.tv_5{width:1.78rem;top:1.85rem;left:.75rem;-webkit-animation-delay:.55s}.tv_6{width:1.85rem;top:1.95rem;left:.62rem;z-index:6;-webkit-animation-delay:.65s}.tv_7{width:.89rem;top:2.73rem;left:0;-webkit-animation-delay:.7s}.tv_8{width:.92rem;top:2.88rem;left:.08rem;z-index:8;-webkit-animation-delay:1s}.tv_9{width:.63rem;top:3.18rem;right:0;-webkit-animation-delay:.9s}.tv_10{width:.58rem;top:3.08rem;right:0;-webkit-animation-delay:.85s}.icon_music{position:absolute;top:.4rem;left:.35rem;width:.73rem;height:.13rem;background-position:-2rem -2.4rem}.act_name{position:relative;height:1.12rem;margin-top:-.6rem;z-index:10}.act_name__item{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:center;-webkit-box-pack:center;margin-bottom:.02rem}.txt_box{display:block;overflow:hidden;text-indent:-999px;opacity:0}.txt_shu{width:.39rem;height:.41rem}.txt_jia{width:.39rem;height:.43rem;background-position:-.45rem 0}.txt_shen{width:.38rem;height:.43rem;background-position:-.9rem 0}.txt_ju{width:.38rem;height:.43rem;background-position:-1.35rem 0}.txt_line{width:.17rem;height:.45rem;background-position:-1.8rem 0;margin:0 .04rem}.txt_er{width:.56rem;height:.56rem;background-position:0 -.5rem}.txt_li{width:.55rem;height:.59rem;background-position:-.6rem -.5rem}.txt_jian{width:.56rem;height:.57rem;background-position:-1.2rem -.5rem}.txt_ding{width:.58rem;height:.59rem;background-position:-1.8rem -.5rem}.txt_ke{width:.55rem;height:.58rem;background-position:-2.4rem -.5rem}.play .txt_box{-webkit-animation:jump ease-out .35s forwards}.play .txt_shu{-webkit-animation-delay:1.1s}.play .txt_line_1{-webkit-animation-delay:1.2s}.play .txt_jia{-webkit-animation-delay:1.3s}.play .txt_line_2{-webkit-animation-delay:1.4s}.play .txt_shen{-webkit-animation-delay:1.5s}.play .txt_line_3{-webkit-animation-delay:1.6s}.play .txt_ju{-webkit-animation-delay:1.7s}.play .txt_er{-webkit-animation-delay:1.8s}.play .txt_li{-webkit-animation-delay:1.9s}.play .txt_jian{-webkit-animation-delay:2s}.play .txt_ding{-webkit-animation-delay:2.1s}.play .txt_ke{-webkit-animation-delay:2.2s}@-webkit-keyframes jump{0%{-webkit-transform:translate3d(-6px,0,0);opacity:0}50%{-webkit-transform:translate3d(-3px,-8px,0);opacity:1}100%{-webkit-transform:translate3d(0,0,0);opacity:1}}.input_name{width:1.83rem;height:.37rem;display:block;margin:0 auto .1rem;border:none;background-position:0 -3.5rem;text-align:center;color:#504941;font-size:.17rem;opacity:0;-webkit-animation-delay:2.4s}.btn1{width:1.64rem;height:.54rem;display:block;margin:0 auto;border:none;background-position:0 -1.2rem;text-indent:-999px;overflow:hidden;opacity:0;-webkit-animation-delay:2.6s}.item-2{background-image:url(img/bg2.jpg?max_age=2592000)}.count_down{position:relative;overflow:hidden;width:100%;margin-bottom:.12rem;padding-right:.03rem;box-sizing:border-box;opacity:0;-webkit-transform:translate3d(0,-20px,0);-webkit-transition:.75s ease-out}.count_down__inner{float:right;width:2.66rem;height:.42rem;background-position:0 -4.65rem;font-size:.21rem;line-height:.38rem;text-indent:.84rem}.mod_ask{position:relative;width:3.71rem;height:4.81rem;background:url(img/juan.png?max_age=2592000) no-repeat 0 0;background-size:cover;opacity:0;-webkit-transform:translate3d(0,-20px,0);-webkit-transition:.75s .2s ease-out}.ask__bd{position:absolute;left:.36rem;right:0;top:.7rem}.ask__title__txt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center;text-align:center;font-size:.16rem;margin-right:.3rem;max-height:.48rem;overflow:hidden}.ask__list{position:absolute;left:.82rem;top:.7rem}.btn2{display:block;width:1.82rem;height:.41rem;background-position:0 -2.4rem;text-align:center;color:#fff;line-height:.36rem;font-size:.16rem;letter-spacing:1px;text-indent:1px;margin-bottom:.26rem;overflow:hidden}.ask__hd{position:absolute;top:.02rem;left:.48rem;height:.62rem;width:3rem}.progress{position:absolute;height:.12rem;width:2.33rem;top:.24rem;left:.03rem;border:1px solid #000;border-radius:.12rem}.progress__bar{border-radius:.12rem;height:100%;background-color:#ff6f6f}.btn_play{position:absolute;top:.12rem;right:.12rem;width:.37rem;height:.37rem;line-height:999px;overflow:hidden}.btn_play{background-position:-1.8rem -1.8rem}.btn_play.pause{background-position:-2.4rem -1.8rem}.item-3,.item-4,.item-load,.item-share{background-image:url(img/bg3.jpg?max_age=2592000)}.result_title{position:relative;width:3rem;height:.53rem;margin:0 0 .06rem .15rem;background:url(img/kuang2.png?max_age=2592000) no-repeat 0 0;background-size:100%}.result_title__txt{position:absolute;width:2.25rem;height:.44rem;left:.49rem;top:.11rem;line-height:.44rem;font-size:.16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result{position:relative;height:2.69rem;width:3.54rem;margin:0 auto}.result__bd{position:absolute;left:.38rem;top:0;width:2.77rem;height:2.6rem;background:url(img/js.png?max_age=2592000) no-repeat 0 0;background-size:100%}.result__type{position:absolute;width:1.9rem;height:1.23rem;line-height:1.23rem;text-align:center;left:.4rem;top:.6rem;font-size:1.1rem}.icon_guitar{position:absolute;bottom:0;left:0;width:1.12rem;height:1.7rem;background:url(img/gita3.png?max_age=2592000) no-repeat 0 0;background-size:100%}.icon_tape{position:absolute;left:.9rem;bottom:.2rem;width:.65rem;height:.4rem;background:url(img/cp.png?max_age=2592000) no-repeat 0 0;background-size:100%}.icon_cd{position:absolute;right:0;top:.5rem;width:.91rem;height:.91rem;-webkit-animation:round 10s linear 1000;background:url(img/cd.png?max_age=2592000) no-repeat 0 0;background-size:100%}.result_ft{position:relative;height:1.35rem;width:3.05rem;margin:-.22rem auto .2rem}.congratulation{position:absolute;left:0;top:0;width:2.04rem;height:1.31rem;background:url(img/kuang3.png?max_age=2592000) no-repeat 0 0;background-size:100%}.qrcode{position:absolute;right:0;top:.12rem;text-align:center}.qrcode__box{width:.78rem;height:.81rem;border:1px solid rgba(85,102,129,.55)}.qrcode__img{display:block;width:.7rem;height:.7rem}.qrcode__tips{height:.18rem}.qrcode__box__inner{position:relative;width:.7rem;height:.7rem;padding:.02rem;background-color:#fff;border:1px solid #141e30;top:.03rem;left:-.04rem}.congratulation__txt{position:absolute;width:1.77rem;height:1rem;left:.13rem;top:.3rem;text-align:center;font-size:.15rem;line-height:1.6;text-decoration:underline;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:center;-webkit-box-pack:center;overflow:hidden}.btn_box{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:center;-webkit-box-pack:center}.btn3,.btn4{display:block;line-height:999px;overflow:hidden;margin:0 .02rem}.btn4{width:1.15rem;height:.54rem;background:url(img/btn4.png?max_age=2592000) no-repeat 0 0;background-size:100%}.btn3{width:2.15rem;height:.54rem;background:url(img/btn3.png?max_age=2592000) no-repeat 0 0;background-size:100%}.icon_dot{position:absolute;width:.04rem;height:.04rem;top:.13rem;border:1px solid #192638;background-color:#fff;border-radius:.04rem;-webkit-animation:round 6s linear 1000}.icon_dot:nth-of-type(1){left:.13rem}.icon_dot:nth-of-type(2){right:.14rem}.icon_dot::after{content:'';position:absolute;left:1px;top:1px;width:1px;height:1px;background-color:#192638;border-radius:1px}.item-3 .logo{margin-bottom:.15rem}.btn_box,.icon_tape,.result__bd,.result_ft,.result_title{opacity:0;-webkit-transform:translate3d(0,-20px,0);-webkit-transition:.75s ease-out}.icon_cd{opacity:0;-webkit-transition:1.5s 1s ease-out}.play .icon_cd{opacity:1}.icon_guitar{opacity:0;-webkit-transform:rotate(-10deg);-webkit-transform-origin:50% 100%;-webkit-transition:.75s 1s ease-out}.result__bd{-webkit-transition-delay:.15s}.icon_tape,.result_ft{-webkit-transition-delay:.3s}.btn_box{-webkit-transition-delay:.45s}.play .btn_box,.play .count_down,.play .icon_guitar,.play .icon_tape,.play .mod_ask,.play .result__bd,.play .result_ft,.play .result_title{opacity:1;-webkit-transform:translate3d(0,0,0)}@-webkit-keyframes round{to{-webkit-transform:rotate(360deg)}}.wait{position:relative;width:2.88rem;height:2.45rem;background:url(img/kuang4.png?max_age=2592000) no-repeat 0 0;background-size:100%;margin:0 auto}.wait__bd{position:absolute;left:.19rem;top:.6rem;width:2.25rem;height:1.52rem;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:center;-webkit-box-pack:center;font-size:.19rem;line-height:1.8;color:#556681;text-align:center}.wait__progress{position:absolute;left:.63rem;top:.4rem;width:1.8rem;height:.04rem;border:1px solid #000;border-radius:.4rem}.wait__progress__bg{height:100%;background-color:#ff6f6f;border-radius:.4rem;width:10%;-webkit-animation:progress ease-out 1s 100 forwards}@-webkit-keyframes progress{100%{width:100%}}.qui_toast{display:none}.qui_toast__mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center}.qui_toast__box{padding:20px 20px 16px;border-radius:5px;background:rgba(0,0,0,.8);opacity:0;-webkit-transform:scale(.7)}.qui_toast__tit{text-align:center;max-width:10em;min-width:6em;max-height:48px;overflow:hidden;line-height:1.5;word-wrap:break-word;font-size:16px;font-weight:300;color:#fff}.qui_toast__icon{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;width:28px;height:28px;margin:0 auto 11px;color:#fff;border-radius:28px;border:solid 2px}.qui_toast__icon::after,.qui_toast__icon::before{content:"";display:block;background:currentColor}.qui_toast__icon--warn{color:#FD7072}.qui_toast__icon--info::before,.qui_toast__icon--warn::after{width:2px;height:2px;border-radius:2px;margin:2px 0;-webkit-transform:scale(1.5)}.qui_toast__icon--info::after,.qui_toast__icon--warn::before{width:2px;height:10px;margin:1px 0}.qui_toast__icon--success{position:relative}.qui_toast__icon--success::after,.qui_toast__icon--success::before{position:absolute;-webkit-transform:rotate(-45deg);-webkit-transform-origin:0 100%}.qui_toast__icon--success::before{top:13px;left:12px;width:2px;height:8px}.qui_toast__icon--success::after{top:19px;left:12px;width:14px;height:2px}.qui_toast--active{display:block}.qui_toast--active .qui_toast__box{-webkit-animation:ani_toast_scaleOut 350ms forwards,ani_toast_scaleIn .2s cubic-bezier(.4,.8,.74,1) 1.15s,ani_toast_fadeIn 350ms cubic-bezier(0,0,.2,1) forwards,ani_toast_fadeOut .2s cubic-bezier(.4,.8,.74,1) 1.15s}@-webkit-keyframes ani_toast_scaleOut{0%{-webkit-transform:scale(.7)}72%{-webkit-transform:scale(1.03)}100%{-webkit-transform:scale(1)}}@-webkit-keyframes ani_toast_scaleIn{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(.7)}}@-webkit-keyframes ani_toast_fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes ani_toast_fadeOut{0%{opacity:1}100%{opacity:0}}.wrap_share{position:relative;width:750px;height:1334px}.item-share .result_title{width:600px;height:106px;margin:0 0 12px 30px;opacity:1;-webkit-transform:translate3d(0,0,0)}.item-share .result_title__txt{position:absolute;width:550px;height:88px;left:98px;top:22px;line-height:88px;font-size:32px}.item-share .result{height:538px;width:708px}.item-share .result__bd{left:76px;top:0;width:554px;height:520px;opacity:1;-webkit-transform:translate3d(0,0,0)}.item-share .result__type{width:380px;height:246px;line-height:246px;left:80px;top:120px;font-size:220px}.item-share .icon_guitar{width:224px;height:340px;opacity:1;-webkit-transform:translate3d(0,0,0)}.item-share .icon_tape{left:180px;bottom:40px;width:135px;height:80px;opacity:1;-webkit-transform:translate3d(0,0,0)}.item-share .icon_cd{top:100px;width:182px;height:182px;-webkit-animation:none;opacity:1;-webkit-transform:translate3d(0,0,0)}.item-share .result_ft{height:270px;width:610px;margin:-44px auto 40px;opacity:1;-webkit-transform:translate3d(0,0,0)}.item-share .congratulation{width:408px;height:262px}.item-share .qrcode{top:24px;font-size:24px}.item-share .qrcode__tips{height:36px}.item-share .qrcode__box{width:156px;height:162px;border-width:2px}.item-share .qrcode__img{width:140px;height:140px}.item-share .qrcode__box__inner{width:140px;height:140px;padding:4px;border-width:2px;top:6px;left:-8px}.item-share .congratulation__txt{width:354px;height:200px;left:26px;top:60px;font-size:30px}.item-share .btn_box{opacity:1;-webkit-transform:translate3d(0,0,0)}.btn4,.item-share .btn3{margin:0 4px}.item-share .btn4{width:230px;height:108px}.item-share .btn3{width:430px;height:108px}.item-share .icon_dot{width:8px;height:8px;top:26px;border-radius:8px;-webkit-animation:none}.item-share .icon_dot:nth-of-type(1){left:26px}.item-share .icon_dot:nth-of-type(2){right:28px}.item-share .icon_dot::after{left:2px;top:2px;width:2px;height:2px;border-radius:2px}.item-share .logo{width:162px;height:46px;margin-bottom:30px;background:url(img/logo.png?max_age=2592000) no-repeat 0 0;background-size:100%}@media (device-width:320px) and (max-height:450px){.logo{margin-bottom:0}.item-3 .logo{margin-bottom:.1rem}.movie{-webkit-transform:scale(.95)}.act_name{margin-top:-1.2rem}.input_name{margin-bottom:.1rem}.result_ft{margin-bottom:.1rem}.result{-webkit-transform:scale(.9);margin-bottom:-.3rem;margin-top:-.1rem}.btn_box{margin-bottom:.2rem}}@media (device-width:320px) and (min-height:451px) and (max-height:500px){.logo{margin-bottom:0}.item-3 .logo{margin-bottom:.1rem}.movie{-webkit-transform:scale(.95)}.act_name{margin-top:-1.2rem}.input_name{margin-bottom:.1rem}.result_ft{margin-bottom:.1rem}.btn_box{margin-bottom:.2rem}}@media (device-width:360px) and (max-height:500px){.logo{margin-bottom:0}.item-3 .logo{margin-bottom:.1rem}.movie{-webkit-transform:scale(.95)}.act_name{margin-top:-1.2rem}.input_name{margin-bottom:.1rem}.result{-webkit-transform:scale(.9);margin-bottom:-.3rem;margin-top:-.1rem}.result_ft{margin-bottom:.1rem}.btn_box{margin-bottom:.2rem}}@media (device-width:360px) and (min-height:501px) and (max-height:550px){.logo{margin-bottom:0}.item-3 .logo{margin-bottom:.1rem}.movie{-webkit-transform:scale(.95)}.act_name{margin-top:-1rem}.input_name{margin-bottom:.1rem}.btn1{margin-bottom:.1rem}.result_ft{margin-bottom:.1rem}.btn_box{margin-bottom:.2rem}}