.one-heart-summer-ranking{background:#5b33f1;width:100%;overflow:hidden}.one-heart-summer-ranking .rank{width:110%;height:auto;margin-left:-5%}.one-heart-summer-ranking .rank-sort{position:relative;width:88%;height:auto;background:#fff;box-shadow:0 1.066667vw 4.8vw 0 rgba(0,0,0,.32),0 0 1px 1px #d7d5ce;border:2.133333vw solid #ffe86b;margin:0 auto;margin-top:-14.933333vw;border-radius:4.266667vw}.one-heart-summer-ranking .rank-sort .sort-num span{position:absolute;z-index:1;width:100%;text-align:center;margin-top:-1.6vw;font-size:4vw;font-weight:500;color:#fb750b}.one-heart-summer-ranking .rank-sort .sort-num img{position:absolute;top:-5.333333vw;left:0;right:0;margin:0 auto;width:62.4vw;height:11.733333vw}.one-heart-summer-ranking .rank-sort ul{margin:3.2vw}.one-heart-summer-ranking .rank-sort ul li{padding:3.2vw 0;border-bottom:1px solid #d8d8d8;display:flex;align-items:center}.one-heart-summer-ranking .rank-sort ul li:nth-child(2),.one-heart-summer-ranking .rank-sort ul li:nth-child(3),.one-heart-summer-ranking .rank-sort ul li:nth-child(4){padding:1.333333vw 0}.one-heart-summer-ranking .rank-sort ul li img{width:5.6vw;height:7.733333vw;margin:0 auto}.one-heart-summer-ranking .rank-sort ul li span:first-child{width:15%}.one-heart-summer-ranking .rank-sort ul li span:nth-child(2){width:25%}.one-heart-summer-ranking .rank-sort ul li span:nth-child(3){width:20%}.one-heart-summer-ranking .rank-sort ul li span{display:inline-block;font-size:3.733333vw;line-height:5.333333vw;word-break:break-all;text-align:center;color:#474e5d}.one-heart-summer-ranking .rank-sort ul li span:last-child{width:40%;text-align:center}.one-heart-summer-ranking .rank-sort ul li:first-child span{font-weight:500;color:#474e5d}.one-heart-summer-ranking .bottom-bg{width:100%}