.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-10c518da],.slide-leave-active[data-v-10c518da]{-webkit-transition:all .3s;transition:all .3s}.slide-enter[data-v-10c518da],.slide-leave-to[data-v-10c518da]{-webkit-transform:translateX(100%);transform:translateX(100%)}.filter[data-v-10c518da]{-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px)}.loading-container[data-v-10c518da]{margin:150px 0}.singer[data-v-10c518da]{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background-color:#fff}.background[data-v-10c518da]{position:fixed;z-index:-1;width:100%;height:274px;background-size:cover;background-repeat:no-repeat}.background[data-v-10c518da]:before{content:"";position:absolute;top:0;left:0;width:100%;height:274px;background-color:rgba(10,10,10,.2)}.navbar[data-v-10c518da]{height:50px;margin-top:274px;background-color:#fff;letter-spacing:3px}.main[data-v-10c518da]{background-color:#fff;margin-bottom:80px}.fiexd-top[data-v-10c518da]{position:fixed;z-index:40;top:44px;left:0;width:100%;margin-top:0}.album[data-v-10c518da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100px;margin:20px}.album img[data-v-10c518da]{width:100px;height:100px}.album .media-text[data-v-10c518da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;width:60%;height:50px;margin-left:20px}.album h3[data-v-10c518da]{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album p[data-v-10c518da]{color:#666;font-size:14px}.mvlist-title[data-v-10c518da]{margin:40px 0 20px;font-size:17px;font-weight:400;text-align:center;letter-spacing:5px;color:#333}.mv-ul[data-v-10c518da]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin:20px 5px}.mv[data-v-10c518da]{width:48%;margin-right:5px}.mv img[data-v-10c518da]{width:100%;height:auto}.mv h3[data-v-10c518da]{font-size:16px;font-weight:400;color:#333;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 3px}.mv p[data-v-10c518da]{margin-bottom:20px;padding-left:10px;font-size:14px;color:#333}