.rank-area[data-v-12b94567]{padding:0 .625rem}.rank-area .rank-title[data-v-12b94567]{color:#333;font-size:1.75rem;font-weight:700;text-align:center;line-height:2.8125rem;margin:.9375rem 0}.rank-area .rank-list[data-v-12b94567]{background:#f9f9f9;padding:.625rem 1.25rem}.rank-area .rank-list .rank-item[data-v-12b94567]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1.25rem 0;line-height:2rem}.rank-area .rank-list .rank-item .no[data-v-12b94567]{position:relative}.rank-area .rank-list .rank-item .no>div[data-v-12b94567]{background:transparent;border:4px solid transparent;line-height:1.5rem;min-width:2rem;height:2rem;border-radius:32px;color:#666;text-align:center;font-size:1.5rem;margin-right:.9375rem;position:relative;z-index:2}[data-dpr="1"] .rank-area .rank-list .rank-item .no>div[data-v-12b94567]{border:2px solid transparent}[data-dpr="2"] .rank-area .rank-list .rank-item .no>div[data-v-12b94567]{border:4px solid transparent}[data-dpr="3"] .rank-area .rank-list .rank-item .no>div[data-v-12b94567]{border:6px solid transparent}.rank-area .rank-list .rank-item .no[data-v-12b94567]:before{content:"";display:block;width:1rem;height:.625rem;background-color:transparent;position:absolute;left:.5rem;top:-.375rem;z-index:1}.rank-area .rank-list .rank-item .rank-text[data-v-12b94567]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.rank-area .rank-list .rank-item .rank-text>p[data-v-12b94567]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;font-size:1.5rem;padding-right:1.875rem}.rank-area .rank-list .rank-item .rank-text>p span[data-v-12b94567]{color:#999;margin-left:1.25rem}.rank-area .rank-list .rank-item .rank-text .score[data-v-12b94567]{color:#00a975;font-size:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rank-area .rank-list .rank-item .rank-text .score img[data-v-12b94567]{height:1.25rem;display:inline-block;margin-right:.3125rem}.rank-area .rank-list .rank-item:first-of-type .no>div[data-v-12b94567]{width:2rem;color:#fff;font-size:1rem;font-weight:700;background:#faac20;border-color:#fee480}.rank-area .rank-list .rank-item:first-of-type .no[data-v-12b94567]:before{background:#ffdc68}.rank-area .rank-list .rank-item:nth-of-type(2) .no>div[data-v-12b94567]{width:2rem;color:#fff;font-size:1rem;font-weight:700;background:#989bad;border-color:#bec5d3}.rank-area .rank-list .rank-item:nth-of-type(2) .no[data-v-12b94567]:before{background:#b9bfce}.rank-area .rank-list .rank-item:nth-of-type(3) .no>div[data-v-12b94567]{width:2rem;color:#fff;font-size:1rem;font-weight:700;background:#cd9021;border-color:#e5c77b}.rank-area .rank-list .rank-item:nth-of-type(3) .no[data-v-12b94567]:before{background:#dfb962}.rank-area+.rank-area[data-v-12b94567]{margin-top:1.5625rem}