[v-cloak]{display:none}.tc{text-align:center}.tc-hor{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tc-ver{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.container{width:100%;padding-top:44px}.page{position:relative;width:100%}.page .bg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page1{height:49.5rem}.page1 .tab-box{position:absolute;bottom:2.875rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:.925rem}.page1 .tab-box .tab-1{width:7.525rem;height:3.05rem}.page1 .tab-box .tab-2{width:7.05rem;height:3.475rem}.page1 .tab-box .tab-3{width:7.7rem;height:3.325rem}.page2{height:75.275rem;overflow:hidden}.page2 .voice{position:absolute;width:3.5rem;top:19rem;left:3rem}.page2 .tab-box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:22rem;background:#ffe8d7;padding:.25rem .5rem;border-radius:.25rem;top:24.5rem;z-index:2}.page2 .tab-box .tab-box-bg{width:100%}.page2 .tab-box .tab-btn-left{position:absolute;left:-.75rem;top:-.1rem;width:1.6rem;height:2.275rem}.page2 .tab-box .tab-btn-right{position:absolute;right:-.75rem;top:-.1rem;width:1.6rem;height:2.275rem}.page2 .tab-box .swiper{margin-left:.375rem!important}.page2 .tab-box .swiper .swiper-slide{width:4.725rem!important;height:1.65rem!important}.page2 .tab-box .swiper .slide-item{position:relative;width:100%}.page2 .tab-box .swiper .slide-item .tab-item-bg{width:100%;border-radius:.2rem;overflow:hidden}.page2 .tab-box .swiper .slide-item .title{font-size:1rem;color:#fff;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center}.page2 .tab-box .max-swiper{width:90%!important;margin-left:0!important;margin:0 auto!important}.page2 .video-box{position:absolute;left:2.65rem;top:31.25rem;width:22.85rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.1rem}.page2 .video-box .video-item{width:10.85rem;position:relative;margin-bottom:1.5rem}.page2 .video-box .video-item .video-item-bg{width:100%}.page2 .video-box .video-item .record-box{position:absolute;left:-.65rem;top:-.575rem;z-index:3}.page2 .video-box .video-item .record-box .record-bg{width:3.025rem}.page2 .video-box .video-item .record-box .record-icon{width:1.075rem;position:absolute;right:-.375rem;top:.25rem}.page2 .video-box .video-item .video-item-content{position:absolute;width:10.575rem;left:.125rem;top:.25rem}.page2 .video-box .video-item .video-item-content .item-video{position:relative}.page2 .video-box .video-item .video-item-content .item-video .video-cover{height:auto;position:absolute;-o-object-fit:cover;object-fit:cover}.page2 .video-box .video-item .video-item-content .item-video .video-cover1-1{width:9.8rem;top:-3rem;left:0}.page2 .video-box .video-item .video-item-content .item-video .video-cover1-2{width:9.2rem;top:-3rem;left:.5rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover1-3{width:9.875rem;top:-5.25rem;left:1rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover1-4{width:9.875rem;top:-2.75rem;left:.5rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover2-5{width:6.425rem;top:-2.75rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover2-6{width:11.5rem;top:-5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover2-7{width:7.775rem;top:-3rem;left:2.625rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover2-8{width:9.175rem;top:-2.5rem;left:1.75rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover2-9{width:12.3rem;top:-7.25rem;left:-1.375rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover3-10{width:12.075rem;top:-4.5rem;left:-1.375rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover3-11{width:13.95rem;top:-6.25rem;left:-.75rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover3-12{width:14.05rem;top:-4rem;left:-1.25rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover3-13{width:12.475rem;top:-6rem;left:1.25rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover3-14{width:12.7rem;top:-6.5rem;left:.5rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover3-15{width:7.95rem;top:-3rem;left:1.75rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover4-16{width:8.075rem;top:-3.75rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover4-17{width:9.275rem;top:-3.75rem;left:-.25rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover4-18{width:7.3rem;top:-4.5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover4-19{width:10.7rem;top:-3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover4-20{width:8.875rem;top:-3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover4-21{width:9.45rem;top:-2.75rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover5-22{width:11.85rem;top:-3.25rem;left:-1.5rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover5-23{width:11.925rem;top:-3.25rem;left:.5rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover5-24{width:8.975rem;top:-2rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover5-25{width:10.425rem;top:-2.25rem;left:-.5rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover5-26{width:13.15rem;top:-2.75rem;left:-.625rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover5-27{width:14.725rem;top:-4rem;left:-.25rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover6-28{width:8.975rem;top:-3.125rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover6-29{width:9.125rem;top:-3.125rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover6-30{width:15.2rem;top:-4.125rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover6-31{width:6.75rem;top:-2.625rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover6-32{width:10.825rem;top:-3.125rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover6-33{width:11.9rem;top:-2.875rem;left:-1.5rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover7-34{width:8.525rem;top:-3.625rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover7-35{width:5.925rem;top:-3.625rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover7-36{width:8.225rem;top:-3.125rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover7-37{width:7.65rem;top:-3.125rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover7-38{width:12.175rem;top:-2.875rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover7-39{width:13.475rem;top:-2.875rem;left:-.25rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover8-40{width:12.6rem;top:-3.75rem;left:-1.75rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover8-41{width:19.15rem;top:-4rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover8-42{width:12.65rem;top:-3.75rem;left:-.25rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover8-43{width:8.9rem;top:-3rem;left:-.5rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover8-44{width:9.625rem;top:-3.25rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover8-45{width:12.65rem;top:-3.5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover9-46{width:9.475rem;top:-3.25rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover9-47{width:12.05rem;top:-3.5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover9-48{width:11.1rem;top:-4.25rem;left:.25rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover9-49{width:11.525rem;top:-3.25rem;left:-1rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover9-50{width:13.55rem;top:-3rem;left:.5rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover9-51{width:10.175rem;top:-2.5rem;left:.5rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover10-52{width:6.425rem;top:-3.25rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover10-53{width:10.9rem;top:-3.5rem;left:.25rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover10-54{width:6.875rem;top:-3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover10-55{width:12.8rem;top:-3.5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover10-56{width:12.25rem;top:-3.75rem;left:-.625rem}.page2 .video-box .video-item .video-item-content .item-video .video-cover10-57{width:11.35rem;top:-3.5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .video-box .video-item .video-item-content .item-video .video-cover-bg{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.4);z-index:2}.page2 .video-box .video-item .video-item-content .item-video .btn-box{width:2.175rem;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:2.75rem;z-index:2}.page2 .video-box .video-item .video-item-content .item-video .btn-box .video-btn-bg{width:100%}.page2 .video-box .video-item .video-item-content .item-video .btn-box .btn-icon{width:.75rem;position:absolute;left:.85rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-o-object-fit:cover;object-fit:cover}.page2 .video-box .video-item .video-bottom{position:absolute;bottom:1.25rem;width:90%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3}.page2 .video-box .video-item .video-bottom .title{font-size:.675rem;color:#000;text-align:center;padding-bottom:.125rem;line-height:1.4;display:inline-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0}.page2 .video-box .video-item .video-bottom .title .singer-name{white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;white-space:pre-line}.page2 .video-box .video-item .video-bottom .title .song-title{white-space:nowrap;margin-left:-.125rem;-ms-flex-negative:0;flex-shrink:0;display:inline-block}.page2 .video-box .video-item .video-bottom .vote-btn-box{position:relative;z-index:2;width:7.375rem;margin:0 auto}.page2 .video-box .video-item .video-bottom .vote-btn-box img{width:100%}.page3{height:27.9rem}.page3 .page2-1-bottom{position:absolute;width:100%;top:-5.5rem;left:0}.page4{height:31.85rem}.page4 .btn-box{width:3.1rem;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:20.6rem;z-index:2}.page4 .btn-box .video-btn-bg{width:100%}.page4 .btn-box .btn-icon{width:1.075rem;position:absolute;left:1.125rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-o-object-fit:cover;object-fit:cover}.page5{height:58.35rem}.page5 .tab-box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:22rem;top:10rem;background:#ffe8d7;padding:.25rem .5rem;border-radius:.25rem}.page5 .tab-box .tab-box-bg{width:100%}.page5 .tab-box .tab-btn-left{position:absolute;left:-.75rem;top:-.1rem;width:1.6rem;height:2.275rem}.page5 .tab-box .tab-btn-right{position:absolute;right:-.75rem;top:-.1rem;width:1.6rem;height:2.275rem}.page5 .tab-box .swiper{margin-left:.375rem!important}.page5 .tab-box .swiper .swiper-slide{width:4.725rem!important;height:1.65rem!important}.page5 .tab-box .swiper .slide-item{position:relative;width:100%}.page5 .tab-box .swiper .slide-item .tab-item-bg{width:100%;border-radius:.2rem;overflow:hidden}.page5 .tab-box .swiper .slide-item .title{font-size:1rem;color:#fff;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center}.page5 .tab-box .max-swiper{width:90%!important;margin-left:0!important;margin:0 auto!important}.page5 .video-box{top:13.5rem;width:24.375rem;position:absolute;left:2.25rem}.page5 .video-box .video-bg{width:100%}.page5 .video-box .video-cover{width:93.3%;height:88%;border-radius:.375rem;position:absolute;left:.55rem;top:.5rem;-o-object-fit:cover;object-fit:cover}.page5 .video-box .video-cover-bg{width:93.3%;height:88%;border-radius:.375rem;position:absolute;left:.55rem;top:.5rem;background:rgba(0,0,0,.4)}.page5 .video-box .btn-box{width:3.85rem;position:absolute;left:9.875rem;top:4.75rem;z-index:2}.page5 .video-box .btn-box .video-btn-bg{width:100%}.page5 .video-box .btn-box .btn-icon{width:1.35rem;position:absolute;left:1.375rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-o-object-fit:cover;object-fit:cover}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}