.cates[data-v-34638ac4]{background:#fafafa;height:400px;min-height:350px;padding:10px 15px 0 15px}.cates .all[data-v-34638ac4]{border:1px solid #e1e1e2;padding:8px;text-align:center;width:100%;cursor:pointer}.cates .all span[data-v-34638ac4]{color:#666}.cates .all[data-v-34638ac4]:hover{border-color:currentColor;background:#f5f5f7}.cates .all:hover span[data-v-34638ac4]{color:#333}.cates .all.active[data-v-34638ac4]{border-color:currentColor}.cates .all.active span[data-v-34638ac4]{color:#333}.cates .cate-item[data-v-34638ac4]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0}.cates .cate-item .left[data-v-34638ac4]{padding:4px 10px 0 0}.cates .cate-item .left span[data-v-34638ac4]{margin-left:10px;margin-right:10px}.cates .cate-item .right[data-v-34638ac4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:wrap;flex-flow:wrap}.cates .cate-item .right p[data-v-34638ac4]{width:20%;font-size:12px;padding:8px 0;text-align:center;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;border-right:1px solid transparent;position:relative;cursor:pointer}.cates .cate-item .right p span[data-v-34638ac4]:first-child{color:#666}.cates .cate-item .right p .hot[data-v-34638ac4]{position:absolute;font-size:xx-small;right:2px;font-family:cursive;top:0}.cates .cate-item .right p[data-v-34638ac4]:last-child,.cates .cate-item .right p[data-v-34638ac4]:nth-child(5n){border-right:1px solid #e1e1e1}.cates .cate-item .right p[data-v-34638ac4]:nth-child(6+n){border-top:1px solid transparent}.cates .cate-item .right p[data-v-34638ac4]:hover{color:#333;background:#f5f5f7}.cates .cate-item .right p:hover span[data-v-34638ac4]{color:#333}.cates .cate-item .right p.active[data-v-34638ac4]{border-color:currentColor}.cates .cate-item .right p.active span[data-v-34638ac4]{color:#333}.tags[data-v-34638ac4]{font-size:12px;margin:5px 0}.tags[data-v-34638ac4],.tags p[data-v-34638ac4]{display:-webkit-box;display:-ms-flexbox;display:flex}.tags p[data-v-34638ac4]{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.tags p span[data-v-34638ac4]:nth-child(odd){cursor:pointer;color:#666;margin:0 15px}.tags p span[data-v-34638ac4]:nth-child(odd):hover{color:#333}.tags p span[data-v-34638ac4]:nth-child(2n){color:#ceccd4;cursor:default}.songlist-grids[data-v-34638ac4]{width:100%;clear:both;overflow:hidden;margin-bottom:30px}.songlist-grids .grid[data-v-34638ac4]{width:18.8%;float:left;margin:1% 15px 20px 0;color:#333;font-size:14px;position:relative;overflow:hidden}.songlist-grids .grid p[data-v-34638ac4]{position:absolute;background:rgba(0,0,0,.4);width:100%;color:#fff;font-size:12px;padding:10px;cursor:pointer;z-index:11}.songlist-grids .grid .play-count[data-v-34638ac4]{text-align:right;padding:2px 3px;background:-webkit-gradient(linear,left top,right top,color-stop(30%,hsla(0,0%,88.2%,0)),color-stop(50%,rgba(0,0,0,.1)),color-stop(70%,rgba(0,0,0,.2)),color-stop(80%,rgba(0,0,0,.3)),color-stop(90%,rgba(0,0,0,.4)),to(rgba(0,0,0,.5)));background:linear-gradient(90deg,hsla(0,0%,88.2%,0) 30%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.3) 80%,rgba(0,0,0,.4) 90%,rgba(0,0,0,.5))}.songlist-grids .grid .play-count i[data-v-34638ac4]{vertical-align:baseline;margin-right:5px}.songlist-grids .grid:hover .pic i[data-v-34638ac4]{opacity:1;-webkit-transition:opacity .5s linear;transition:opacity .5s linear}.songlist-grids .grid .pic[data-v-34638ac4]{width:100%;height:190px;cursor:pointer;position:relative}.songlist-grids .grid .pic img[data-v-34638ac4]{width:100%;height:100%}.songlist-grids .grid .pic i[data-v-34638ac4]{position:absolute;right:4px;bottom:4px;color:#fff;font-size:32px;opacity:0}.songlist-grids .grid .pic .user[data-v-34638ac4]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,88.2%,0)),color-stop(50%,rgba(0,0,0,.2)),to(rgba(0,0,0,.5)));background:linear-gradient(180deg,hsla(0,0%,88.2%,0) 0,rgba(0,0,0,.2) 50%,rgba(0,0,0,.5))}.songlist-grids .grid .pic .user i[data-v-34638ac4]{position:unset;font-size:12px;opacity:1;vertical-align:baseline;margin-right:5px}.songlist-grids .grid div[data-v-34638ac4]:not(.pic){display:-webkit-box;overflow:hidden;text-overflow:ellipsis;height:40px;margin-top:5px;cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical}.songlist-grids .grid[data-v-34638ac4]:nth-child(5n){margin-right:0}.songlist-grids .grid:first-child>span[data-v-34638ac4]{width:100%;height:190px;display:block;border:1px solid #e1e1e1;cursor:pointer}.songlist-grids .grid:first-child>span img[data-v-34638ac4]{width:100%;height:100%}