.chartBox[data-v-2a82c8e5]{width:100%;height:20.625rem;margin-top:1.25rem;position:relative}.chart[data-v-2a82c8e5]{width:100%;height:100%}.tabs[data-v-2a82c8e5]{width:18.75rem;font-size:.75rem;display:flex;justify-content:space-between;position:absolute;top:0;left:50%;transform:translateX(-50%)}.tabs .tab[data-v-2a82c8e5]{display:flex;align-items:center;justify-content:space-between}.tabs .tab_item[data-v-2a82c8e5]{width:3.125rem;height:1.625rem;background:var(--ioc-primary-10);display:flex;align-items:center;justify-content:center;border-radius:.25rem;cursor:pointer}.tabs .tab .active[data-v-2a82c8e5]{background:var(--ioc-primary-40)}.chartBox[data-v-0efd7cb7]{width:100%;height:20.625rem;margin-top:1.25rem;position:relative}.chart[data-v-0efd7cb7]{width:100%;height:100%}.tabs[data-v-0efd7cb7]{width:18.75rem;font-size:.75rem;display:flex;justify-content:space-between;position:absolute;top:0;left:50%;transform:translateX(-50%)}.tabs .tab[data-v-0efd7cb7]{display:flex;align-items:center;justify-content:space-between}.tabs .tab_item[data-v-0efd7cb7]{width:3.125rem;height:1.625rem;background:var(--ioc-primary-10);display:flex;align-items:center;justify-content:center;border-radius:.25rem;cursor:pointer}.tabs .tab .active[data-v-0efd7cb7]{background:var(--ioc-primary-40)}.detail_box[data-v-3774be74]{width:100%;height:100%;display:flex}.darkBox[data-v-3774be74]{background:url(../img/operation_left_dark.png)}.lightBox[data-v-3774be74]{background:url(../img/operation_left_light.png)}.orangeBox[data-v-3774be74]{border:.0625rem solid var(--ioc-border-color);background:var(--ioc-dataBox-bgc)}.blueBox[data-v-3774be74]{background:url(../img/operation_left_blue.png)}.new[data-v-3774be74]{border:.0625rem solid var(--ioc-border-color);background:var(--ioc-dataBox-bgc)}.leftBox[data-v-3774be74]{width:18.75rem;height:100%;background-size:100% 100%;background-repeat:no-repeat;padding:1.25rem;border-radius:.625rem}.leftBox .left_top[data-v-3774be74]{display:flex;align-items:center}.leftBox .left_top .left_label[data-v-3774be74]{color:var(--ioc-text-color2);width:6.25rem;font-size:.875rem}.leftBox .tree[data-v-3774be74]{margin-top:1.25rem;max-height:49.6875rem;overflow-y:scroll;padding-right:.625rem;height:calc(100% - 3.125rem)}.darkMain[data-v-3774be74]{background:url(../img/ws_bg_dark.png)}.lightMain[data-v-3774be74]{background:url(../img/ws_bg_light.png)}.orangeMain[data-v-3774be74]{border:.0625rem solid var(--ioc-border-color);background:var(--ioc-dataBox-bgc)}.blueMain[data-v-3774be74]{background:url(../img/ws_bg_blue.png)}.rightBox[data-v-3774be74]{width:calc(100% - 19.375rem);height:100%;margin-left:.625rem;background-size:100% 100%;background-repeat:no-repeat;padding:1.875rem 2.5rem;border-radius:.625rem}.rightBox .top[data-v-3774be74]{display:flex;justify-content:space-between;align-items:center}.rightBox .top .filtration[data-v-3774be74]{height:100%;display:flex;align-items:center}.rightBox .top .filtration .item[data-v-3774be74]{width:5.5rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:rgba(134,152,162,.12);margin-right:1.25rem;border-radius:.125rem;color:var(--ioc-text-color2);cursor:pointer;font-size:.875rem}.rightBox .top .filtration .item[data-v-3774be74]:hover,.rightBox .top .filtration .itemActive[data-v-3774be74]{background:var(--ioc-primary-color);color:var(--ioc-text-color1)}.rightBox .top .filtration .date_box[data-v-3774be74]{margin-left:1.25rem;display:flex}.rightBox .detailBox[data-v-3774be74]{width:100%;height:calc(100% - 2.5rem);margin-top:.625rem;overflow-y:scroll}.rightBox .detailBox[data-v-3774be74]::-webkit-scrollbar{display:none}.rightBox .detailBox .meterName[data-v-3774be74]{font-size:1rem;line-height:1.875rem}.rightBox .detailBox .table_title[data-v-3774be74]{font-size:1rem;margin-top:1.25rem}.rightBox .detailBox .el-table[data-v-3774be74]{margin-top:.625rem}.rightBox .detailBox .pdf_box[data-v-3774be74]{background:var(--ioc-dataBox-bgc)}.rightBox .nav[data-v-3774be74]{width:100%;display:flex;justify-content:space-between}.rightBox .nav_item[data-v-3774be74]{height:8.75rem;width:17.5rem;border-radius:.5rem;padding:1.875rem;display:flex;flex-direction:column;justify-content:space-between}.rightBox .nav_item .name[data-v-3774be74]{font-size:1rem;font-weight:500;color:var(--ioc-text-color2)}.rightBox .nav_item .value[data-v-3774be74]{font-size:1.375rem;color:var(--ioc-text-color1)}.rightBox .nav_item .value span[data-v-3774be74]{font-size:.875rem}.rightBox .nav .l_nav_total[data-v-3774be74]{border:.0625rem solid rgba(0,192,255,.15);border-left:.5rem solid rgba(0,192,255,.7);background:linear-gradient(135deg,hsla(0,0%,90.6%,.5),hsla(0,0%,90.6%,.3),hsla(0,0%,100%,0),rgba(0,192,255,.1))}.rightBox .nav .l_nav_high[data-v-3774be74]{border:.0625rem solid rgba(252,140,139,.15);border-left:.5rem solid rgba(252,140,139,.7);background:linear-gradient(135deg,hsla(0,0%,90.6%,.5),hsla(0,0%,90.6%,.3),hsla(0,0%,100%,0),rgba(252,140,139,.1))}.rightBox .nav .l_nav_middle[data-v-3774be74]{border:.0625rem solid rgba(74,218,186,.15);border-left:.5rem solid rgba(74,218,186,.7);background:linear-gradient(135deg,hsla(0,0%,90.6%,.5),hsla(0,0%,90.6%,.3),hsla(0,0%,100%,0),rgba(74,218,186,.1))}.rightBox .nav .l_nav_low[data-v-3774be74]{border:.0625rem solid rgba(238,191,102,.15);border-left:.5rem solid rgba(238,191,102,.7);background:linear-gradient(135deg,hsla(0,0%,90.6%,.5),hsla(0,0%,90.6%,.3),hsla(0,0%,100%,0),rgba(238,191,102,.1))}.rightBox .nav .d_nav_total[data-v-3774be74]{border:.0625rem solid rgba(0,192,255,.15);border-left:.5rem solid rgba(0,192,255,.7);background:linear-gradient(135deg,rgba(0,0,0,.5),rgba(0,0,0,.3),rgba(3,3,3,0),rgba(0,192,255,.1))}.rightBox .nav .d_nav_high[data-v-3774be74]{border:.0625rem solid rgba(252,140,139,.15);border-left:.5rem solid rgba(252,140,139,.7);background:linear-gradient(135deg,rgba(0,0,0,.5),rgba(0,0,0,.3),rgba(3,3,3,0),rgba(252,140,139,.1))}.rightBox .nav .d_nav_middle[data-v-3774be74]{border:.0625rem solid rgba(74,218,186,.15);border-left:.5rem solid rgba(74,218,186,.7);background:linear-gradient(135deg,rgba(0,0,0,.5),rgba(0,0,0,.3),rgba(3,3,3,0),rgba(74,218,186,.1))}.rightBox .nav .d_nav_low[data-v-3774be74]{border:.0625rem solid rgba(238,191,102,.15);border-left:.5rem solid rgba(238,191,102,.7);background:linear-gradient(135deg,rgba(0,0,0,.5),rgba(0,0,0,.3),rgba(3,3,3,0),rgba(238,191,102,.1))}