.ranking-container[data-v-ab9f3ff7]{background-image:url(/assets/ranking_hha_img_bg-35f0ae9f.jpg),linear-gradient(#f4f5f7,#f4f5f7);background-repeat:no-repeat;background-size:100% 350px,100% 100%;background-position:top center,top left;min-height:100vh;padding-bottom:100px}.wrapper[data-v-ab9f3ff7]{margin:0 auto;width:1200px;padding-top:60px}.wrapper .title-img[data-v-ab9f3ff7]{width:418px;height:172px}.wrapper .main[data-v-ab9f3ff7]{margin-top:28px;background:#ffffff;border-radius:20px}.wrapper .main .top-box[data-v-ab9f3ff7]{padding:16px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e2e2}.wrapper .main .top-box .search-wrap[data-v-ab9f3ff7]{height:45px;border-radius:25px;background-color:#f4f5f7;display:flex;align-items:center;padding-left:20px;padding-right:16px}.wrapper .main .top-box .search-wrap input[data-v-ab9f3ff7]{flex:1;width:188px;height:100%;margin:0 8px;outline:none;border:none;background-color:transparent;color:#222;font-size:16px}.wrapper .main .top-box .search-wrap input[data-v-ab9f3ff7]::placeholder{color:#666}.wrapper .main .top-box .search-wrap .delete-icon[data-v-ab9f3ff7]{width:16px;height:16px;cursor:pointer}.wrapper .main .top-box .last-time[data-v-ab9f3ff7]{color:#222;font-size:16px}.wrapper .main .ranking-list[data-v-ab9f3ff7]{padding:24px 0}.wrapper .main .ranking-list li[data-v-ab9f3ff7]{padding:20px 40px;display:flex;align-items:center}.wrapper .main .ranking-list li .ranking-num[data-v-ab9f3ff7]{display:flex;flex-direction:column;align-items:center;width:40px}.wrapper .main .ranking-list li .ranking-num .num-img[data-v-ab9f3ff7]{width:40px;height:35px}.wrapper .main .ranking-list li .ranking-num strong[data-v-ab9f3ff7]{font-size:25px;color:#222}.wrapper .main .ranking-list li .ranked-icon[data-v-ab9f3ff7]{width:64px;display:flex;justify-content:center}.wrapper .main .ranking-list li .ranked-icon img[data-v-ab9f3ff7]{width:16px;height:16px}.wrapper .main .ranking-list li .ranked-icon span[data-v-ab9f3ff7]{font-size:16px;color:var(--ft-text-color-secondary);font-weight:700;line-height:16px}.wrapper .main .ranking-list li .ranking-content[data-v-ab9f3ff7]{flex:1;margin-right:72px;display:flex;flex-direction:column}.wrapper .main .ranking-list li .ranking-content strong[data-v-ab9f3ff7]{color:#222;font-size:18px;line-height:25px;height:25px;font-weight:400}.wrapper .main .ranking-list li .ranking-content p[data-v-ab9f3ff7]{margin-top:16px;display:flex;align-items:center}.wrapper .main .ranking-list li .ranking-content p img[data-v-ab9f3ff7]{border-radius:50%;width:24px;height:24px;margin-right:8px}.wrapper .main .ranking-list li .ranking-content p span[data-v-ab9f3ff7]{color:#666;font-size:16px;font-weight:700}.wrapper .main .ranking-list li .vote-count[data-v-ab9f3ff7]{display:flex;align-items:center}.wrapper .main .ranking-list li .vote-count img[data-v-ab9f3ff7]{margin-right:6px;width:24px;height:24px}.wrapper .main .ranking-list li .vote-count strong[data-v-ab9f3ff7]{color:#fb9400;font-size:24px;font-weight:700}.wrapper .nolist[data-v-ab9f3ff7]{padding:60px 0 100px;display:flex;flex-direction:column;align-items:center}.wrapper .nolist img[data-v-ab9f3ff7]{width:352px;height:230px}.wrapper .nolist span[data-v-ab9f3ff7]{margin-top:16px;color:#222;font-size:16px}.h5-container[data-v-ab9f3ff7]{background-size:82.2rem 15rem,100% 100%;background-position:top center,top left}.h5-container .wrapper[data-v-ab9f3ff7]{padding:3rem 1.5rem 0;width:100%}.h5-container .wrapper .title-img[data-v-ab9f3ff7]{width:24.3rem;height:10rem}.h5-container .wrapper .main[data-v-ab9f3ff7]{margin-top:20px;background-color:transparent}.h5-container .wrapper .main .top-box[data-v-ab9f3ff7]{padding:0;flex-direction:column;align-items:flex-start;border-bottom:none}.h5-container .wrapper .main .top-box .search-wrap[data-v-ab9f3ff7]{padding:0 15px!important;width:34.5rem;background-color:#fff;height:36px}.h5-container .wrapper .main .top-box .search-wrap[data-v-ab9f3ff7] span svg{display:flex}.h5-container .wrapper .main .top-box .search-wrap input[data-v-ab9f3ff7]{font-size:14px}.h5-container .wrapper .main .top-box .last-time[data-v-ab9f3ff7]{margin-top:5px;font-size:12px}.h5-container .wrapper .main .ranking-list li[data-v-ab9f3ff7]{position:relative;margin-bottom:10px;padding:17px 15px;background-color:#fff;border-radius:10px}.h5-container .wrapper .main .ranking-list li .ranking-num[data-v-ab9f3ff7]{width:30px}.h5-container .wrapper .main .ranking-list li .ranking-num img[data-v-ab9f3ff7]{width:30px;height:26px}.h5-container .wrapper .main .ranking-list li .ranking-num strong[data-v-ab9f3ff7]{font-size:18px}.h5-container .wrapper .main .ranking-list li .ranked-icon[data-v-ab9f3ff7]{margin-right:5px;width:34px}.h5-container .wrapper .main .ranking-list li .ranking-content[data-v-ab9f3ff7]{margin-right:0}.h5-container .wrapper .main .ranking-list li .ranking-content strong[data-v-ab9f3ff7]{font-size:15px;line-height:19px;height:19px}.h5-container .wrapper .main .ranking-list li .ranking-content p[data-v-ab9f3ff7]{margin-top:8px}.h5-container .wrapper .main .ranking-list li .ranking-content p img[data-v-ab9f3ff7]{margin-right:4px;width:16px;height:16px}.h5-container .wrapper .main .ranking-list li .ranking-content p span[data-v-ab9f3ff7]{font-size:12px}.h5-container .wrapper .main .ranking-list li .vote-count[data-v-ab9f3ff7]{position:absolute;bottom:15px;right:17px}.h5-container .wrapper .main .ranking-list li .vote-count img[data-v-ab9f3ff7]{margin-right:4px;width:12px;height:12px}.h5-container .wrapper .main .ranking-list li .vote-count strong[data-v-ab9f3ff7]{font-size:12px}.h5-container .nolist img[data-v-ab9f3ff7]{width:235px;height:140px}.h5-container .nolist span[data-v-ab9f3ff7]{font-size:13px}