.activity-playlist[data-v-2964abc9]{width:1012px;display:-webkit-box;display:flex;flex-wrap:wrap;margin:0 auto;align-content:start}.activity-playlist-item[data-v-2964abc9]{display:block;position:relative;box-sizing:border-box;width:223px;height:225px;background-color:#fff;border-radius:5px;margin:10px 15px 20px;color:#777;text-decoration:none}.activity-playlist-item>i[data-v-2964abc9]{display:block;width:223px;height:145px;background:center / cover no-repeat;border-radius:5px 5px 0 0;position:relative}.activity-playlist-item>i[data-v-2964abc9]:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:72px;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.4)));background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4))}.activity-playlist-item>i>span[data-v-2964abc9],.activity-playlist-item>i>b[data-v-2964abc9]{font-weight:normal;font-style:normal;position:absolute;font-size:14px;height:24px;line-height:24px;z-index:1;bottom:8px;color:#fff}.activity-playlist-item>i>b[data-v-2964abc9]{right:12px}.activity-playlist-item>i>span[data-v-2964abc9]{left:11px;padding-left:30px;background:url(https://activity.hdslb.com/blackboard/static/20191014/b8f2b74d0482aed61472c7065dc1ed56/r6Q03MCZI.png) left center no-repeat}.activity-playlist-item>h2[data-v-2964abc9]{color:#000;font-size:16px;line-height:24px;height:48px;overflow:hidden;padding:3px 12px 0;font-weight:normal;margin:0;word-break:break-all}.activity-playlist-item>p[data-v-2964abc9],.activity-playlist-item>span[data-v-2964abc9]{display:block;font-weight:normal;font-size:14px;color:rgba(0,0,0,0.7);padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:4px;margin:0}.activity-playlist-pager[data-v-2964abc9]{display:-webkit-box;display:flex;width:1012px;margin:0 auto;-webkit-box-pack:end;justify-content:flex-end}.activity-playlist-pager>a[data-v-2964abc9]{display:block;box-sizing:border-box;width:30px;height:30px;font-size:12px;border-radius:5px;color:#f76f96;background:#fff;border:1px solid #f76f96;text-align:center;line-height:30px;margin-right:15px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer}.activity-playlist-pager>a.active[data-v-2964abc9],.activity-playlist-pager>a[data-v-2964abc9]:hover{color:#fff;background:#f76f96}.activity-playlist-pager .pager-dot[data-v-2964abc9]{font-size:12px;line-height:30px;margin-right:15px}.activity-playlist-pager .pager-jump[data-v-2964abc9]{color:#99a2aa;font-size:12px;line-height:30px}.activity-playlist-pager .pager-jump input[data-v-2964abc9]{outline:0;border-radius:5px;border:1px solid #ccc;margin:0 10px;width:60px;text-align:center;height:20px;line-height:20px}.activity-playlist-pager .pager-jump input[data-v-2964abc9]:focus{border-color:#f76f96}


.activity-playlist[data-v-fe71fa92]{width:1012px;display:-webkit-box;display:flex;flex-wrap:wrap;margin:0 auto;align-content:start}.activity-playlist-item[data-v-fe71fa92]{display:block;position:relative;box-sizing:border-box;width:223px;height:225px;background-color:#fff;border-radius:5px;margin:10px 15px 20px;color:#777;text-decoration:none}.activity-playlist-item>i[data-v-fe71fa92]{display:block;width:223px;height:145px;background:center / cover no-repeat;border-radius:5px 5px 0 0;position:relative}.activity-playlist-item>i[data-v-fe71fa92]:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:72px;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.4)));background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4))}.activity-playlist-item>i>span[data-v-fe71fa92],.activity-playlist-item>i>b[data-v-fe71fa92]{font-weight:normal;font-style:normal;position:absolute;font-size:14px;height:24px;line-height:24px;z-index:1;bottom:8px;color:#fff}.activity-playlist-item>i>b[data-v-fe71fa92]{right:12px}.activity-playlist-item>i>span[data-v-fe71fa92]{left:11px;padding-left:30px;background:url(https://activity.hdslb.com/blackboard/static/20191014/b8f2b74d0482aed61472c7065dc1ed56/r6Q03MCZI.png) left center no-repeat}.activity-playlist-item>h2[data-v-fe71fa92]{color:#000;font-size:16px;line-height:24px;height:48px;overflow:hidden;padding:3px 12px 0;font-weight:normal;margin:0;word-break:break-all}.activity-playlist-item>p[data-v-fe71fa92],.activity-playlist-item>span[data-v-fe71fa92]{display:block;font-weight:normal;font-size:14px;color:rgba(0,0,0,0.7);padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:4px;margin:0}.activity-playlist-pager[data-v-fe71fa92]{display:-webkit-box;display:flex;width:1012px;margin:0 auto;-webkit-box-pack:end;justify-content:flex-end}.activity-playlist-pager>a[data-v-fe71fa92]{display:block;box-sizing:border-box;width:30px;height:30px;font-size:12px;border-radius:5px;color:#f76f96;background:#fff;border:1px solid #f76f96;text-align:center;line-height:30px;margin-right:15px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer}.activity-playlist-pager>a.active[data-v-fe71fa92],.activity-playlist-pager>a[data-v-fe71fa92]:hover{color:#fff;background:#f76f96}.activity-playlist-pager .pager-dot[data-v-fe71fa92]{font-size:12px;line-height:30px;margin-right:15px}.activity-playlist-pager .pager-jump[data-v-fe71fa92]{color:#99a2aa;font-size:12px;line-height:30px}.activity-playlist-pager .pager-jump input[data-v-fe71fa92]{outline:0;border-radius:5px;border:1px solid #ccc;margin:0 10px;width:60px;text-align:center;height:20px;line-height:20px}.activity-playlist-pager .pager-jump input[data-v-fe71fa92]:focus{border-color:#f76f96}