.gauge-wrapper[data-v-39c8e57a]{width:100%}.ranking-list[data-v-50d31dc9]{width:100%;max-width:600px;font-family:Arial,sans-serif}.data-row[data-v-50d31dc9]{padding:12px 16px;margin-bottom:6px}.data-row[data-v-50d31dc9],.header-row[data-v-50d31dc9]{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.header-row[data-v-50d31dc9]{font-weight:400;font-size:12px;color:#999;padding:10px 16px;position:relative}.data-row[data-v-50d31dc9]{background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05);-webkit-transition:all .2s ease;transition:all .2s ease;position:relative}.data-row[data-v-50d31dc9]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1)}.progress-bg[data-v-50d31dc9]{position:absolute;left:0;top:0;bottom:0;background-color:#e3f2fd;z-index:0;-webkit-transition:width .3s ease;transition:width .3s ease}.content-layer[data-v-50d31dc9]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;position:relative;z-index:1}.col[data-v-50d31dc9]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank[data-v-50d31dc9]{width:50px;text-align:center;font-weight:700}.name[data-v-50d31dc9]{-webkit-box-flex:2;-ms-flex:2;flex:2;padding-left:8px;font-weight:400;font-size:13px;color:#222}.sales[data-v-50d31dc9]{text-align:right;font-size:13px;font-weight:500}.sales.red[data-v-50d31dc9]{color:#ff4d4f}.rank-badge[data-v-50d31dc9]{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;color:#fff;font-weight:700;font-size:14px}.rank-1[data-v-50d31dc9]{color:#ff5722}.rank-2[data-v-50d31dc9]{color:#ffc107}.rank-3[data-v-50d31dc9]{color:#4caf50}.chartItem[data-v-40245ba9]{width:100%;height:240px}.legend[data-v-40245ba9]{position:absolute;right:0;top:0;z-index:2}.legendArea[data-v-40245ba9]{width:auto;height:100%;color:#666;position:absolute;right:35px;top:0;z-index:2;overflow:hidden;overflow-y:auto}.legendArea>.selected[data-v-40245ba9]{color:#555!important}.legendArea>.legendRow[data-v-40245ba9]{padding:4px;font-size:14px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#999;border-radius:4px}.legendArea>.legendRow[data-v-40245ba9]:hover{background:#f6f8fb}.legendArea>.legendRow>.loseFocus[data-v-40245ba9]{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.legendArea>.legendRow>.dot[data-v-40245ba9]{width:8px;height:8px;border-radius:50%}.legendArea>.legendRow>.name[data-v-40245ba9]{margin:0 10px 0 10px;text-align:left;-webkit-box-flex:1;-ms-flex:1;flex:1}.legendArea>.legendRow>.value[data-v-40245ba9]{text-align:right;min-width:60px}.elContainer[data-v-71cfe4c2]::-webkit-scrollbar{display:none}.content[data-v-71cfe4c2]{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px 10px}.content-title[data-v-71cfe4c2]{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;font-weight:600;font-size:18px;color:#222;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:10px;margin-bottom:7px}.content-select[data-v-71cfe4c2],.content-title[data-v-71cfe4c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content-top[data-v-71cfe4c2]{width:100%;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(80,87,98,.06);box-shadow:0 0 10px 0 rgba(80,87,98,.06);border-radius:6px}.content-top-title[data-v-71cfe4c2]{font-weight:600;font-size:14px;color:#222;position:relative;padding:10px;margin-left:10px}.content-top-title[data-v-71cfe4c2]:before{content:"";position:absolute;left:0;width:4px;height:15px;background:#0076f9;border-radius:2px;top:13px}.content-top-item[data-v-71cfe4c2]{padding:0 20px 20px;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content-top-item-first[data-v-71cfe4c2],.content-top-item[data-v-71cfe4c2]{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.content-top-item-first[data-v-71cfe4c2]{background:#fafafa;border-radius:6px;width:35%;padding:20px 24px;-webkit-transition:-webkit-box-shadow .2s ease-in-out;transition:-webkit-box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out}.content-top-item[data-v-71cfe4c2]>:hover{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.15);box-shadow:0 2px 10px rgba(0,0,0,.15);cursor:pointer}.content-top-item-second[data-v-71cfe4c2]{width:35%}.content-top-item-second[data-v-71cfe4c2],.content-top-item-three[data-v-71cfe4c2]{-webkit-transition:-webkit-box-shadow .2s ease-in-out;transition:-webkit-box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 24px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:6px;-webkit-box-shadow:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 2px rgba(0,0,0,.2)}.content-top-item-three[data-v-71cfe4c2]{width:28%}.top-item[data-v-71cfe4c2]{margin-left:25px;width:33.33%}.top-item[data-v-71cfe4c2]>:nth-child(2){font-weight:400;font-size:12px;color:#999;margin-top:6px}.top-item[data-v-71cfe4c2]>:nth-child(3){font-weight:700;font-size:18px;color:#333;margin-top:6px}.content-bottom[data-v-71cfe4c2]{margin-top:10px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content-bottom-left[data-v-71cfe4c2]{width:100%}.content-bottom-right[data-v-71cfe4c2]{width:28.3%}.chart1Area[data-v-71cfe4c2],.chart2Area[data-v-71cfe4c2]{width:100%}