.ranking[data-v-d583bf3a]{font-size:16px;color:#000}.ranking .ivu-divider-horizontal[data-v-d583bf3a]{margin:4px 0}.ranking .officialList[data-v-d583bf3a]{width:100%;height:auto;margin-bottom:10px}.ranking .officialList .officialListItem[data-v-d583bf3a]:nth-child(-n+5){width:32%;display:inline-block;border:.5px solid #e1e1e1;margin:10px 20px 10px 0}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemHeade[data-v-d583bf3a]{width:100%;color:#fff;height:100px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5% 10%;cursor:pointer}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemHeade .p1[data-v-d583bf3a]{font-size:48px;-webkit-transform:skew(-15deg);transform:skew(-15deg);padding-right:5px}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemHeade div .p2[data-v-d583bf3a]{font-size:24px;-webkit-transform:skew(-15deg);transform:skew(-15deg)}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemHeade div .text[data-v-d583bf3a]{font-size:12px;color:#f1f1f1;opacity:.5}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemHeade i[data-v-d583bf3a]{position:absolute;right:20px;top:50%;color:#e1eafb;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemHeade i[data-v-d583bf3a]:hover{color:#fff}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemList[data-v-d583bf3a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemList .left[data-v-d583bf3a]{width:210px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;text-overflow:ellipsis}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemList .left span[data-v-d583bf3a]{padding-right:5px}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemList .left span[data-v-d583bf3a]:first-child{font-size:16px}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemList .left span[data-v-d583bf3a]:nth-child(2){color:#666;display:inline-block;width:35px}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemList .left span[data-v-d583bf3a]:last-child{width:180px;display:inline-block;overflow:hidden;height:20px;text-overflow:ellipsis;white-space:nowrap;color:#333}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemList .left span:last-child>span[data-v-d583bf3a]{color:#888;display:inline;font-size:12px}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemList .right[data-v-d583bf3a]{color:#888;width:100px;overflow:hidden;padding-right:10px;text-align:right;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemList .right span[data-v-d583bf3a]:hover{color:#333}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemFooter[data-v-d583bf3a]{color:#888;text-align:right;font-size:12px}.ranking .officialList .officialListItem:nth-child(-n+5) .OFTitemFooter span[data-v-d583bf3a]:hover{cursor:pointer;color:#515a6e}.ranking .officialList .officialListItem:first-child .OFTitemHeade[data-v-d583bf3a]{background:-webkit-gradient(linear,right bottom,left top,from(#859fea),color-stop(#6094dd),to(#7eaae1));background:linear-gradient(to top left,#859fea,#6094dd,#7eaae1)}.ranking .officialList .officialListItem:nth-child(2) .OFTitemHeade[data-v-d583bf3a]{background:-webkit-gradient(linear,right bottom,left top,from(#57c8d2),color-stop(#2aa5b7),to(#149ab4));background:linear-gradient(to top left,#57c8d2,#2aa5b7,#149ab4)}.ranking .officialList .officialListItem[data-v-d583bf3a]:nth-child(3){margin-right:0}.ranking .officialList .officialListItem:nth-child(3) .OFTitemHeade[data-v-d583bf3a]{background:-webkit-gradient(linear,right bottom,left top,from(#ec5580),color-stop(#d03b68),to(#cb3160));background:linear-gradient(to top left,#ec5580,#d03b68,#cb3160)}.ranking .officialList .officialListItem:nth-child(4) .OFTitemHeade[data-v-d583bf3a]{background:-webkit-gradient(linear,right bottom,left top,from(#ce6c46),color-stop(#c2543c),to(#bb4732));background:linear-gradient(to top left,#ce6c46,#c2543c,#bb4732)}.ranking .officialList .officialListItem:nth-child(5) .OFTitemHeade[data-v-d583bf3a]{background:-webkit-gradient(linear,right bottom,left top,from(#a04fcf),color-stop(#954fc9),to(#8338c2));background:linear-gradient(to top left,#a04fcf,#954fc9,#8338c2)}.ranking .officialList .officialListItem:nth-child(5) .left[data-v-d583bf3a]{cursor:pointer}.ranking .officialList .officialListItem:nth-child(5) i[data-v-d583bf3a]{display:none}.ranking .rankingGrid[data-v-d583bf3a]{width:100%;clear:both;overflow:hidden}.ranking .rankingGrid .gridItem[data-v-d583bf3a]{width:15.33333%;float:left;margin:1% 16px 0 0;color:#333;font-size:14px;position:relative;overflow:hidden}.ranking .rankingGrid .gridItem .play-count[data-v-d583bf3a]{position:absolute;width:100%;color:#fff;top:0;right:1px;font-size:12px;padding:10px;cursor:pointer;z-index:11;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))}.ranking .rankingGrid .gridItem .play-count i[data-v-d583bf3a]{vertical-align:baseline}.ranking .rankingGrid .gridItem:hover .pic i[data-v-d583bf3a]{opacity:1}.ranking .rankingGrid .gridItem .pic[data-v-d583bf3a]{width:100%;height:160px;cursor:pointer;position:relative;border:.5px solid #e1e1e1}.ranking .rankingGrid .gridItem .pic img[data-v-d583bf3a]{width:100%;height:100%}.ranking .rankingGrid .gridItem .pic i[data-v-d583bf3a]{right:6px;bottom:6px;color:#f2eeec;opacity:0;position:absolute;padding:5px;z-index:999;font-size:14px;border:.5px solid #f2eeec;color:#fff;background:rgba(0,0,0,.3);border-radius:100%}.ranking .rankingGrid .gridItem .pic i[data-v-d583bf3a]:hover{background:rgba(0,0,0,.6)}.ranking .rankingGrid .gridItem div[data-v-d583bf3a]: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}.ranking .rankingGrid .gridItem[data-v-d583bf3a]:nth-child(6n){margin-right:0}