.ChartServiceMaterial[data-v-861cc4d8]{color:#fff;box-sizing:border-box;background:#002140e6;border:1px solid #0bc4e9;width:360px;height:300px;padding:10px;position:relative}.ChartServiceMaterial .ChartServiceMaterial-head[data-v-861cc4d8]{width:100%;position:relative}.ChartServiceMaterial .ChartServiceMaterial-head .ChartServiceMaterial-head-top[data-v-861cc4d8]{color:#fff;justify-content:space-between;align-items:center;width:100%;height:20px;margin-bottom:6px;font-size:16px;font-weight:700;display:flex}.ChartServiceMaterial .ChartServiceMaterial-head .ChartServiceMaterial-head-top .closeBtn[data-v-861cc4d8]{cursor:pointer;background:#b4c4d247;border:1px solid #b0d2e65c;border-radius:50%;width:16px;height:16px;transition:background-color .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);position:relative;transform:scale(1);box-shadow:inset 0 1px 1px #ffffff1f}.ChartServiceMaterial .ChartServiceMaterial-head .ChartServiceMaterial-head-top .closeBtn[data-v-861cc4d8]:before,.ChartServiceMaterial .ChartServiceMaterial-head .ChartServiceMaterial-head-top .closeBtn[data-v-861cc4d8]:after{content:"";transform-origin:50%;opacity:0;background:#7a1b18;border-radius:1px;width:9px;height:1.8px;transition:opacity .2s;position:absolute;top:50%;left:50%}.ChartServiceMaterial .ChartServiceMaterial-head .ChartServiceMaterial-head-top .closeBtn[data-v-861cc4d8]:before{transform:translate(-50%,-50%)rotate(45deg)}.ChartServiceMaterial .ChartServiceMaterial-head .ChartServiceMaterial-head-top .closeBtn[data-v-861cc4d8]:after{transform:translate(-50%,-50%)rotate(-45deg)}.ChartServiceMaterial .ChartServiceMaterial-head .ChartServiceMaterial-head-top .closeBtn[data-v-861cc4d8]:hover{background:#ff5f57;border-color:#e0443e;transform:scale(1.14);box-shadow:inset 0 1px 1px #ffffff59,0 0 0 1px #0003}.ChartServiceMaterial .ChartServiceMaterial-head .ChartServiceMaterial-head-top .closeBtn[data-v-861cc4d8]:hover:before,.ChartServiceMaterial .ChartServiceMaterial-head .ChartServiceMaterial-head-top .closeBtn[data-v-861cc4d8]:hover:after{opacity:1}.ChartServiceMaterial .ChartServiceMaterial-head .ChartServiceMaterial-head-top .closeBtn[data-v-861cc4d8]:active{transform:scale(.96)}.ChartServiceMaterial .ChartServiceMaterial-head .ChartServiceMaterial-head-line[data-v-861cc4d8]{width:100%;height:10px}.ChartServiceMaterial .ChartServiceMaterial-filters[data-v-861cc4d8]{justify-content:flex-end;align-items:center;width:100%;margin-top:8px;margin-bottom:2px;display:flex}.ChartServiceMaterial .ChartServiceMaterial-filters .filter-item[data-v-861cc4d8]{color:#fff;align-items:center;font-size:13px;display:flex}.ChartServiceMaterial .ChartServiceMaterial-filters .filter-item .label[data-v-861cc4d8]{flex-shrink:0}.ChartServiceMaterial .ChartServiceMaterial-filters .filter-item[data-v-861cc4d8] .dark-select .el-select__wrapper{height:24px;min-height:24px;box-shadow:none;background:#0bc4e914;border:1px solid #0bc4e94d;padding-top:0;padding-bottom:0}.ChartServiceMaterial .ChartServiceMaterial-filters .filter-item[data-v-861cc4d8] .dark-select .el-select__placeholder,.ChartServiceMaterial .ChartServiceMaterial-filters .filter-item[data-v-861cc4d8] .dark-select .el-select__selected-item{color:#ffffffdb}.ChartServiceMaterial .ChartServiceMaterial-chart[data-v-861cc4d8]{width:100%;height:calc(100% - 70px)}