.card-item[data-v-648f5988]{min-width:40%}.top-con .data-con[data-v-648f5988],.top-con[data-v-648f5988]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.top-con .data-con[data-v-648f5988]{-ms-flex-wrap:wrap;flex-wrap:wrap}.top-con .data-con .data-item[data-v-648f5988]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50%;margin-top:15px}.top-con .data-con .data-item .data-item-title[data-v-648f5988]{font-size:18px;text-align:center}.top-con .data-con .data-item .data-item-content[data-v-648f5988]{font-size:24px;font-weight:500;text-align:center}.top-con .data-con .data-item .trend[data-v-648f5988]{text-align:center;margin-top:5px}.top-con .card-title[data-v-648f5988]{width:100%;text-align:center;line-height:40px;font-size:28px;font-weight:500;margin-bottom:10px}.up[data-v-648f5988]{color:#67c23a}.down[data-v-648f5988]{color:#f56c6c}.charts-con[data-v-648f5988]{margin-top:40px}.water-chart[data-v-648f5988]{position:relative;width:100%}.water-chart #water-chart[data-v-648f5988]{width:100%;height:400px}.electricity-chart[data-v-648f5988]{position:relative;width:100%;margin-top:50px}.electricity-chart #electricity-chart[data-v-648f5988]{width:100%;height:400px}.year-filter[data-v-648f5988]{position:absolute;right:30px;top:0;z-index:999}.filter-con[data-v-648f5988]{margin-bottom:25px}.filter-item[data-v-648f5988]{margin-right:10px;max-width:180px}