.songlist-grids[data-v-551e88e2]{width:100%;clear:both;overflow:hidden;margin-bottom:30px}.songlist-grids .grid[data-v-551e88e2]{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-551e88e2]{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-551e88e2]{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-551e88e2]{vertical-align:baseline;margin-right:5px}.songlist-grids .grid .desc[data-v-551e88e2]{-webkit-transform:translateY(-100px);transform:translateY(-100px);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.songlist-grids .grid:hover .play-count[data-v-551e88e2]{opacity:0}.songlist-grids .grid:hover .desc[data-v-551e88e2]{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear}.songlist-grids .grid:hover .pic i[data-v-551e88e2]{opacity:1;-webkit-transition:opacity .5s linear;transition:opacity .5s linear}.songlist-grids .grid .pic[data-v-551e88e2]{width:100%;height:190px;cursor:pointer;position:relative}.songlist-grids .grid .pic img[data-v-551e88e2]{width:100%;height:100%}.songlist-grids .grid .pic i[data-v-551e88e2]{position:absolute;right:4px;bottom:4px;color:#fff;font-size:32px;opacity:0}.songlist-grids .grid div[data-v-551e88e2]:not(.pic){display:-webkit-box;overflow:hidden;height:40px;text-overflow:ellipsis;margin-top:5px;cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical}.songlist-grids .grid[data-v-551e88e2]:nth-child(5n){margin-right:0}.songlist-grids .grid:first-child>span[data-v-551e88e2]{width:100%;height:190px;display:block;border:1px solid #e1e1e1}.songlist-grids .grid:first-child>span p[data-v-551e88e2]{text-align:center;background:none}.songlist-grids .grid:first-child>span p[data-v-551e88e2]:first-child{font-size:20px;color:#666;margin-top:35px}.songlist-grids .grid:first-child>span p[data-v-551e88e2]:last-child{font-size:100px;margin-top:50px}