.ant-skeleton{display:table;width:100%}.ant-skeleton-header{display:table-cell;padding-right:16px;vertical-align:top}.ant-skeleton-header .ant-skeleton-avatar{display:inline-block;vertical-align:top;background:#f2f2f2;width:32px;height:32px;line-height:32px}.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle{border-radius:50%}.ant-skeleton-header .ant-skeleton-avatar-lg{width:40px;height:40px;line-height:40px}.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle{border-radius:50%}.ant-skeleton-header .ant-skeleton-avatar-sm{width:24px;height:24px;line-height:24px}.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle{border-radius:50%}.ant-skeleton-content{display:table-cell;width:100%;vertical-align:top}.ant-skeleton-content .ant-skeleton-title{width:100%;height:16px;margin-top:16px;background:#f2f2f2}.ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph{margin-top:24px}.ant-skeleton-content .ant-skeleton-paragraph{padding:0}.ant-skeleton-content .ant-skeleton-paragraph>li{width:100%;height:16px;list-style:none;background:#f2f2f2}.ant-skeleton-content .ant-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)){width:61%}.ant-skeleton-content .ant-skeleton-paragraph>li+li{margin-top:16px}.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title{margin-top:12px}.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph{margin-top:28px}.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:ant-skeleton-loading 1.4s ease infinite;animation:ant-skeleton-loading 1.4s ease infinite}@-webkit-keyframes ant-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes ant-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.mr-7[data-v-41cdb1e8]{margin-right:7px}.playlist-card[data-v-41cdb1e8]{width:100%;height:100%;position:relative;z-index:9}.playlist-card a[data-v-41cdb1e8]{display:block;width:100%;height:100%}.playlist-card.playlist-card-title .pl_img_1[data-v-41cdb1e8]{height:160px}.playlist-card.playlist-card-title .image-container[data-v-41cdb1e8]{height:160px;overflow:hidden;border-radius:10px!important;-webkit-border-radius:10px!important}.playlist-card.playlist-card-title .backdrop-filter[data-v-41cdb1e8]{position:static;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;padding:0;height:auto}.playlist-card.playlist-card-title .backdrop-filter .tags-wrapper[data-v-41cdb1e8],.playlist-card.playlist-card-title .backdrop-filter .text-overflow[data-v-41cdb1e8],.playlist-card.playlist-card-title .backdrop-filter .title[data-v-41cdb1e8]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card.playlist-card-title .backdrop-filter .title[data-v-41cdb1e8]{font-size:14px;font-family:OPPOSans-M,OPPOSans;font-weight:700;color:#333b45;line-height:18px;margin-bottom:4px;text-shadow:none}.playlist-card.playlist-card-title .backdrop-filter .tags-wrapper[data-v-41cdb1e8]{font-size:12px;font-family:OPPOSans-R,OPPOSans;font-weight:400;color:rgba(51,59,69,.5);line-height:16px;text-shadow:none}.playlist-card .all-play-btn-wrap[data-v-41cdb1e8]{cursor:pointer;width:100%;height:100%;border-radius:10px!important;-webkit-border-radius:10px!important;position:absolute;left:0;top:0;background:rgba(0,0,0,.6)}.playlist-card .all-play-btn[data-v-41cdb1e8]{width:104px;height:36px;line-height:36px;border-radius:18px;background-color:#fff;border:none;color:#333b45;font-size:12px;font-weight:700;position:absolute;z-index:10}.playlist-card .all-play-btn img[data-v-41cdb1e8]{width:12px;height:12px;margin-right:5px;margin-top:-2px}.playlist-card .all-play-btn-title[data-v-41cdb1e8]{bottom:46px;right:12px}.playlist-card .all-play-btn-card[data-v-41cdb1e8]{bottom:10px;right:12px}.playlist-card .image-container[data-v-41cdb1e8]{width:100%;height:100%;overflow:hidden;margin-bottom:16px;border-radius:10px!important;-webkit-border-radius:10px!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0)}.playlist-card .pl_img_1[data-v-41cdb1e8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease}.playlist-card .playlist-card-wrapper[data-v-41cdb1e8]{width:100%;height:100%;overflow:hidden;border-radius:10px;position:relative}.playlist-card .playlist-card-wrapper:hover .pl_img_1[data-v-41cdb1e8]{transform:scale(1.2)}.playlist-card .playlist-popover-wrapper-view-more[data-v-41cdb1e8]{padding-right:20px;line-height:18px}.playlist-card .playlist-popover-wrapper-view-more[data-v-41cdb1e8],.playlist-card .playlist-popover-wrapper-view-more a[data-v-41cdb1e8],.playlist-card .playlist-popover-wrapper-view-more a[data-v-41cdb1e8]:active,.playlist-card .playlist-popover-wrapper-view-more a[data-v-41cdb1e8]:focus,.playlist-card .playlist-popover-wrapper-view-more a[data-v-41cdb1e8]:link,.playlist-card .playlist-popover-wrapper-view-more a[data-v-41cdb1e8]:visited{font-size:14px;font-family:OPPOSans-R,OPPOSans;font-weight:400;color:rgba(51,59,69,.5)}a[data-v-41cdb1e8],a[data-v-41cdb1e8]:active,a[data-v-41cdb1e8]:focus,a[data-v-41cdb1e8]:link,a[data-v-41cdb1e8]:visited{color:initial;text-decoration:none}.backdrop-filter[data-v-41cdb1e8]{width:100%;height:60px;background:linear-gradient(180deg,hsla(0,0%,100%,.2),rgba(40,200,198,.05));box-shadow:inset 0 1px 1px 0 hsla(0,0%,100%,.5);border-radius:0 0 10px 10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;bottom:0;padding:10px 20px}.backdrop-filter .tags-wrapper[data-v-41cdb1e8],.backdrop-filter .text-overflow[data-v-41cdb1e8],.backdrop-filter .title[data-v-41cdb1e8],.playlist-card.playlist-card-title .backdrop-filter .tags-wrapper[data-v-41cdb1e8],.playlist-card.playlist-card-title .backdrop-filter .title[data-v-41cdb1e8]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backdrop-filter .title[data-v-41cdb1e8]{height:20px;font-size:16px;font-family:OPPOSans-B,OPPOSans;font-weight:400;color:#fff;line-height:20px;text-shadow:0 1px 1px rgba(33,48,83,.7)}.backdrop-filter .tags-wrapper[data-v-41cdb1e8]{font-size:12px;font-family:OPPOSans-R,OPPOSans;font-weight:400;color:hsla(0,0%,100%,.75);line-height:16px;margin-top:4px}.ant-popover-arrow[data-v-41cdb1e8]{position:absolute;top:100%;left:20%;margin-top:15px;transform:translateX(-50%) rotate(45deg);border-color:#fff;z-index:20;box-shadow:-2px -2px 5px rgba(0,0,0,.07);width:16px;height:16px;background-color:#fff}.playlist-popover[data-v-41cdb1e8]{position:absolute;top:100%;left:0;z-index:10;padding-top:20px}.playlist-popover-wrapper[data-v-41cdb1e8]{width:585px;max-height:392px;background:#fff;box-shadow:0 2px 16px 0 rgba(33,48,80,.16);border-radius:4px;padding:16px 0}.playlist-popover-wrapper-title[data-v-41cdb1e8]{font-size:16px;font-family:OPPOSans-M,OPPOSans;font-weight:400;color:#333b45;line-height:20px;margin-bottom:8px;padding:0 20px}.playlist-popover-wrapper-view-more[data-v-41cdb1e8]{text-align:right;margin-top:20px;line-height:18px;font-size:14px;color:rgba(51,59,69,.5)}.playlist-popover-wrapper-content[data-v-41cdb1e8]{padding:0 10px}.playlist-popover-wrapper-content p[data-v-41cdb1e8]{margin-bottom:0}.playlist-popover-wrapper-content .playlist-item[data-v-41cdb1e8]{display:flex;align-items:center;cursor:pointer;padding:8px 10px}.playlist-popover-wrapper-content .playlist-item[data-v-41cdb1e8]:hover{background:#f5f5f7}.playlist-popover-wrapper-content .playlist-item:hover .cover .obscuration[data-v-41cdb1e8]{opacity:1}.playlist-popover-wrapper-content .playlist-item[data-v-41cdb1e8] img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.playlist-popover-wrapper-content .playlist-item .cover[data-v-41cdb1e8]{min-width:42px;width:42px;min-height:42px;height:42px;border-radius:4px;position:relative;overflow:hidden;margin-right:12px}.playlist-popover-wrapper-content .playlist-item .cover .obscuration[data-v-41cdb1e8]{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/music_pause.bbdc2932.svg) no-repeat;background-color:hsla(0,0%,100%,.1);background-size:15px 18px;background-position:50%;opacity:0}.playlist-popover-wrapper-content .playlist-item .cover .obscuration.show[data-v-41cdb1e8]{opacity:1}.playlist-popover-wrapper-content .playlist-item .cover .obscuration.play[data-v-41cdb1e8]{opacity:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAAXNSR0IArs4c6QAAACFQTFRFAAAA////////////////////////////////////////zyHr+QAAAAp0Uk5TAAIzNDhEZnjk5w+xTnwAAAAySURBVAjXY2DABRjTAxgYWMsEQGzmVQ0MDByrDEBsllUTGBg4VzkMFjYTxG0K6G4mDAAKySDgPWzb2wAAAABJRU5ErkJggg==) no-repeat;background-color:hsla(0,0%,100%,.1);background-size:15px 18px;background-position:50%}.playlist-popover-wrapper-content .playlist-item .name-author[data-v-41cdb1e8]{width:140px;margin-right:45px}.playlist-popover-wrapper-content .playlist-item .name-author .name[data-v-41cdb1e8]{color:#333b45;font-size:14px;line-height:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:2px}.playlist-popover-wrapper-content .playlist-item .name-author .author[data-v-41cdb1e8]{font-size:12px;font-family:OPPOSans-R,OPPOSans;font-weight:400;color:rgba(51,59,69,.3);line-height:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.playlist-popover-wrapper-content .playlist-item .tags[data-v-41cdb1e8]{width:160px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-right:90px}.playlist-popover-wrapper-content .playlist-item .operation-box img[data-v-41cdb1e8]{width:18px;height:18px;border-radius:0}.playlist-popover-wrapper-content .playlist-item .operation-box .btn[data-v-41cdb1e8]{display:inline-block}.playlist-popover-wrapper-content .playlist-item .operation-box .btn+.btn[data-v-41cdb1e8]{margin-left:14px}