.box[data-v-50778f69]{padding-top:40px}.box .item-title[data-v-50778f69]{position:absolute;top:0;left:0;width:100%;height:40px;line-height:40px;color:#666;font-size:14px;padding-left:10px;font-weight:700}.barpercent[data-v-50778f69]{position:relative;width:100%;height:100%}.barpercent-title[data-v-50778f69]{color:#707070;font-size:12px;padding-left:12px;position:absolute;top:0;left:0;width:100%;padding-top:12px}.barpercent-list[data-v-50778f69]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:0 24px 24px 0}.barpercent-item[data-v-50778f69]{position:relative;width:100%;height:24px;padding-left:75px}.barpercent-item .label[data-v-50778f69]{position:absolute;top:0;left:0;width:75px;height:100%;color:#707070;padding-right:8px;text-align:right}.barpercent-item .percent-bar[data-v-50778f69]{position:relative;height:100%;width:100%;background-color:#5e95ff80}.barpercent-item .active[data-v-50778f69]{position:relative;height:100%;width:0;background:linear-gradient(270deg,#5e95ff,#695eff)}.barpercent-item:hover .percent-bar[data-v-50778f69]{background-color:#ffc46080}.barpercent-item:hover .active[data-v-50778f69]{background:linear-gradient(270deg,#ffc45e,#ff9100)}.barpercent-item .num[data-v-50778f69]{position:absolute;top:0;right:8px;font-size:12px;color:#fff;line-height:24px}