.grids>p[data-v-35742e84]{font-size:20px;border-bottom:1px solid #e1e1e1;padding:5px 0;color:#333}.grids span[data-v-35742e84]{font-size:12px;color:#888;cursor:pointer}.grids span[data-v-35742e84]:hover{color:#333}.grids .grid[data-v-35742e84]{width:100%;clear:both;overflow:hidden;cursor:default}.grids .grid .gridItem[data-v-35742e84]{width:23%;float:left;margin:1% 20px 20px 0;color:#333;font-size:14px;overflow:hidden}.grids .grid .gridItem .pic[data-v-35742e84]{width:100%;color:#fff;font-size:12px;cursor:pointer;height:150px;position:relative}.grids .grid .gridItem .pic img[data-v-35742e84]{width:100%;height:100%}.grids .grid .gridItem .pic .play-count[data-v-35742e84]{text-align:right;position:absolute;padding:3px;width:100%;z-index:99;top:0;right:0;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))}.grids .grid .gridItem .pic .play-count i[data-v-35742e84]{vertical-align:text-bottom}.grids .grid .gridItem .pic .duration[data-v-35742e84]{position:absolute;padding:3px 5px;width:100%;bottom:0;z-index:99;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))}.grids .grid .gridItem div[data-v-35742e84]:not(.pic){margin-top:5px}.grids .grid .gridItem div:not(.pic) p[data-v-35742e84]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.grids .grid .gridItem div:not(.pic) p[data-v-35742e84]:first-child{cursor:pointer;color:#333;display:inline-block}.grids .grid .gridItem div:not(.pic) p[data-v-35742e84]:last-child{font-size:12px;color:#999}.grids .grid .gridItem div:not(.pic) p:last-child span[data-v-35742e84]:hover{cursor:pointer;color:#888}.grids .grid .grid[data-v-35742e84]:nth-child(4n){margin-right:0}.grids .ranking[data-v-35742e84]{margin:15px 0;overflow:hidden}.grids .ranking>div[data-v-35742e84]{display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;float:left;padding:15px 0}.grids .ranking>div[data-v-35742e84]:nth-child(odd){border-right:.5px solid #e1e1e1;border-bottom:.5px solid #e1e1e1}.grids .ranking>div[data-v-35742e84]:nth-child(2n){border-bottom:.5px solid #e1e1e1;padding-left:10px}.grids .ranking>div[data-v-35742e84]:last-child,.grids .ranking>div[data-v-35742e84]:nth-child(9){border-bottom:none}.grids .ranking>div div[data-v-35742e84]:first-child{font-size:24px;font-style:italic;color:#888;line-height:100px;text-align:left;width:35px;font-family:monospace;font-weight:700}.grids .ranking>div div[data-v-35742e84]:nth-child(2){width:200px;height:100px;position:relative}.grids .ranking>div div:nth-child(2) p[data-v-35742e84]{position:absolute;top:0;right:1px;font-size:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:18px;padding:0 5px 0 0;cursor:pointer;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));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;color:#fff}.grids .ranking>div div:nth-child(2) img[data-v-35742e84]{width:100%;height:100%;cursor:pointer}.grids .ranking>div div:nth-child(3) p[data-v-35742e84]{padding:5px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:240px}.grids .ranking>div div:nth-child(3) p[data-v-35742e84]:first-child{color:#333;cursor:pointer}.grids .ranking>div div:nth-child(3) p[data-v-35742e84]:nth-child(3){color:#888;cursor:pointer}