.r-playlist[data-v-89d9f088]{display:flex;flex-wrap:wrap;margin:0 -12px}.r-playlist .r-playlist-item[data-v-89d9f088]{flex:0 0 20%;max-width:20%;height:100%;padding:0 15px 20px 15px;cursor:pointer}.r-playlist .r-playlist-item.two[data-v-89d9f088]{flex:0 0 50%;max-width:50%}.r-playlist .r-playlist-item .wrapper[data-v-89d9f088]{width:100%;height:100%;justify-content:start;border-radius:5px;position:relative}.r-playlist .r-playlist-item .wrapper[data-v-89d9f088]:after,.r-playlist .r-playlist-item .wrapper[data-v-89d9f088]:before{content:"";width:100%;height:100%;background:hsla(0,0%,76.1%,.2);position:absolute;top:0;transition:all .4s}.r-playlist .r-playlist-item .wrapper[data-v-89d9f088]:before{right:6px;transform:scale(.85);transform-origin:100% 50%;z-index:2;border-radius:2px;opacity:.9}.r-playlist .r-playlist-item .wrapper[data-v-89d9f088]:after{right:1px;transform:scale(.73);transform-origin:100% 50%;z-index:1;border-radius:2px;opacity:.5}.r-playlist .r-playlist-item .wrapper .cover[data-v-89d9f088]{position:relative;z-index:2;padding-top:100%;border-radius:8px;background-color:#d9d9d9}.r-playlist .r-playlist-item .wrapper .cover .image[data-v-89d9f088]{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;border-radius:8px}.r-playlist .r-playlist-item .wrapper .cover .image[data-v-89d9f088]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;-webkit-box-shadow:1px 1px 0 rgba(0,0,0,.05) inset,-1px -1px 0 rgba(0,0,0,.05) inset;box-shadow:inset 1px 1px 0 rgba(0,0,0,.05),inset -1px -1px 0 rgba(0,0,0,.05)}.r-playlist .r-playlist-item .wrapper .cover .image img[data-v-89d9f088]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.r-playlist .r-playlist-item .wrapper .cover .count[data-v-89d9f088]{position:absolute;width:100%;left:0;bottom:0;height:28px;background:url(../img/coverall.6cb90dbc.png) no-repeat;background-size:cover;color:#ccc;font-size:12px;font-weight:700;line-height:24px;display:flex;align-items:center}.r-playlist .r-playlist-item .wrapper .cover .count .arrow[data-v-89d9f088]{display:block;width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #fff;margin-right:5px}.r-playlist .r-playlist-item .wrapper .cover .count[data-v-89d9f088]:after{content:"";position:absolute;right:-14px;top:0;width:14px;height:24px;background-size:cover}.r-playlist .r-playlist-item .wrapper .cover .count .icon-bofangliang[data-v-89d9f088]{float:left;margin:0 10px;color:#fff;font-size:.9rem}.r-playlist .r-playlist-item .wrapper .cover .count .playcount[data-v-89d9f088]{float:left;color:#fff;font-size:.9rem}.r-playlist .r-playlist-item .wrapper .cover .count .play-music-status[data-v-89d9f088]{margin-left:auto;right:0;padding-right:8px}.r-playlist .r-playlist-item .wrapper .cover .count .play-music-status .icon-bofang[data-v-89d9f088]{font-size:1rem;color:#fff}.r-playlist .r-playlist-item .wrapper .cover .count .play-music-status .icon-bofang[data-v-89d9f088]:hover{color:#fa2800}.r-playlist .r-playlist-item .info[data-v-89d9f088]{margin-top:15px}.r-playlist .r-playlist-item .info .name[data-v-89d9f088]{font-size:1em;color:#fff}.playlist-enter[data-v-0019459e]{opacity:0;transform:translate3d(0,30px,0)}.playlist-enter-active[data-v-0019459e]{transition:all .5s}.playlist-leave-to[data-v-0019459e]{opacity:0;transform:translate3d(0,30px,0)}.playlist-leave-active[data-v-0019459e]{transition:all .5s}.play-list-wrap[data-v-0019459e]{margin-top:10px}.play-list-wrap .filter[data-v-0019459e]{display:flex;width:100%;height:40px;align-items:center;margin-bottom:20px;padding-right:16px;border-radius:5px}.play-list-wrap .filter .title[data-v-0019459e]{position:relative;width:auto;height:100%;background:#fa2800;border-radius:5px;color:#fff;padding-left:10px;cursor:pointer;margin-right:15px}.play-list-wrap .filter .title[data-v-0019459e]:after{content:"";width:1px;height:20px;margin-left:12px;background:#e7e7e7;opacity:0}.play-list-wrap .filter .title i[data-v-0019459e]{margin-left:10px;font-size:1.2rem;color:#fff}.play-list-wrap .filter .title .filter-box[data-v-0019459e]{height:400px;width:720px;overflow-y:scroll;background:#fff;border-radius:8px;color:#000;position:absolute;left:0;top:50px;z-index:100;padding:15px 10px 0 16px}.play-list-wrap .filter .title .filter-box .item[data-v-0019459e]{margin-bottom:20px}.play-list-wrap .filter .title .filter-box .item h2[data-v-0019459e]{display:flex;align-items:center;font-size:1rem;margin-bottom:16px;color:#000}.play-list-wrap .filter .title .filter-box .item h2 i[data-v-0019459e]{font-size:1.2rem;margin-right:5px;color:#000}.play-list-wrap .filter .title .filter-box .item ul[data-v-0019459e]{display:flex;flex-wrap:wrap}.play-list-wrap .filter .title .filter-box .item ul li[data-v-0019459e]{font-size:.9rem;color:#000;padding:8px 18px;background:#f7f7f7;border-radius:16px;margin:0 10px 10px 0;cursor:pointer;transform:all .5s}.play-list-wrap .filter .title .filter-box .item ul li.active[data-v-0019459e],.play-list-wrap .filter .title .filter-box .item ul li[data-v-0019459e]:hover{color:#fff;background:#fa2800}.play-list-wrap .filter .hot-tag[data-v-0019459e]{flex:1}.play-list-wrap .filter .hot-tag p[data-v-0019459e]{font-size:1rem;align-items:center;margin:0;color:#000}.play-list-wrap .filter .hot-tag ul[data-v-0019459e]{margin:0}.play-list-wrap .filter .hot-tag ul li[data-v-0019459e]{margin:0 6px;cursor:pointer;padding-right:10px;color:#000;border-radius:20px;padding:0 10px;font-size:1rem}.play-list-wrap .filter .hot-tag ul li.active[data-v-0019459e],.play-list-wrap .filter .hot-tag ul li[data-v-0019459e]:hover{color:#fff;background:#fa2800}.play-list-wrap .filter .type[data-v-0019459e]{display:flex}.play-list-wrap .filter .type .item[data-v-0019459e]{margin-left:20px;color:#000;padding:5px 10px;font-size:1rem;border-radius:3px;transition:all .4s;cursor:pointer}.play-list-wrap .filter .type .item.active[data-v-0019459e]{background:#fa2800;color:#fff}.play-list-wrap .filter .type .item.active[data-v-0019459e]:hover{color:#fff}.play-list-wrap .filter .type .item[data-v-0019459e]:hover{color:#fa2800}.play-list-wrap .el-pagination[data-v-0019459e]{margin-top:10px;display:flex;justify-content:center}