.ranking-page[data-v-55b7251c]{position:relative;height:100vh;overflow-y:auto;padding-bottom:calc(env(safe-area-inset-bottom));background-color:#f7f3e9;box-sizing:border-box;-webkit-overflow-scrolling:touch}.ranking-page [data-v-55b7251c]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.top-backgroud[data-v-55b7251c]{position:relative}.top-backgroud img[data-v-55b7251c]{position:absolute;bottom:0;width:100vw;height:auto}.top-backgroud .banner[data-v-55b7251c]{width:100vw;height:53.333vw;background-image:url(https://versar-tourism.oss-cn-beijing.aliyuncs.com/dev/suggestion/20260127160411bg_paihangbang@3x.png);background-size:contain;background-repeat:no-repeat}.content[data-v-55b7251c]{position:absolute;width:calc(100% - 8.533vw);margin:-10.667vw 4.267vw 0;background-color:#f7f3e9;border-radius:8px}.content .top-three[data-v-55b7251c]{position:relative;padding-bottom:4.267vw;background-color:#fefbf3;border-radius:8px;text-align:center}.content .rank[data-v-55b7251c]{position:absolute;top:0;left:0;text-align:center;line-height:4.533vw;width:13.333vw;height:4.533vw;background-color:#a63509;border-top-left-radius:2.133vw;border-bottom-right-radius:2.133vw;color:#fefbf3;font-size:10px}.content .top50[data-v-55b7251c]{position:absolute;top:0;right:3.2vw;width:6.4vw;height:9.333vw}.content .headimg[data-v-55b7251c]{display:flex;justify-content:center;align-items:end;padding-top:3.2vw}.content .headimg .one[data-v-55b7251c]{width:29.867vw;text-align:center}.content .headimg .one .img-box[data-v-55b7251c]{margin:0 auto 3.2vw;position:relative;width:21.867vw;height:21.867vw}.content .headimg .one .img-box .one-border[data-v-55b7251c]{position:absolute;left:50%;top:0;transform:translateX(-50%);width:21.867vw;height:21.867vw}.content .headimg .one .img-box .one-img[data-v-55b7251c]{width:18.4vw;height:18.4vw;border-radius:50%}.content .headimg .three[data-v-55b7251c],.content .headimg .two[data-v-55b7251c]{width:22.667vw;text-align:center}.content .headimg .three .img-box[data-v-55b7251c],.content .headimg .two .img-box[data-v-55b7251c]{margin:0 auto 3.2vw;position:relative;width:14.667vw;height:16vw}.content .headimg .three .img-box .two-border[data-v-55b7251c],.content .headimg .two .img-box .two-border[data-v-55b7251c]{position:absolute;left:50%;top:0;transform:translateX(-50%);width:14.667vw;height:16vw}.content .headimg .three .img-box .two-img[data-v-55b7251c],.content .headimg .two .img-box .two-img[data-v-55b7251c]{width:14.4vw;height:14.4vw;border-radius:50%}.content .headimg .name[data-v-55b7251c]{width:100%;height:5.333vw;font-size:14px;font-weight:700;color:#372221;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content .headimg .time[data-v-55b7251c]{width:100%;height:4.8vw;font-size:10px;font-weight:700;color:#372221}.content .no-nore[data-v-55b7251c]{text-align:center;margin:5.333vw 0 22.933vw;width:100%;font-size:12px;color:#a2866c}.rank-item[data-v-55b7251c]{position:relative;height:19.733vw;display:flex;align-items:center;margin-top:3.2vw;border-radius:8px;background-color:#fefbf3;padding:4.267vw 7.467vw 4.267vw 3.2vw}.rank-item .rank-num[data-v-55b7251c]{text-align:left;width:9.6vw;font-size:16px;font-weight:700;color:#a63509}.rank-item .rank-img[data-v-55b7251c]{text-align:left;width:14.4vw}.rank-item .rank-img img[data-v-55b7251c]{width:11.2vw;height:11.2vw;border-radius:50%}.rank-item .info[data-v-55b7251c]{width:41.333vw}.rank-item .info .name[data-v-55b7251c]{width:100%;height:5.867vw;line-height:5.867vw;font-size:14px;font-weight:700;color:#372221;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-item .info .time[data-v-55b7251c]{width:100%;height:5.333vw;line-height:5.333vw;font-size:12px;font-weight:400;color:#a2866c}.rank-item .score[data-v-55b7251c]{text-align:right;width:14.4vw;font-size:16px;font-weight:700;color:#a2866c}.bottom-fixed[data-v-55b7251c]{position:fixed;bottom:0;width:100vw;height:19.733vw;padding:0 4.267vw 0;background-color:#fefbf3}.bottom-fixed .rank[data-v-55b7251c]{position:absolute;top:0;left:0;text-align:center;line-height:4.533vw;width:13.333vw;height:4.533vw;background-color:#a63509;border-top-left-radius:2.133vw;border-bottom-right-radius:2.133vw;color:#fefbf3;font-size:10px}.bottom-fixed .rank-item[data-v-55b7251c]{margin-top:0!important}[data-v-55b7251c] .loading-overlay{display:flex;align-items:center;background-color:hsla(0,0%,100%,.15)}.font-size-30[data-v-55b7251c]{font-size:30px!important}.font-size-20[data-v-55b7251c]{font-size:20px!important}.font-size-18[data-v-55b7251c]{font-size:18px!important}.font-size-16[data-v-55b7251c]{font-size:16px!important}.font-size-14[data-v-55b7251c]{font-size:14px!important}.font-size-12[data-v-55b7251c]{font-size:12px!important}.m0[data-v-55b7251c]{margin:0!important}.mt0[data-v-55b7251c]{margin-top:0!important}.mb0[data-v-55b7251c]{margin-bottom:0!important}.mr0[data-v-55b7251c]{margin-right:0!important}.ml0[data-v-55b7251c]{margin-left:0!important}.p0[data-v-55b7251c]{padding:0!important}.pt0[data-v-55b7251c]{padding-top:0!important}.pb0[data-v-55b7251c]{padding-bottom:0!important}.pr0[data-v-55b7251c]{padding-right:0!important}.pl0[data-v-55b7251c]{padding-left:0!important}.m8[data-v-55b7251c]{margin:2.133vw!important}.mt8[data-v-55b7251c]{margin-top:2.133vw!important}.mb8[data-v-55b7251c]{margin-bottom:2.133vw!important}.mr8[data-v-55b7251c]{margin-right:2.133vw!important}.ml8[data-v-55b7251c]{margin-left:2.133vw!important}.p8[data-v-55b7251c]{padding:2.133vw!important}.pt8[data-v-55b7251c]{padding-top:2.133vw!important}.pb8[data-v-55b7251c]{padding-bottom:2.133vw!important}.pr8[data-v-55b7251c]{padding-right:2.133vw!important}.pl8[data-v-55b7251c]{padding-left:2.133vw!important}.m12[data-v-55b7251c]{margin:3.2vw!important}.mt12[data-v-55b7251c]{margin-top:3.2vw!important}.mb12[data-v-55b7251c]{margin-bottom:3.2vw!important}.mr12[data-v-55b7251c]{margin-right:3.2vw!important}.ml12[data-v-55b7251c]{margin-left:3.2vw!important}.p12[data-v-55b7251c]{padding:3.2vw!important}.pt12[data-v-55b7251c]{padding-top:3.2vw!important}.pb12[data-v-55b7251c]{padding-bottom:3.2vw!important}.pr12[data-v-55b7251c]{padding-right:3.2vw!important}.pl12[data-v-55b7251c]{padding-left:3.2vw!important}.mr10[data-v-55b7251c]{margin-right:2.667vw!important}.m16[data-v-55b7251c]{margin:4.267vw!important}.mt16[data-v-55b7251c]{margin-top:4.267vw!important}.mb16[data-v-55b7251c]{margin-bottom:4.267vw!important}.mr16[data-v-55b7251c]{margin-right:4.267vw!important}.ml16[data-v-55b7251c]{margin-left:4.267vw!important}.p16[data-v-55b7251c]{padding:4.267vw!important}.pt16[data-v-55b7251c]{padding-top:4.267vw!important}.pb16[data-v-55b7251c]{padding-bottom:4.267vw!important}.pr16[data-v-55b7251c]{padding-right:4.267vw!important}.pl16[data-v-55b7251c]{padding-left:4.267vw!important}.box120[data-v-55b7251c]{width:32vw!important;height:32vw!important}.full-width[data-v-55b7251c]{width:100%!important}.w20[data-v-55b7251c]{width:20%!important}.box-shadow[data-v-55b7251c]{box-shadow:0 2px 12px rgba(0,0,0,.1)!important}.fr[data-v-55b7251c]{float:right!important}.fl[data-v-55b7251c]{float:left!important}.block[data-v-55b7251c]{display:block!important}.pointer[data-v-55b7251c]{cursor:pointer!important}.inlineBlock[data-v-55b7251c]{display:block!important}.no-padding[data-v-55b7251c]{padding:0!important}.text-center[data-v-55b7251c]{text-align:center!important}.link-type[data-v-55b7251c],.link-type[data-v-55b7251c]:focus{color:#337ab7;cursor:pointer}.link-type[data-v-55b7251c]:focus:hover,.link-type[data-v-55b7251c]:hover{color:#20a0ff}.img-circle[data-v-55b7251c]{border-radius:50%}.img-lg[data-v-55b7251c]{width:32vw;height:32vw}.avatar-upload-preview[data-v-55b7251c]{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:53.333vw;height:53.333vw;border-radius:50%;box-shadow:0 0 4px #ccc;overflow:hidden}.sortable-ghost[data-v-55b7251c]{opacity:.8;color:#fff!important;background:#42b983!important}.top-right-btn[data-v-55b7251c]{position:relative;float:right}.splitpanes.default-theme .splitpanes__pane[data-v-55b7251c]{background-color:#fff!important}.flex[data-v-55b7251c]{display:flex;justify-content:center;align-items:center}.justify-space-between[data-v-55b7251c]{justify-content:space-between}.justify-space-around[data-v-55b7251c]{justify-content:space-around}.justify-start[data-v-55b7251c]{justify-content:flex-start}.justify-end[data-v-55b7251c]{justify-content:flex-end}.align-start[data-v-55b7251c]{align-items:flex-start}.primary-color[data-v-55b7251c]{color:#409eff}.ellipsis[data-v-55b7251c]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clearfix[data-v-55b7251c]{zoom:1}.clearfix[data-v-55b7251c]:after,.clearfix[data-v-55b7251c]:before{display:table;content:""}.clearfix[data-v-55b7251c]:after{clear:both}