.integral-rank-main[data-v-152db65b]{height:100vh;overflow-y:auto;background:-webkit-linear-gradient(top,#dce9f9,#f2f7ff 45%,#f5f8f9);background:linear-gradient(180deg,#dce9f9,#f2f7ff 45%,#f5f8f9)}.integral-rank-main .top-img[data-v-152db65b]{width:100%;height:45.06667vw;padding:0 4vw;background-repeat:no-repeat;background-size:cover}.integral-rank-main .bottom-content[data-v-152db65b]{width:100%;min-height:calc(100vh - 45.06667vw);padding:0 4vw}.integral-rank-main .bottom-content .rank-content[data-v-152db65b]{width:100%;height:100%;padding:4vw 5.33333vw;background:#fff;border-radius:2.13333vw}.integral-rank-main .bottom-content .rank-content .top-condition[data-v-152db65b]{width:100%;height:10.66667vw}.integral-rank-main .bottom-content .rank-content .top-condition .filter-condition[data-v-152db65b]{width:100%;height:10.66667vw;background-color:#fff;white-space:nowrap;overflow-x:auto;text-align:center}.integral-rank-main .bottom-content .rank-content .top-condition .filter-condition .each-content[data-v-152db65b]{display:inline-block;position:relative;width:16.6%;height:10vw;padding-top:1.6vw;font-size:4.26667vw;line-height:6.4vw;text-align:center}.integral-rank-main .bottom-content .rank-content .top-condition .filter-condition .no-active[data-v-152db65b]{font-weight:400;color:#5c6871}.integral-rank-main .bottom-content .rank-content .top-condition .filter-condition .active[data-v-152db65b]{font-weight:800;color:#191f25}.integral-rank-main .bottom-content .rank-content .top-condition .filter-condition .active[data-v-152db65b]:after{content:"";position:absolute;left:35%;top:auto;bottom:1.06667vw;right:auto;width:5.33333vw;height:1.06667vw;background:#389aff;border-radius:.53333vw}.integral-rank-main .bottom-content .rank-content .my-rank-info[data-v-152db65b]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;height:13.33333vw;padding:1.86667vw 4.53333vw;background:#f8fafe;border-radius:2.13333vw}.integral-rank-main .bottom-content .rank-content .my-rank-info .self-div[data-v-152db65b]{width:4.26667vw;height:5.33333vw;font-weight:500;font-size:3.73333vw;color:#389aff;text-align:left;font-style:normal}.integral-rank-main .bottom-content .rank-content .my-rank-info .self-avatar[data-v-152db65b]{width:9.6vw;height:9.6vw;margin-left:11.2vw;border-radius:50%}.integral-rank-main .bottom-content .rank-content .my-rank-info .self-avatar img[data-v-152db65b]{width:100%;height:100%;border-radius:50%;object-fit:fill}.integral-rank-main .bottom-content .rank-content .my-rank-info .self-name[data-v-152db65b]{min-width:11.46667vw;max-width:16.8vw;margin-left:2.66667vw;height:5.33333vw;font-weight:550;font-size:3.73333vw;color:#021321;text-align:left;font-style:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.integral-rank-main .bottom-content .rank-content .my-rank-info .self-rank[data-v-152db65b]{min-width:12.26667vw;max-width:16.26667vw;margin-left:7.2vw;height:5.33333vw;font-weight:550;font-size:3.73333vw;color:#389aff;text-align:left;font-style:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.integral-rank-main .bottom-content .rank-content .my-rank-info .self-value[data-v-152db65b]{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-left:4vw;height:5.33333vw;font-weight:550;font-size:3.73333vw;line-height:5.33333vw;color:#389aff;text-align:left;font-style:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.integral-rank-main .bottom-content .rank-content .table-title[data-v-152db65b]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;height:5.33333vw;margin-top:5.33333vw}.integral-rank-main .bottom-content .rank-content .table-title .each-title[data-v-152db65b]{height:5.33333vw;font-weight:400;font-size:3.73333vw;color:#5c6871;text-align:center;font-style:normal}.integral-rank-main .bottom-content .rank-content .each-rank[data-v-152db65b]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;height:9.6vw;margin-top:3.46667vw}.integral-rank-main .bottom-content .rank-content .each-rank .rank-no[data-v-152db65b]{width:18%;height:6vw;text-align:center;font-weight:550;font-size:3.73333vw;color:#021321}.integral-rank-main .bottom-content .rank-content .each-rank .rank-no .img-div[data-v-152db65b]{margin:0 auto;width:6vw;height:6vw;background-repeat:no-repeat;background-size:cover}.integral-rank-main .bottom-content .rank-content .each-rank .avatar[data-v-152db65b]{width:9.6vw;height:9.6vw;border-radius:50%;margin-left:9.33333vw}.integral-rank-main .bottom-content .rank-content .each-rank .avatar img[data-v-152db65b]{width:100%;height:100%;border-radius:50%;object-fit:fill}.integral-rank-main .bottom-content .rank-content .each-rank .people-name[data-v-152db65b]{width:calc(55% - 24.26667vw);height:5.33333vw;margin-left:2.66667vw;font-weight:550;font-size:3.73333vw;color:#021321;text-align:left;font-style:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.integral-rank-main .bottom-content .rank-content .each-rank .people-integral[data-v-152db65b]{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:5.33333vw;margin-left:2.66667vw;font-weight:550;font-size:3.73333vw;color:#021321;text-align:center;font-style:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@font-face{font-family:AlimamaShuHeiTi;src:url(/static/AlimamaShuHeiTi.ttf)}