.water-info-wrap[data-v-e507f42a]{position:relative;width:100%;height:100%;display:flex;justify-content:space-between;font-size:1rem;padding:20px}.water-info-wrap .water-details[data-v-e507f42a]{position:relative;width:50%;height:100%}.water-info-wrap .water-survey .water-content[data-v-e507f42a]{height:100%;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.water-info-wrap .water-survey .water-content-item[data-v-e507f42a]{margin-right:10px;margin-top:10px;position:relative;width:calc(50% - .92rem);height:calc(50% - .92rem);background-color:var(--bg-vice-common);border:none;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:5px 0 10px 0}.water-info-wrap .water-survey .water-content-item span[data-v-e507f42a]{color:var(--text-secondary)}.water-info-wrap .water-survey .water-content-item span[data-v-e507f42a]:first-child{color:var(--warning);font-size:1.8rem}.water-info-wrap .water-survey .water-content-item span[data-v-e507f42a]:last-child{font-weight:700}.water-info-wrap .water-use .chart-content[data-v-e507f42a]{height:70%}.water-info-wrap .water-use .legend-content[data-v-e507f42a]{height:30%;display:flex;justify-content:center}.water-info-wrap .water-use .legend-content .legend-item[data-v-e507f42a]{display:flex;align-items:center;justify-content:center;flex:1}.water-info-wrap .water-use .legend-content .legend-item .item-box[data-v-e507f42a]{height:100%;display:flex;justify-content:center;flex-direction:column}.water-info-wrap .water-use .legend-content .legend-item .item-box-right[data-v-e507f42a]{min-width:26%;max-width:50%}.water-info-wrap .water-use .legend-content .legend-item .item-box p[data-v-e507f42a]{padding:0;display:flex;align-items:center;margin:0;font-size:.875rem}.water-info-wrap .water-use .legend-content .legend-item .item-box p span[data-v-e507f42a]{display:inline-block;width:.85rem;height:.65rem;margin-right:.6rem}.water-info-wrap .water-use .legend-content .legend-item .item-box .num[data-v-e507f42a]{color:var(--normal)}.water-info-wrap .water-use .legend-content .legend-item .r10[data-v-e507f42a]{margin-right:.6rem}.water-info-wrap .water-use .dmw-box[data-v-e507f42a]{position:absolute;width:135px;height:24px;font-size:14px;right:0;top:20px;display:flex}.water-info-wrap .water-use .dmw-box div[data-v-e507f42a]{flex:1;display:inline-block;height:24px;line-height:22px;cursor:pointer;color:var(--hover)!important;border:1px solid var(--hover)!important}.water-info-wrap .water-use .dmw-box div.active[data-v-e507f42a]{color:var(--normal)!important;border:1px solid var(--normal)!important}.water-info-wrap .water-use .dmw-box div[data-v-e507f42a]{display:flex;justify-content:center;align-items:center}