.audio-icon[data-v-cf44f878]{display:none;width:20px;height:18px;margin:16px 2px;display:-ms-flexbox;overflow:hidden}.audio-icon .column[data-v-cf44f878]{width:2px;height:100%;margin-left:2px;background-color:#c88700;-webkit-animation:play-data-v-cf44f878 .9s linear infinite alternate;animation:play-data-v-cf44f878 .9s linear infinite alternate}@-webkit-keyframes play-data-v-cf44f878{0%{transform:translateY(0)}to{transform:translateY(75%)}}@keyframes play-data-v-cf44f878{0%{transform:translateY(0)}to{transform:translateY(75%)}}.banner[data-v-cf44f878]{height:360px}.audio-icon[data-v-4b8c521c]{display:none;width:20px;height:18px;margin:16px 2px;display:-ms-flexbox;overflow:hidden}.audio-icon .column[data-v-4b8c521c]{width:2px;height:100%;margin-left:2px;background-color:#c88700;-webkit-animation:play-data-v-4b8c521c .9s linear infinite alternate;animation:play-data-v-4b8c521c .9s linear infinite alternate}@-webkit-keyframes play-data-v-4b8c521c{0%{transform:translateY(0)}to{transform:translateY(75%)}}@keyframes play-data-v-4b8c521c{0%{transform:translateY(0)}to{transform:translateY(75%)}}[data-v-4b8c521c] .el-carousel__container{height:180px!important}.playlists[data-v-4b8c521c]{width:100%}.playlist[data-v-4b8c521c]{display:flex;flex-wrap:wrap;font-size:14px;width:100%}.item[data-v-4b8c521c]{width:23.5%;padding:20px 0 30px 0;display:flex;align-items:center}.item[data-v-4b8c521c]:nth-child(n+2){margin-left:2%}.item .faceImg[data-v-4b8c521c]{display:block;position:relative;height:140px}.item .el-image[data-v-4b8c521c]{width:103px;height:100%;z-index:3;border-radius:4px;margin-right:14px}.item:hover .info_name[data-v-4b8c521c]{color:#000}.item .info_name[data-v-4b8c521c]{display:block;font-size:15px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2}.item .desc[data-v-4b8c521c],.item .info_name[data-v-4b8c521c]{line-height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-break:break-all}.item .desc[data-v-4b8c521c]{font-size:13px;margin:10px 0;color:#999;display:-webkit-box;-webkit-line-clamp:3;display:-moz-box;-moz-line-clamp:3;word-wrap:break-word;white-space:normal}.item .read[data-v-4b8c521c]{color:#c88900;font-size:13px}.item .tags[data-v-4b8c521c]{padding:5px 0}.item .tags .tag[data-v-4b8c521c]{font-size:12px;color:#c88700}.audio-icon[data-v-4597cf54]{display:none;width:20px;height:18px;margin:16px 2px;display:-ms-flexbox;overflow:hidden}.audio-icon .column[data-v-4597cf54]{width:2px;height:100%;margin-left:2px;background-color:#c88700;-webkit-animation:play-data-v-4597cf54 .9s linear infinite alternate;animation:play-data-v-4597cf54 .9s linear infinite alternate}@-webkit-keyframes play-data-v-4597cf54{0%{transform:translateY(0)}to{transform:translateY(75%)}}@keyframes play-data-v-4597cf54{0%{transform:translateY(0)}to{transform:translateY(75%)}}[data-v-4597cf54] .el-carousel__container{height:320px!important}.playlists[data-v-4597cf54]{width:100%}.playlist[data-v-4597cf54]{display:flex;flex-wrap:wrap;font-size:14px;width:100%}.item[data-v-4597cf54]{width:13%;padding:20px 0 30px 0;display:flex;align-items:center;flex-direction:column}.item[data-v-4597cf54]:nth-child(n+2){margin-left:4.4%}.item .faceImg[data-v-4597cf54]{display:block;position:relative;width:100%;height:210px}.item .el-image[data-v-4597cf54]{width:100%;height:100%;z-index:3;border-radius:4px}.item:hover .info_name[data-v-4597cf54]{color:#000}.item .info[data-v-4597cf54]{width:100%}.item .info_name[data-v-4597cf54]{margin:10px 0;height:40px;display:block;font-size:15px;line-height:20px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.item .read[data-v-4597cf54]{color:#999;font-size:13px}.item .read img[data-v-4597cf54]{width:12px;height:11px}.item .tags[data-v-4597cf54]{padding:5px 0}.item .tags .tag[data-v-4597cf54]{font-size:12px;color:#c88700}.audio-icon[data-v-0e934e04]{display:none;width:20px;height:18px;margin:16px 2px;display:-ms-flexbox;overflow:hidden}.audio-icon .column[data-v-0e934e04]{width:2px;height:100%;margin-left:2px;background-color:#c88700;-webkit-animation:play-data-v-0e934e04 .9s linear infinite alternate;animation:play-data-v-0e934e04 .9s linear infinite alternate}@-webkit-keyframes play-data-v-0e934e04{0%{transform:translateY(0)}to{transform:translateY(75%)}}@keyframes play-data-v-0e934e04{0%{transform:translateY(0)}to{transform:translateY(75%)}}[data-v-0e934e04] .el-col-5{width:19.8%}[data-v-0e934e04] .el-carousel__button{width:12px;height:12px;border-radius:12px}.h_title[data-v-0e934e04]{padding-bottom:10px;border-bottom:1px solid #f2f2f2}.h_title h3[data-v-0e934e04]{font-size:20px;font-weight:700;color:#333;position:relative}.h_title h3[data-v-0e934e04]:after{position:absolute;bottom:-10px;left:0;border-radius:1px;content:"";width:78px;display:inline-block;height:2px;background:#c88700}.h_title h3 a[data-v-0e934e04]{font-weight:400;font-size:12px;float:right;line-height:3;color:#999}.h_title span[data-v-0e934e04]{display:inline-block;font-size:16px;margin:0 24px;color:#333;cursor:pointer}.h_title span.active[data-v-0e934e04]{position:relative;font-weight:600;color:#000}.h_title span.active[data-v-0e934e04]:after{position:absolute;content:"";left:0;bottom:1px;width:100%;height:6px;background:#c88700;z-index:-1}.wrapper[data-v-0e934e04]{display:flex;flex-wrap:wrap;padding:10px 0}.toplist_item[data-v-0e934e04]{position:relative;margin-bottom:30px}.toplist_item .coverImg[data-v-0e934e04]{position:absolute;top:0;right:10px;left:10px;z-index:1;height:100%;transform:translateZ(0)}.toplist_item .coverImg[data-v-0e934e04]:before{position:absolute;top:0;left:0;z-index:2;content:"";width:100%;height:100%}.toplist_item .coverImg[data-v-0e934e04] img{filter:blur(60px);transform:scale(2)}.toplist_item .toplist_wrapper[data-v-0e934e04]{position:relative;z-index:2}.toplist_item[data-v-0e934e04]:hover img{transform:scale(2)}.ranklist[data-v-0e934e04]{padding:10px 0;display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.ranklist .item[data-v-0e934e04]{padding:10px 0;display:flex;align-items:center;width:48%}.ranklist .item .index[data-v-0e934e04]{font-size:22px;padding:0 26px 0 4px;font-weight:700;color:#c88900}.ranklist .item .info[data-v-0e934e04]{width:calc(100% - 50px);padding-right:20px;background:#f5f5f5;align-items:center;justify-content:space-between;display:flex}.ranklist .item .info .left[data-v-0e934e04]{display:flex;align-items:center}.ranklist .item .info .left .el-image[data-v-0e934e04]{width:70px;height:95px;margin-right:30px}.ranklist .item .info .left .title[data-v-0e934e04]{font-weight:700;font-size:16px}.ranklist .item .info .left .author[data-v-0e934e04]{font-size:14px;color:#999;margin-top:10px}.ranklist .item .info .right[data-v-0e934e04]{color:#c88900}.ranklist .item1[data-v-0e934e04]:nth-child(n+2),.ranklist .item2[data-v-0e934e04]:nth-child(n+3),.ranklist .item3[data-v-0e934e04]:nth-child(n+4),.ranklist .item4[data-v-0e934e04]:nth-child(n+5){margin-left:4%}.artists_item[data-v-0e934e04]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;margin-right:45.6px}.artists_item[data-v-0e934e04]:nth-child(6n+6){margin-right:0}.artists_item .el-image[data-v-0e934e04]{transition:all .4s linear}.artists_item:hover .el-image[data-v-0e934e04]{transform:rotateY(180deg)}.artists_item .faceImg[data-v-0e934e04]{width:158px;height:158px;border-radius:100%;overflow:hidden}.artists_item .info[data-v-0e934e04]{text-align:center}.artists_item .info .name[data-v-0e934e04]{padding:10px 0 3px 0;font-size:18px;font-weight:700}.artists_item .info .count[data-v-0e934e04]{color:#999;font-size:12px}.artists_list[data-v-0e934e04]{padding-bottom:40px;margin-bottom:50px}.audio-icon[data-v-01effc7c]{display:none;width:20px;height:18px;margin:16px 2px;display:-ms-flexbox;overflow:hidden}.audio-icon .column[data-v-01effc7c]{width:2px;height:100%;margin-left:2px;background-color:#c88700;-webkit-animation:play-data-v-01effc7c .9s linear infinite alternate;animation:play-data-v-01effc7c .9s linear infinite alternate}@-webkit-keyframes play-data-v-01effc7c{0%{transform:translateY(0)}to{transform:translateY(75%)}}@keyframes play-data-v-01effc7c{0%{transform:translateY(0)}to{transform:translateY(75%)}}.rank[data-v-01effc7c]{display:flex;margin-top:20px}.rank>.left[data-v-01effc7c]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:sticky;top:20px;cursor:pointer;height:156px;width:120px;border:1px solid #ccc;margin-right:60px}.rank>.left .item[data-v-01effc7c]{padding:10px 14px}.rank>.left .item.active[data-v-01effc7c]{background:#c88900;color:#fff}.rank>.right[data-v-01effc7c]{width:calc(100% - 180px)}