.phj-rank-bar[data-v-f1f2d75c]{background:#fff;padding:20px 10px 12px}.phj-rank-bar__head[data-v-f1f2d75c]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px;padding:0 4px;box-sizing:border-box}.phj-rank-bar__title-wrap[data-v-f1f2d75c]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;min-width:0}.phj-rank-bar__bar[data-v-f1f2d75c]{width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,#9278fb,#5b8ff9);-ms-flex-negative:0;flex-shrink:0}.phj-rank-bar__title[data-v-f1f2d75c]{font-size:14px;font-weight:600;color:#262626}.phj-rank-bar__export[data-v-f1f2d75c]{height:30px;padding:0 14px;box-sizing:border-box;border:none;border-radius:6px;font-size:12px;line-height:1;color:#fff;background:linear-gradient(0deg,#aca8fc,#76b4f0);cursor:pointer}.phj-rank-bar__tabs[data-v-f1f2d75c]{display:-ms-flexbox;display:flex;gap:8px;margin-bottom:12px}.phj-rank-bar__tab[data-v-f1f2d75c]{height:24px;padding:0 12px;border:1px solid #e4e7ed;border-radius:4px;background:#f7f8fb;color:#737f91;font-size:12px}.phj-rank-bar__tab.is-active[data-v-f1f2d75c]{color:#fff;border-color:transparent;background:linear-gradient(0deg,#aca8fc,#76b4f0)}.phj-rank-bar__chart[data-v-f1f2d75c]{height:260px;width:100%}.phj-rank-bar__empty[data-v-f1f2d75c]{height:260px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#8c8c8c;font-size:14px}