.h5-container[data-v-ad3f5666]{padding-bottom:7rem;color:#222;font-size:1.4rem;line-height:1.5;min-height:100vh;background-color:#f4f5f7}.top-navbar[data-v-ad3f5666]{display:flex;align-items:center;height:5rem;background-color:#fff;padding:0 1.5rem;position:relative}.top-navbar img[data-v-ad3f5666]{margin-right:12px;width:3rem;height:3rem}.header[data-v-ad3f5666]{height:15rem;background:url(/assets/tools_popular_img_bg-ada9be1c.png) no-repeat center 0;background-size:82.2rem 15rem;padding-top:2rem}.header img[data-v-ad3f5666]{display:block;width:27rem;height:9.6rem}main[data-v-ad3f5666]{position:relative;top:-2rem}.ranking-item[data-v-ad3f5666]{margin:0 1.5rem 1rem;background:#ffffff;border-radius:1rem;display:flex;align-items:center;padding:1.6rem 1.5rem}.ranking-item .num-img[data-v-ad3f5666]{margin-right:1rem;width:3rem;height:2.6rem}.ranking-item .num[data-v-ad3f5666]{font-weight:700;font-size:1.8rem;color:#222;width:3rem;text-align:center}.ranking-item .ranked-icon[data-v-ad3f5666]{margin-right:1.2rem;width:1.4rem;height:1.4rem}.ranking-item .unchanged[data-v-ad3f5666]{font-size:1.6rem;color:#999;width:1.4rem}.ranking-item .tool-logo[data-v-ad3f5666]{margin-right:.8rem;width:4.4rem;height:4.4rem;border-radius:50%;object-fit:cover}.ranking-item .tool-info[data-v-ad3f5666]{flex:1}.ranking-item .tool-info strong[data-v-ad3f5666]{color:#222;font-size:1.5rem;font-weight:700}.ranking-item .tool-info div[data-v-ad3f5666]{margin-top:.6rem;display:flex;width:100%;justify-content:space-between;align-items:center}.ranking-item .tool-info div .label[data-v-ad3f5666]{padding:0 .8rem;height:2.1rem;background:rgba(255,192,45,.15);border-radius:13px;line-height:2.1rem;color:#fb9400;font-size:1.2rem}.ranking-item .tool-info div p img[data-v-ad3f5666]{width:1.2rem;height:1.2rem}.ranking-item .tool-info div p span[data-v-ad3f5666]{margin-left:.4rem;font-size:1.2rem}.head-bg[data-v-7c4cf821]{height:350px;background:url(/assets/tools_popular_img_bg-ada9be1c.png) no-repeat;background-size:contain}.head-bg .img-wrap[data-v-7c4cf821]{position:relative}.head-bg .img-wrap img[data-v-7c4cf821]{position:absolute;left:-30px;top:50px;width:464px;height:164px}.main[data-v-7c4cf821]{position:relative;top:-120px;background-color:var(--ft-color-bg2);border-radius:20px;padding:48px 40px}.main li[data-v-7c4cf821]:not(:last-child){margin-bottom:48px}.main li:hover .ranking-num strong[data-v-7c4cf821]{color:#fb9400}.main li a[data-v-7c4cf821]{display:block;display:flex;align-items:center}.main li .ranking-num[data-v-7c4cf821]{margin-right:40px;display:flex;flex-direction:column;align-items:center;width:40px;padding-top:27px}.main li .ranking-num .num-img[data-v-7c4cf821]{width:40px;height:35px}.main li .ranking-num strong[data-v-7c4cf821]{font-size:25px;color:var(--ft-text-color-primary);line-height:35px}.main li .ranking-num .ranked-icon[data-v-7c4cf821]{margin-top:8px;width:16px;height:16px}.main li .ranking-num .unchanged[data-v-7c4cf821]{margin-top:8px;font-size:16px;color:var(--ft-text-color-secondary);font-weight:700;line-height:16px}.main li .tool-info[data-v-7c4cf821]{display:flex;align-items:center;flex:1}.main li .tool-info img[data-v-7c4cf821]{margin-right:16px;width:88px;height:88px;border-radius:50%;object-fit:cover}.main li .tool-info .tool-right h2[data-v-7c4cf821]{color:var(--ft-text-color-primary);font-size:20px}.main li .tool-info .tool-right .infos[data-v-7c4cf821]{margin-top:10px;display:flex}.main li .tool-info .tool-right .infos p[data-v-7c4cf821]{margin-right:24px;color:var(--ft-text-color-secondary);font-size:16px}.main li .tool-info .tool-right .infos p span[data-v-7c4cf821]{color:var(--ft-text-color-primary);font-weight:700}.main li .tool-info .tool-right .infos p i[data-v-7c4cf821]{margin-right:3px;color:#ffc02d;font-style:normal}.main li .btns[data-v-7c4cf821]{margin-left:16px;display:flex}.main li .btns a[data-v-7c4cf821]{margin-left:16px}.main li .btns a:nth-child(1) button[data-v-7c4cf821]{background-color:var(--ft-bg-color-1);color:var(--ft-text-color-primary)}.main li .btns a:nth-child(2) button[data-v-7c4cf821]{background:linear-gradient(315deg,#fb9400 0%,#ffab38 100%);color:#fff}.main li .btns button[data-v-7c4cf821]{width:128px;height:40px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.main li .btns button[data-v-7c4cf821]:hover{filter:brightness(.85)}.main li .tags[data-v-7c4cf821]{margin-top:48px;display:flex;align-items:center}.main li .tags span[data-v-7c4cf821]{margin-right:8px;color:var(--ft-text-color-regular)}.main li .tags ul[data-v-7c4cf821]{display:flex}.main li .tags li[data-v-7c4cf821]{margin-right:10px}.main li .tags li a[data-v-7c4cf821]{display:block;padding:0 10px;height:26px;background:rgba(255,192,45,.15);border-radius:13px;color:#fb9400;line-height:26px;font-weight:700;cursor:pointer}