html,body,.page-swiper{width:100%;height:100%;overflow:hidden}.subscribe-btns{width:100%;margin-top:.18rem}.subscribe-btns a{display:block;width:1.33rem;height:.4rem;margin:0 .135rem}.subscribe-btns a.btn-google{background:url(../images/btn_google.png) center center no-repeat;background-size:100% 100%}.subscribe-btns a.btn-apple{background:url(../images/btn_apple.png) center center no-repeat;background-size:100% 100%}.page-screen1{position:relative;background:url(../pc/bg.png) center center no-repeat;background-size:cover;overflow:hidden;padding:.1563rem .3229rem}.page-screen1 .subscribe-count{font-size:.09rem;color:#ECEBEB;margin-bottom:.1rem}.page-screen1 .subscribe-count strong{color:#4BD9E6}.page-screen1 .screen1-icons{width:100%}.page-screen1 .screen1-icons a{display:block;width:.23rem;height:.23rem;margin:0 .065rem}.page-screen1 .screen1-icons a img{display:block;width:100%;height:100%}.page-screen1 .screen1-icons .btn-music{width:.27rem;height:.27rem;cursor:pointer;background:url(../images/btn_music_play.png) center center no-repeat;background-size:100% 100%;margin-left:.135rem}.page-screen1 .screen1-icons .btn-music.music-pause{background-image:url(../images/btn_music_pause.png)}.page-screen1 .screen1-subscribe{position:absolute;bottom:.65rem;left:0;width:100%}.page-screen1 .screen1-subscribe .slogan img{width:5.94rem;height:.76rem}.page-screen1 .screen1-subscribe .slogan .btn-play{display:block;width:.63rem;height:.63rem;background:url(../images/btn_play.png) center center no-repeat;background-size:100% 100%;cursor:pointer;transform:translate(-0.1rem, -0.05rem)}.page-screen1 .screen1-subscribe .slogan .btn-play:hover{background-image:url(../images/btn_play_hov.png)}.page-screen1 .screen1-subscribe .level15{width:.36rem;height:.46rem;background:url(../images/level15.png) center center no-repeat;background-size:100% 100%;position:absolute;left:.31rem;bottom:0}.page-screen1 .screen1-subscribe .copyright{width:.82rem;height:.09rem;background:url(../images/copyright.png) center center no-repeat;background-size:100% 100%;position:absolute;right:.28rem;bottom:0;display:none}.page-gift{background:url(../pc/bg_1.png) center center no-repeat;background-size:cover;padding-left:1.35rem;padding-top:.51rem;overflow:hidden}.page-gift .gift-container{margin-top:.51rem}.page-gift .gift-container li{width:.8rem;height:2.01rem;margin-left:.08rem;background-position:left top;background-size:100% 100%;background-repeat:no-repeat}.page-gift .gift-container li:nth-of-type(odd){margin-top:.21rem}.page-gift .gift-container li:nth-of-type(1){background-image:url(../pc/gift1.png)}.page-gift .gift-container li:nth-of-type(1).done{background-image:url(../pc/gift1_done.png)}.page-gift .gift-container li:nth-of-type(2){background-image:url(../pc/gift2.png)}.page-gift .gift-container li:nth-of-type(2).done{background-image:url(../pc/gift2_done.png)}.page-gift .gift-container li:nth-of-type(3){background-image:url(../pc/gift3.png)}.page-gift .gift-container li:nth-of-type(3).done{background-image:url(../pc/gift3_done.png)}.page-gift .gift-container li:nth-of-type(4){background-image:url(../pc/gift4.png)}.page-gift .gift-container li:nth-of-type(4).done{background-image:url(../pc/gift4_done.png)}.page-gift .gift-container li:nth-of-type(5){background-image:url(../pc/gift5.png)}.page-gift .gift-container li:nth-of-type(5).done{background-image:url(../pc/gift5_done.png)}.page-gift .gift-container li:nth-of-type(6){background-image:url(../pc/gift6.png)}.page-gift .gift-container li:nth-of-type(6).done{background-image:url(../pc/gift6_done.png)}.page-banner{overflow:hidden;background:url(../pc/bg_2.png) center center no-repeat;background-size:cover;padding-top:.39rem;padding-left:1.35rem;overflow:hidden}.page-banner .banner-main{width:100%;margin-top:.22rem}.page-banner .banner-main .swiper-main{width:6.1979rem;position:relative}.page-banner .banner-main .swiper-main .banner-prev,.page-banner .banner-main .swiper-main .banner-next{width:.2865rem;height:.3802rem;flex:0 0 .2865rem;cursor:pointer;background:url(../images/btn_prev_b.png) center center no-repeat;background-size:cover}.page-banner .banner-main .swiper-main .banner-next{position:absolute;right:.7083rem;z-index:3;background-image:url(../images/btn_next_b.png)}.page-banner .banner-main .banner-swiper{background:url(../images/s_banner_bg.png);background-size:100% 100%;overflow:hidden;width:5.7292rem;justify-content:flex-start;margin-left:.2083rem}.page-banner .banner-main .banner-swiper .swiper-slide{overflow:hidden;width:4.5208rem;height:2.5365rem}.page-banner .banner-main .banner-swiper .swiper-slide img{display:block;width:100%;height:100%}.page-banner .banner-main .banner-swiper .swiper-slide.swiper-slide-active{transform:scale(1) translateX(0) !important}.page-banner .banner-main .banner-swiper .swiper-slide.swiper-slide-next{transform:scale(0.6) translateX(-1.6146rem) !important}.page-banner .banner-main .banner-swiper .swiper-slide.swiper-slide-next::before{content:'';display:block;width:100%;height:100%;position:absolute;z-index:2;background-color:rgba(0,0,0,0.6);left:0;top:0}.page-banner .banner-main .banner-pagination{width:1.1979rem;position:absolute;right:0;bottom:0;left:auto}.page-banner .banner-main .banner-pagination li{width:.0521rem;height:.0521rem;flex:0 0 .0521rem;border-radius:.026rem;background-color:#000;transition:all .2s linear;opacity:.9}.page-banner .banner-main .banner-pagination li.active{flex:1 1 auto}.page-banner .footer{position:absolute;bottom:0;left:0;width:100%}.page-banner .footer .topArea{display:flex;justify-content:flex-end}.page-banner .footer .topArea .arrowBg{margin-right:1.0417rem;width:.4271rem;height:.2188rem;background-size:cover;background:url(../images/arrowBg.png) center center no-repeat;display:flex;justify-content:center;cursor:pointer}.page-banner .footer .topArea .arrowBg img{margin-top:.0417rem;width:.276rem;height:.2135rem;transform:rotate(180deg)}.page-banner .footer .topArea .arrowShowBg{margin-right:1.0417rem;width:.4271rem;height:.2188rem;background-size:cover;background:url(../images/arrowBg.png) center center no-repeat;display:flex;justify-content:center;cursor:pointer;display:none}.page-banner .footer .topArea .arrowShowBg img{margin-top:.0781rem;width:.276rem;height:.2135rem}.page-banner .footer .footer-main{background-size:cover;background-color:rgba(0,0,0,0.8);height:1.4375rem;display:none;justify-content:center;align-items:center}.page-banner .footer .footer-main .footer-beian .topGroup{display:flex;justify-content:space-between;align-items:center;width:3.6458rem}.page-banner .footer .footer-main .footer-beian .copyright{font-weight:400;font-size:.0625rem;color:#9A9A9A;margin-top:.1042rem}.page-banner .footer .footer-main .footer-beian .copyright p{margin-bottom:.0417rem}.page-banner .footer .footer-main .footer-beian .copyright p a{color:#9A9A9A}.page-banner .footer .footer-main .line{background-color:#434343;width:.0052rem;height:1.0417rem;margin-left:.6771rem;margin-right:.6771rem}.page-banner .footer .footer-main .footer-right{display:flex;align-items:center}.page-banner .footer .footer-main .footer-right img{margin-right:.1667rem}.page-banner .footer .footer-main .footer-right .text{font-size:.0729rem;color:#9A9A9A;width:2.2604rem;word-break:break-all;white-space:wrap;line-height:1.9}.page-next{width:.33rem;height:.23rem;background:url(../images/btn_next.png) center center no-repeat;background-size:100% 100%;cursor:pointer;position:fixed;z-index:2;left:50%;transform:translateX(-50%);bottom:20px;animation:next 1s ease-in-out infinite alternate}.dialog{width:100%;height:100%;position:fixed;z-index:101;left:0;top:0;background-color:rgba(0,0,0,0.8);display:none}.dialog .dialog-main{color:#51A3DE;position:relative;width:3.9063rem;height:2.4167rem}.dialog .dialog-close{position:absolute;width:.276rem;height:.5365rem;background:url(../images/s_dialog_close.png) center center no-repeat;background-size:100% 100%;top:0;right:0;transform:translateX(110%);z-index:10;cursor:pointer}.dialog.video-dialog .dialog-main{width:4.66rem;height:auto;padding:0;background-color:#000}.dialog.video-dialog .dialog-main video{width:100%}@media screen and (max-width: 540px){.subscribe-btns{margin:.32rem 0}.subscribe-btns a{width:3.4rem;height:1.01rem}.subscribe-btns a .btn-apple{background-image:url(../images/btn_apple.png)}.subscribe-btns a .btn-apple:hover{background-image:inherit}.subscribe-btns a .btn-google{background-image:url(../images/btn_google.png)}.subscribe-btns a .btn-google:hover{background-image:inherit}.page-title{width:auto;height:1.07rem;margin:1.09rem .41rem .48rem}.m-gift-header{width:100%;background-color:rgba(0,0,0,0.6);color:#fff;padding:.12rem .41rem;position:fixed;left:0;top:0;z-index:3}.m-gift-header img{width:1.08rem;height:1.08rem;flex:0 0  1.08rem}.m-gift-header .header-text{flex:1 1 auto;font-size:.32rem;margin-left:.27rem}.m-gift-header .header-text h2{font-size:inherit}.m-gift-header .header-subscribe{width:2.52rem;height:.65rem;background:url(../images/btn_apple.png) center center no-repeat;background-size:contain}.m-gift-header .header-subscribe.download-android{background-image:url(../images/btn_google.png)}.page-screen1{background-image:url(../m/bg.png)}.page-screen1 .logo{width:2.24rem;height:.83rem}.page-screen1 .screen1-icons{position:absolute;width:100%;left:0;top:1.5rem;padding:.39rem}.page-screen1 .screen1-icons a{width:.85rem;height:.85rem}.page-screen1 .screen1-icons .btn-music{width:.63rem;height:.63rem}.page-screen1 .screen1-m-subscribe{width:100%;position:relative}.page-screen1 .screen1-m-subscribe .btn-play{width:6.49rem;height:6.45rem;background:url(../m/btn_play.png) center center no-repeat;background-size:cover}.page-screen1 .screen1-m-subscribe .slogan{width:8.25rem;height:3.32rem;margin-top:.57rem}.page-screen1 .subscribe-count{color:#fff;font-size:.29rem}.page-screen1 .subscribe-count strong{color:inherit;font-weight:normal}.page-screen1 .level15{width:.79rem;height:.99rem;left:auto;right:.64rem;background:url(../m/level15.png) center center no-repeat;background-size:100% 100%;position:absolute;bottom:0}.page-m-gift{width:100%;height:100%;background:url(../m/bg_1.png) center center no-repeat;background-size:cover;padding-top:1.2rem}.page-m-gift .gift-container{width:100%;flex-wrap:wrap;padding:0 .8rem}.page-m-gift .gift-container li{width:2.33rem;height:5.48rem;flex:0 0 2.33rem;margin-left:.165rem;background-position:center top;background-size:100% 100%;background-repeat:no-repeat;margin-bottom:.39rem}.page-m-gift .gift-container li:nth-of-type(1){background-image:url(../m/gift1.png)}.page-m-gift .gift-container li:nth-of-type(1).done{background-image:url(../m/gift1_done.png)}.page-m-gift .gift-container li:nth-of-type(2){background-image:url(../m/gift2.png)}.page-m-gift .gift-container li:nth-of-type(2).done{background-image:url(../m/gift2_done.png)}.page-m-gift .gift-container li:nth-of-type(3){background-image:url(../m/gift3.png)}.page-m-gift .gift-container li:nth-of-type(3).done{background-image:url(../m/gift3_done.png)}.page-m-gift .gift-container li:nth-of-type(4){background-image:url(../m/gift4.png)}.page-m-gift .gift-container li:nth-of-type(4).done{background-image:url(../m/gift4_done.png)}.page-m-gift .gift-container li:nth-of-type(5){background-image:url(../m/gift5.png)}.page-m-gift .gift-container li:nth-of-type(5).done{background-image:url(../m/gift5_done.png)}.page-m-gift .gift-container li:nth-of-type(6){background-image:url(../m/gift6.png)}.page-m-gift .gift-container li:nth-of-type(6).done{background-image:url(../m/gift6_done.png)}.page-banner{width:100%;height:100%;padding:0;padding-top:1.2rem}.page-banner .banner-main{margin-top:1.8rem}.page-banner .banner-main .swiper-main{width:100%}.page-banner .banner-main .swiper-main .banner-prev,.page-banner .banner-main .swiper-main .banner-next{position:relative;left:0;right:0;width:1.01rem;height:1.36rem;flex:0 0 1.01rem;cursor:pointer;background:url(../images/btn_prev_b.png) center center no-repeat;background-size:cover}.page-banner .banner-main .swiper-main .banner-next{background-image:url(../images/btn_next_b.png)}.page-banner .banner-main .swiper-main .m-dots{width:100%;overflow:hidden;padding:0 .43rem;margin-top:.35rem}.page-banner .banner-main .banner-swiper{overflow:hidden;width:9.12rem;justify-content:flex-start;margin-left:0}.page-banner .banner-main .banner-swiper .swiper-slide{overflow:hidden;width:9.12rem;height:5.13rem}.page-banner .banner-main .banner-swiper .swiper-slide img{display:block;width:100%;height:100%}.page-banner .banner-main .banner-pagination{width:auto;flex:1 1 auto;position:relative;margin:0 1rem}.page-banner .banner-main .banner-pagination li{width:.17rem;height:.17rem;flex:0 0 .17rem;border-radius:.085rem;background-color:#000;transition:all .2s linear;opacity:.9}.page-banner .banner-main .banner-pagination li.active{width:.35rem;flex:1 1 auto}.footer-main{display:flex;flex-direction:column;background-color:#000000;padding:.6667rem .8533rem}.footer-main .footer-beian{display:flex;flex-direction:column}.footer-main .topGroup{display:flex;align-items:center;justify-content:space-between}.footer-main .topGroup .appicon{width:1.6rem}.footer-main .topGroup .stLogo{width:3.12rem}.footer-main .topGroup .studioLogo{width:2.5333rem}.footer-main .copyright{font-weight:400;font-size:.2667rem;color:#9A9A9A;margin-top:.2667rem}.footer-main .copyright p{line-height:.48rem}.footer-main .copyright p a{color:#9A9A9A}.footer-main .line{height:1px;width:100%;background-color:#4D4D4D;margin-top:.7467rem;margin-bottom:.7467rem}.footer-main .footer-right{display:flex;align-items:flex-start}.footer-main .footer-right img{width:1.6rem}.footer-main .text{width:6.7467rem;font-weight:400;font-size:.2667rem;color:#9A9A9A;line-height:.48rem;margin-left:.24rem}.page-next{width:.85rem;height:.59rem}.dialog{width:100%;height:100%;position:fixed;z-index:101;left:0;top:0;background-color:rgba(0,0,0,0.8);display:none;padding:0 .44rem}.dialog .dialog-main{color:#444D53;position:relative;width:100%}.dialog .dialog-close{position:absolute;width:1.25rem;height:1.21rem;background:url(../m/s_dialog_close.png) center center no-repeat;background-size:100% 100%;bottom:0;top:auto;left:auto;right:auto;z-index:10;cursor:pointer;transform:translateY(110%)}.dialog.video-dialog .dialog-main{width:100%;padding:0;background-color:#000;font-size:0}.dialog.video-dialog .dialog-main video{max-width:100%}}@keyframes next{0%{transform:translate(-50%, 0px)}100%{transform:translate(-50%, 10px)}}