.bg{height:6.02rem;position:relative;background-image:url("../images/rank/bg.png");background-size:cover;background-repeat:no-repeat}.rank-modal{width:100%;height:calc(100vh - 4.1rem);background-color:#fff;position:fixed;bottom:0;border-radius:0.58rem 0.58rem 0 0}.rank-modal .rank-tabs{height:1.3rem;display:flex;align-items:center;justify-content:space-around}.rank-modal .rank-tabs .item-tab{font-size:0.42rem;color:#787573;flex:1;text-align:center}.rank-modal .rank-tabs .active{color:#F08519;font-size:0.48rem;height:100%;background-image:url("../images/rank/active.png");background-size:contain;background-repeat:no-repeat;margin-top:-0.26rem;padding-top:0.26rem}.rank-modal .rank-list{padding:0 0.4rem;margin-top:0.42rem}.rank-modal .rank-list .item-rank{height:2.13rem;border-bottom:1px solid #F0EEEB;display:flex;align-items:center;justify-content:space-between}.rank-modal .rank-list .item-rank .order{width:0.6rem;height:0.88rem}.rank-modal .rank-list .item-rank .avatar{width:1.06rem;height:1.06rem;border-radius:50%;margin-left:0.4rem}.rank-modal .rank-list .item-rank .name{font-size:0.4rem;color:#363331;padding-left:0.1rem}.rank-modal .rank-list .item-rank .right-rate{display:flex;align-items:center;font-size:0.4rem}.rank-modal .rank-list .item-rank .right-rate span{padding-left:0.26rem;color:#F08519}.rank-modal .rank-list .item-rank .index{width:0.6rem;height:0.6rem;border:1px solid #DBDBDB;border-radius:50%;font-size:0.37rem;color:#ADAAA8}