.is-mobile{display:block}.is-desktop{display:none}.blogger-rank-wrap{width:100%;background-color:#030303}.blogger-rank-wrap .title{margin-bottom:15px}.blogger-rank-wrap .tabs-wrap{margin-bottom:20px}.blogger-rank-wrap .tabs{font-size:13px;border-radius:16px;background-color:#353535;color:rgba(255,255,255,.5)}.blogger-rank-wrap .tabs .tab{width:110px;height:32px;line-height:32px;text-align:center;border-radius:16px;background-color:#353535;cursor:pointer}.blogger-rank-wrap .tabs .tab.act{color:#fff;background-color:#f7327b}.blogger-rank-wrap .list-hide{display:none}.blogger-rank-wrap .list .item{height:92px;padding:20px;border-radius:10px;background-color:rgba(255,255,255,.1)}.blogger-rank-wrap .list .item .avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}.blogger-rank-wrap .list .item .avatar .img{width:100%;height:100%}.blogger-rank-wrap .list .item .info{width:calc(100% - 10rem)}.blogger-rank-wrap .list .item .inner{width:calc(100% - 1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blogger-rank-wrap .list .item .info1{font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blogger-rank-wrap .list .item .info2,.blogger-rank-wrap .list .item .info3{font-size:12px;color:rgba(255,255,255,.5)}.blogger-rank-wrap .list .item .like{flex-shrink:0;height:30px;line-height:30px;text-align:center;width:64px;border-radius:26px;border:solid 1px #f7327b;font-size:12px;color:#f7327b;cursor:pointer}.blogger-rank-wrap .list .item .like.act{border:solid 1px rgba(255,255,255,.3);color:rgba(255,255,255,.3)}@media (max-width:600px){.blogger-rank-wrap .list .item .info{width:calc(100vw - 10rem)}}@media (min-width:768px){.blogger-rank-wrap .list .item .flag .flag-num,.is-mobile{display:none}.is-desktop{display:block}.blogger-rank-wrap .tabs-pc-wrap{margin-bottom:30px;font-size:18px;line-height:1.56;color:rgba(255,255,255,.8)}.blogger-rank-wrap .tabs-pc-wrap .tab{position:relative;cursor:pointer;line-height:1.56}.blogger-rank-wrap .tabs-pc-wrap .tab.act{font-weight:500;color:#fff}.blogger-rank-wrap .tabs-pc-wrap .tab.act::after{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);content:'';display:block;width:43px;height:3px;background-color:#f7327b}.blogger-rank-wrap .list .item{position:relative;height:114px;padding:25px 30px;background-color:#282828}.blogger-rank-wrap .list .item .flag{position:absolute;left:15px;top:0;width:15px;height:20px;display:flex;justify-content:center;align-items:end}.blogger-rank-wrap .list .item .flag1{background-image:url(../images/rank1.png);background-size:100% 100%}.blogger-rank-wrap .list .item .flag2{background-image:url(../images/rank2.png);background-size:100% 100%}.blogger-rank-wrap .list .item .flag3{background-image:url(../images/rank3.png);background-size:100% 100%}.blogger-rank-wrap .list .item .flag4{background-image:url(../images/rank4.png);background-size:100% 100%}.blogger-rank-wrap .list .item .flag4 .flag-num{display:block;font-size:10px}.blogger-rank-wrap .list .item .avatar{width:64px;height:64px}.blogger-rank-wrap .list .item .info1{font-size:18px}.blogger-rank-wrap .list .item .info2,.blogger-rank-wrap .list .item .info3{font-size:14px}.blogger-rank-wrap .list .item .like{width:64px;height:32px;line-height:32px}.blogger-rank-wrap{padding:30px 60px 0;background-color:#1c1c1c}}