@-webkit-keyframes flow-down-data-v-77f7d2af{0%{top:-50px}to{top:100%}}@keyframes flow-down-data-v-77f7d2af{0%{top:-50px}to{top:100%}}@-webkit-keyframes flow-up-data-v-77f7d2af{0%{bottom:-50px}to{bottom:100%}}@keyframes flow-up-data-v-77f7d2af{0%{bottom:-50px}to{bottom:100%}}.flow-body[data-v-77f7d2af]{height:460px;position:relative}.flow-body .flow-node[data-v-77f7d2af]{position:absolute;width:64px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.flow-body .flow-node .node-name-data[data-v-77f7d2af]{position:absolute;left:100%;height:34px;top:50%;margin-top:-17px;padding-left:4px;line-height:16px}.flow-body .flow-node .node-label[data-v-77f7d2af]{color:#e3ebec;font-size:14px;white-space:nowrap}.flow-body .flow-node .node-power[data-v-77f7d2af]{color:#00faf6;font-size:15px;white-space:nowrap}.flow-body .flow-node .node-power span[data-v-77f7d2af]{padding-left:3px}.flow-body .flow-node .node-soc[data-v-77f7d2af]{color:gold;font-size:14px}.flow-body .flow-node.device-offline .el-image[data-v-77f7d2af]{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.35}.flow-body .flow-node.device-offline .node-label[data-v-77f7d2af],.flow-body .flow-node.device-offline .node-power[data-v-77f7d2af],.flow-body .flow-node.device-offline .node-soc[data-v-77f7d2af]{color:#6b7a8f}.flow-body .grid-node[data-v-77f7d2af]{top:0;left:50%}.flow-body .load-node[data-v-77f7d2af]{top:172px;left:15%}.flow-body .bess-node[data-v-77f7d2af]{top:144px;left:50%;width:40px}.flow-body .grid-inv-node[data-v-77f7d2af]{top:172px;left:85%}.flow-body .pvs-node[data-v-77f7d2af]{top:267px;left:50%}.flow-body .pv-left-node[data-v-77f7d2af]{top:360px;left:50%}.flow-body .pv-right-node[data-v-77f7d2af]{top:267px;left:85%}.flow-body .bus-400v[data-v-77f7d2af]{position:absolute;top:100px;left:8%;right:8%;height:5px;background:#f5a623;border-radius:3px;-webkit-box-shadow:0 0 8px rgba(245,166,35,.5);box-shadow:0 0 8px rgba(245,166,35,.5);z-index:1}.flow-body .bus-400v .bus-label-text[data-v-77f7d2af]{position:absolute;left:-40px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#f5a623;font-size:13px;font-weight:700;white-space:nowrap}.flow-body .flow-lines[data-v-77f7d2af]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.flow-body .flow-lines .line-v[data-v-77f7d2af]{position:absolute;width:4px;overflow:hidden}.flow-body .flow-lines .line-v[data-v-77f7d2af]:before{content:"";position:absolute;top:0;bottom:0;width:2px;left:1px;background-color:#2ff3f1}.flow-body .flow-lines .line-v .line-ani-v[data-v-77f7d2af]{width:4px;height:50px;border-radius:4px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#f5fafc));background:linear-gradient(180deg,transparent,#f5fafc);-webkit-box-shadow:0 0 4px rgba(0,167,255,.34);box-shadow:0 0 4px rgba(0,167,255,.34);position:absolute;left:0}.flow-body .flow-lines .line-v .line-ani-v.ani-down[data-v-77f7d2af]{top:-50px;-webkit-animation:flow-down-data-v-77f7d2af 2s linear infinite;animation:flow-down-data-v-77f7d2af 2s linear infinite}.flow-body .flow-lines .line-v .line-ani-v.ani-up[data-v-77f7d2af]{bottom:-50px;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation:flow-up-data-v-77f7d2af 2s linear infinite;animation:flow-up-data-v-77f7d2af 2s linear infinite}.flow-body .flow-lines .grid-to-bus[data-v-77f7d2af]{left:50%;top:58px;height:42px}.flow-body .flow-lines .bus-to-load[data-v-77f7d2af]{left:15%;top:105px;height:70px}.flow-body .flow-lines .bus-to-bess[data-v-77f7d2af]{left:50%;top:105px;height:42px}.flow-body .flow-lines .bus-to-inv[data-v-77f7d2af]{left:85%;top:105px;height:70px}.flow-body .flow-lines .bess-to-pvs[data-v-77f7d2af]{left:50%;top:216px;height:55px}.flow-body .flow-lines .pvs-to-pv[data-v-77f7d2af]{left:50%;top:308px;height:55px}.flow-body .flow-lines .inv-to-pv[data-v-77f7d2af]{left:85%;top:216px;height:55px}