canvas{position:absolute;top:0}.container[data-v-a29e88b8]{width:100%;height:100%}.container .title[data-v-a29e88b8]{font-size:.4rem;color:#7c96b1;text-align:center}.container .iconFly[data-v-a29e88b8]{color:#7c96b1;position:absolute;font-size:0;z-index:1001}.container .iconFly.active[data-v-a29e88b8]{-webkit-animation:fly-data-v-a29e88b8 1s ease;animation:fly-data-v-a29e88b8 1s ease}.container .content[data-v-a29e88b8] .happy-scroll-container{width:100%!important;height:100%!important}.container .content[data-v-a29e88b8] .happy-scroll-container .happy-scroll-content{width:100%;vertical-align:top}.container .content .operation[data-v-a29e88b8]{position:absolute;left:0;right:0;text-align:center;z-index:10;width:17%;margin:0 auto;top:43%;font-size:.24rem}.container .content .operation .author[data-v-a29e88b8],.container .content .operation .name[data-v-a29e88b8]{color:#7c96b1}.container .content .operation .tips[data-v-a29e88b8]{display:none;margin-top:1.4rem;color:#7c96b1}.container .content .loading[data-v-a29e88b8]{position:absolute;left:0;right:0;text-align:center;margin:0 auto;width:20%;top:50%;transform:translateY(-50%);display:none}.container .content .loading img[data-v-a29e88b8]{width:100%}.container .content .choice[data-v-a29e88b8]{display:flex;flex-direction:column;position:absolute;right:0;left:0;align-content:center;bottom:10%;z-index:99;text-align:center;font-size:.24rem}.container .content .choice .operation-title[data-v-a29e88b8]{font-size:.24rem;color:#7c96b1}.container .content .choice .switch[data-v-a29e88b8]{font-size:.24rem;color:#7c96b1;display:flex;flex-direction:row;text-align:center;margin:.2rem auto;height:.3rem;line-height:.3rem}.container .content .choice .switch .switch-title[data-v-a29e88b8]{margin-right:.2rem}.container .content .choice .preAndNext[data-v-a29e88b8] .el-button--primary{color:#7c96b1;background-color:#95d6fe;border-color:#fff}.container .content .choice .preAndNext i[data-v-a29e88b8]{font-size:.3rem;color:#7c96b1;cursor:pointer;display:inline-block;margin:0 .5em}.container .content .clearHistory[data-v-a29e88b8]{cursor:pointer;position:absolute;top:.2rem;right:.3rem;font-size:.26rem}.container .content .clearHistory[data-v-a29e88b8]:hover{-webkit-animation:shake-data-v-a29e88b8 .3s ease;animation:shake-data-v-a29e88b8 .3s ease}.container .content .popClose[data-v-a29e88b8]{cursor:pointer;position:absolute;top:.2rem;right:.3rem;font-size:.2rem;transition:all .3s ease}.container .content .popClose[data-v-a29e88b8]:hover{transform:rotate(180deg)}.container .content .popTitle[data-v-a29e88b8]{margin:0;font-size:.28rem;padding-left:.3em}.container .content .popTitle span[data-v-a29e88b8]{font-weight:400;font-size:.24rem}.container .content .popMenuName[data-v-a29e88b8]{font-size:.2rem;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 2em 0 .4em;color:#d6d0d0}.container .content .popHistory[data-v-a29e88b8]{position:fixed;bottom:15%;left:55.5%;width:32%;height:0;box-sizing:border-box;border-radius:.2rem;background-color:rgba(11,11,11,.5);color:#fff;padding:.1rem;opacity:0;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.container .content .popHistory.show[data-v-a29e88b8]{opacity:1;height:60%;z-index:1000}.container .content .popHistory .listContainer[data-v-a29e88b8]{height:88%;margin-top:1%}.container .content .popHistory .listContainer .hisList[data-v-a29e88b8]{margin:0;font-size:.22rem;width:100%;padding-left:0;list-style:none}.container .content .popHistory .listContainer .hisList li[data-v-a29e88b8]{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;position:relative}.container .content .popHistory .listContainer .hisList li.active[data-v-a29e88b8],.container .content .popHistory .listContainer .hisList li[data-v-a29e88b8]:hover{color:#ffbdb9}.container .content .popHistory .listContainer .hisList li:hover .delHistory[data-v-a29e88b8]{display:block}.container .content .popHistory .listContainer .hisList .listNo[data-v-a29e88b8]{display:inline-block;width:2em;text-align:center;font-size:.22rem}.container .content .popHistory .listContainer .hisList .listSongName[data-v-a29e88b8]{display:inline-block;width:58%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:2%}.container .content .popHistory .listContainer .hisList .listSongAuthor[data-v-a29e88b8]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:22%}.container .content .popHistory .listContainer .hisList .delHistory[data-v-a29e88b8]{position:absolute;right:4%;top:.06rem;font-size:.2rem;display:none}.container .content .btnMore[data-v-a29e88b8]{position:absolute;font-size:.6rem;left:.2rem;top:18%;color:#74c0ef;cursor:pointer;z-index:100;-webkit-animation:shine-data-v-a29e88b8 1s ease-in-out infinite;animation:shine-data-v-a29e88b8 1s ease-in-out infinite}.container .content .btnMore[data-v-a29e88b8]:hover{-webkit-animation:none;animation:none}.container .content .popMore[data-v-a29e88b8]{position:fixed;top:0;left:-30%;width:30%;height:100%;background-color:#fff;padding:.2rem;color:#333;z-index:1000;opacity:0;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-sizing:border-box}.container .content .popMore.show[data-v-a29e88b8]{opacity:1;left:0}.container .content .popMore .select[data-v-a29e88b8]{margin:2% 0;line-height:0}.container .content .popMore .select[data-v-a29e88b8] .el-select{width:100%}.container .content .volumeWrap[data-v-a29e88b8]{display:inline-block;position:relative}.container .content .volumeWrap:hover .volumeSlider[data-v-a29e88b8]{display:block}.container .content .volumeSlider[data-v-a29e88b8]{display:none}.container .content .volumeSlider[data-v-a29e88b8] .el-slider.is-vertical .el-slider__runway{background-color:#fff;margin:0 auto}.container .content .volumeSlider[data-v-a29e88b8] .el-slider.is-vertical .el-slider__bar{background-color:#7c96b1}.container .content .volumeSlider[data-v-a29e88b8] .el-slider.is-vertical .el-slider__bar,.container .content .volumeSlider[data-v-a29e88b8] .el-slider.is-vertical .el-slider__runway{width:.08rem}.container .content .volumeSlider[data-v-a29e88b8] .el-slider.is-vertical .el-slider__button-wrapper{left:-.06rem;height:.2rem;width:.2rem}.container .content .volumeSlider[data-v-a29e88b8] .el-slider.is-vertical .el-slider__button{width:.2rem;height:.2rem;border:0;background-color:#7c96b1;vertical-align:top}.container .content .songMenu[data-v-a29e88b8]{height:80%;margin-top:2%}.container .content .songMenu [data-v-a29e88b8]{margin:0;padding:0}.container .content .songMenu img[data-v-a29e88b8]{width:100%;vertical-align:top}.container .content .songMenu .menuList[data-v-a29e88b8]{display:flex;flex-wrap:wrap;align-items:flex-start}.container .content .songMenu .menuList li[data-v-a29e88b8]{display:inline-block;list-style:none;width:46%;margin-bottom:2%;margin-right:4%;border:1px solid #7c96b1;border-radius:.1rem;box-sizing:border-box;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);position:relative;cursor:pointer}.container .content .songMenu .menuList li .menuPost[data-v-a29e88b8]{height:2.44rem;overflow:hidden;position:relative}.container .content .songMenu .menuList li .menuPost img[data-v-a29e88b8]{transition:all 1s ease}.container .content .songMenu .menuList li .menuPost .iconPlay[data-v-a29e88b8]{position:absolute;font-size:0;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;color:#fff}.container .content .songMenu .menuList li:hover .menuPost img[data-v-a29e88b8]{transform:scale(1.2)}.container .content .songMenu .menuList li:hover .menuPost .iconPlay[data-v-a29e88b8]{font-size:.6rem}.container .content .songMenu .menuList li .menuName[data-v-a29e88b8]{font-size:.2rem;padding:.2em .5em;line-height:1.5;height:.68rem;box-sizing:border-box;position:absolute;bottom:0;left:0;right:0;z-index:2;background-color:rgba(11,11,11,.5);color:#fff;display:flex;justify-content:center;align-items:center}.container .content .songMenu .menuList li .menuName span[data-v-a29e88b8]{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}[data-v-a29e88b8] .el-select-dropdown__item{width:30%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@-webkit-keyframes fly-data-v-a29e88b8{0%{opacity:0;font-size:0}30%{opacity:1;transform:rotate(70deg)}50%{opacity:1;font-size:.3rem;transform:rotate(70deg)}70%{opacity:1}to{opacity:0;font-size:0;bottom:10%;left:56%;transform:rotate(70deg)}}@keyframes fly-data-v-a29e88b8{0%{opacity:0;font-size:0}30%{opacity:1;transform:rotate(70deg)}50%{opacity:1;font-size:.3rem;transform:rotate(70deg)}70%{opacity:1}to{opacity:0;font-size:0;bottom:10%;left:56%;transform:rotate(70deg)}}@-webkit-keyframes shake-data-v-a29e88b8{0%,50%,to{transform:rotate(0)}25%{transform:rotate(-45deg)}75%{transform:rotate(45deg)}}@keyframes shake-data-v-a29e88b8{0%,50%,to{transform:rotate(0)}25%{transform:rotate(-45deg)}75%{transform:rotate(45deg)}}@-webkit-keyframes shine-data-v-a29e88b8{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shine-data-v-a29e88b8{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:900px){.container .content[data-v-a29e88b8]{width:90%}.container .content .operation[data-v-a29e88b8]{width:50%}.container .content .popHistory[data-v-a29e88b8]{width:90%;left:5%}.container .content .popMore[data-v-a29e88b8]{width:100%;left:-100%}[data-v-a29e88b8] .el-popper{width:100%}}