.loading[data-v-c4ae9964]{text-align:center}.loading img[data-v-c4ae9964]{width:24px;height:24px}.desc[data-v-c4ae9964]{margin-top:10px;margin-right:-8px;font-size:14px;color:#666}.page-header[data-v-c0472a44]{position:fixed;z-index:20;top:0;left:0;width:100%;height:44px;line-height:44px;background-size:cover;background-repeat:no-repeat}.page-header[data-v-c0472a44]:before{content:"";position:absolute;z-index:8;top:0;left:0;width:100%;height:44px;background-color:rgba(10,10,10,.2)}.page-header i[data-v-c0472a44]{position:absolute;z-index:10;left:15px;font-size:25px;color:#fff}.page-header h3[data-v-c0472a44]{position:absolute;z-index:9;width:100%;height:44px;font-size:18px;font-weight:400;color:#fff;text-align:center}.song-list .loading-container[data-v-04f8dc7a]{margin:150px 0}.song-list ul[data-v-04f8dc7a]{position:relative}.song-list .playall[data-v-04f8dc7a]{position:absolute;top:20px;right:-10px;width:95px;height:23px;line-height:23px;border-radius:20px;background-color:#31c27c;text-align:center;color:#fff;font-size:14px}.slide-enter-active[data-v-04f8dc7a],.slide-leave-active[data-v-04f8dc7a]{-webkit-transition:.5s;transition:.5s}.slide-enter[data-v-04f8dc7a],.slide-leave-to[data-v-04f8dc7a]{-webkit-transform:translateX(85px);transform:translateX(85px)}.song-list .song[data-v-04f8dc7a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px 0 20px;margin:20px 0;border-left:3px solid #fff}.song-list .song:nth-child(-n+4) .ranking[data-v-04f8dc7a]{color:#ff400b}.song-list .ranking[data-v-04f8dc7a]{height:80%;margin-right:20px;font-size:16px;color:#777}.song-list .text[data-v-04f8dc7a]{width:80%}.song-list h3[data-v-04f8dc7a]{color:#444;font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.song-list p[data-v-04f8dc7a]{color:#777;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.song-list .playing-item[data-v-04f8dc7a]{color:#31c27c}.song-list .playing-item-b[data-v-04f8dc7a]{border-left:3px solid #31c27c}.slide-enter-active[data-v-4d7573ca],.slide-leave-active[data-v-4d7573ca]{-webkit-transition:all .3s;transition:all .3s}.slide-enter[data-v-4d7573ca],.slide-leave-to[data-v-4d7573ca]{-webkit-transform:translateX(100%);transform:translateX(100%)}.toplist[data-v-4d7573ca]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;overflow:auto}.toplist-header[data-v-4d7573ca]{position:absolute;top:0;left:0;z-index:10;width:100%;height:274px;overflow:hidden;color:#fff;background:#fff}.toplist-box-bd[data-v-4d7573ca]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;background:rgba(0,0,0,.5)}.toplist-box-bg[data-v-4d7573ca]{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(36px);filter:blur(36px);-webkit-transform:scale(1.1);transform:scale(1.1)}.toplist-info[data-v-4d7573ca]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:65px;padding:0 16px;-webkit-box-sizing:content-box;box-sizing:content-box}.toplist-info .media-img img[data-v-4d7573ca]{width:125px;height:125px}.toplist-info .media-text[data-v-4d7573ca]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:10px;font-family:sans-serif}.toplist-info .media-text h2[data-v-4d7573ca]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:400}.toplist-info .media-text div[data-v-4d7573ca]{margin-top:8px;font-size:14px}.toplist-info .media-text p[data-v-4d7573ca]{margin-top:8px;font-size:12px}.navbar[data-v-4d7573ca]{height:50px;margin-top:274px;background-color:#fff;letter-spacing:3px}.main[data-v-4d7573ca]{padding-bottom:100px}.info[data-v-4d7573ca]{margin:20px 30px;color:#333}.loading-more[data-v-4d7573ca]{text-align:center}.loading-more button[data-v-4d7573ca]{display:inline-block;border:none;outline:none;color:#777;background-color:#fff}.arrow[data-v-4d7573ca]{display:inline-block;width:6px;height:6px;margin-left:10px;-webkit-box-sizing:content-box;box-sizing:content-box;vertical-align:middle;border-right:1px solid #777;border-bottom:1px solid #777;-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg)}