.monitor-panel[data-v-4590ded9]{overflow:hidden}.monitor-panel .screen[data-v-4590ded9]{width:800px;height:480px;margin:0 auto;position:relative}.monitor-panel .screen .logo[data-v-4590ded9]{position:absolute;left:15px;bottom:420px;width:200px;height:60px}.monitor-panel .screen .logo img[data-v-4590ded9]{width:100%;height:100%}.monitor-panel .screen .title[data-v-4590ded9]{position:absolute;left:10px;bottom:420px;line-height:60px;font-size:24px;font-weight:700;letter-spacing:2px}.monitor-panel .screen .net-state[data-v-4590ded9]{position:absolute;left:745px;bottom:430px;width:40px;height:40px;background-size:100% 100%}.monitor-panel .screen .net-state.offline[data-v-4590ded9]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAOFSURBVFhH7ZiJTmIxFIbn/d/EBUEhIuKCuIAbhGhEEleM4AKyiPtyJl/TMncQbpswV83EP2kove3tx+k57Sm/5JvrB3BYOQFeXFxIsViUarWqW+x6fX2VcrmsPvvp+vpa7u7u9LfBcgLc3NyUkZER2djY0C125fN5NWZxcVHa7bZuFXl/f5e9vT0ZHR2VeDwuj4+P+kl/OQFub2+ryba2tnSLXff397K+vq7GTU5OytnZmXQ6HVleXlZt09PTakUA9lNggEaHh4cKcGxsTCKRiHpPNpuVh4cH3cNfgQOiTCajxlOAbTQa+oldQwEy0ezsrKytrfVdqtvbW0mlUmos/cySh8NhOT4+1r38NRQgkUg7/tQLeHJyoqzFc8Cenp667WapCTrTPkj/BHBmZuYDIJEajUbl4OBAt/xRq9WS+fl5FTCBRrEfIHp5edG1j3p7e9M1fwUCSB3/rNfrAzdqVwUC+Pz8LFNTU+oZyzmMAgPE/749IMdZLyAnDEcffVz06YDsmePj43J0dKRb/PXpgCsrK2oMR6CLPh1wdXX1B7CrbwP4lfo/Ab3LGbR8ATnQyXy9ZXd3Vx1jbLje9t6sZG5u7q+9jv5k1aT++Ozl5aV+4i9fQF6GQ7sUcjwjAoM2gsgIQNqurq5kZ2dHEomE00r4ApIukRVzQzs/P5d0Oi2lUklubm5kaWlJXUUpRCT9jHK5nLKgsS4gJuJ5xvu47XGdtcnJBycmJuT09FSBUOeoIltmckCZ0IgMORQKqSUkYyYxjcViXUtT54cCSjpmkxMgE5Ih87mwsKBAsRDHVi8geya+ZvZBlhSLN5tNBchKIHzWa/VBcgZkQvwMB6dw6SZYeOYFxCoEB33YlElYK5WKcgVjQXMnwbo2WQE5FbjocAtjYqzD8vDdFKzkTeEBwhUIDAKGMVysaAOKMfv7+9YLE7ICsqTGf/wKk6JaraYsBBDFewxyu+MaSnCw/C7/9TgBcgbzt0UymezW8T+cnbr3nouPAQUMbd79kW0Ll8CS+KrtRoecAAuFglpmLEVkMjkQWAHnx2IG0IjJiXzzhxMuwP7HO3gnvskP600meuUMyP5HHTgmAghfxC+xigHkk4ACBAD6EyAEB/0IHHyS6MeStlufM2A/sQ8CwsRYErH/EQD4ovE93IJ3EDTIALuk/VZAThO/X0mUB5k8WAG/Wj+Aw0nkNx/D1ohTNoqBAAAAAElFTkSuQmCC)}.monitor-panel .screen .net-state.fourg[data-v-4590ded9]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAL9SURBVFhH7ZjLb4xRGMbdQlgIWws7IUgsLG2thIhEQtwiRGwt3GJl5z9wrWsTtF00CG2pS1FtQxoS9KLVUqlSl15UtcrjffJ8JzP9MsyZmc58E5lfcjLnNud9es553/NOJyHPKQjMlILATMmpwLHfQO+wCus+5FTg6wFg8WVg4SWg+WvQmYSsChz9BQyP6ZNQ1ORjZvQo8PST+pKRVYG1PcCFFuDhe7UpcPoJYIqJfPZZfcnIqsDtd7RbW6rVjlTgiB0jBbCwTnbclcBtt9WOVGDnILDqugrrJFKB3KWhn7Hdev5FhllYJ5EKLO8ADj8GrtgneWGiph1XYZ1EKnCnGZ91Cthdo3akAgdGgYq3QFUXMGjHSmiUximCRCqwyRZeZNGfha8BySuBjPpclItTLMkrgVzMCaQRknc7SEN8R53AzfY6sI+vBWFoYZvFhRn3knAu4Xez8hZzYWYgzETcHdxXByy4CBysV/tVf+yesk44xjmcS7KWzSTK4+jZbDuvTjSHY2xzLkk0JxleAqPk/xXIJ7jD7lTPd7UT0W53sbRNOWHDB8DzVMeRtsAjjfZl88Z1lUFHHEwiNtzUeHxZXqY/KhXSElhpz95Ui3c0uikIIfGsvqGx9VXKpp98lEezb2mJv4OQlAW29gFzTgMrypUsuBjnuN8tIWtMZJhDDdp559U+pCSw3xZmnJt3Huge0qsRFrjfYh4FMrmYCLwF0imYLc+wp6reLjzhMYcFbrwlgW1BsCYP7JjPNgPnrBQ1KQ764i1w7yMZPmNGHIkEOudosavg2FOrPlfo3b54CWzs1cKzi7RDrrBvfrE8+Vqn5jpncJk26fqmp23XPY29CX6z+OAtcIm9octKxxcam2sOw7HiVs2tCZyE1yHMgeB+TrjAv0Fj4SMmK69qbKulWfzxztSqxAI2Qwz7GQl8SVvgD/MaGmOsC9M3Aqyt0Hh8mXlSv2U47kvaAvn/ljrbnZf/SJvoDGXteuqq38Uyn1TI6IhzQUFgpuS5QOAPPLHVSb5f2IkAAAAASUVORK5CYII=)}.monitor-panel .screen .net-state.eth[data-v-4590ded9]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAATSSURBVFhH7ZhZqFZVGIYbaZ6gqKCJaKLoooKGi6CBKLopoumiKBoumoigiKiooCKaoAKH0swhzUJzHo6ppebQoJlKOeCQaYpDmvNQb+/jXp97n//f//GU+4cT+cLi/Getb6/97m9949pPHRz/H4K3t0hHfCCd2Ue6YZj0/DfSxN+kv9L6v0VlBG8b7c061Y9Te0kvfiut3poE/yEqI/jadOmaIdLZfaWDutQTPdLaRWbbn+mBdqIpNrhphzR6qfTgl9LR3VoTvfgzad66JNgONN1J1m3LjvhwazBIHttdGr8sCewBlRHs/pP0zFSpm//OWZsmC1j4h3TFwJzkIV2lsb+mxTbQNCfBFt+amR13YLvt7+6xuQx2ObvkY4poGsEYePGIJUnIIOwUSZ7XT9q8M1srQ2UE1ziMzFoj9Z0v3fWFdOj7OYn9O0svf58EDTRZPO6np6SFEjTNSVZslu4dl5NgvFIgucg2GY5zsO1xyYa0UIOmEQz0nJvHRTQ58pe0YODdQf7RiWmyBk0nCD78OSeCTYbNEYKOSnHyGIeeLSW2WCnBznOyQHzZAKmfbbGIO8fkJN/5MU0a943P5z9flCYLqIxg/wX5i2IU4xw2d2A66gs+SZPGkMW5fNkxV0awGDpiPPF1Wky43lVOrC1OTrHW3h9zeHYtKiNIeRUvilE8SvD6jHxtwMI0aZz4UTbH31pURhBNYH9B4OrB9QF4oEnFepH8hf2zOby9FpU6yU6niWkrpemr0kQNqAlbXOUwsMnAVD8T87WolGAzsI/g3uK/Q/BSR/9ezpuNcNbHrZN9Ga6y51IgNALOw3p7xiR3hGA3QSqLt11gkh9fcBKvDRHkylfd9LQFPvKxBkkfDHIqI5zcPFK6ZVTjcYCLih7O36CO4IL1WaPzgBueAPUblUgX59oAefO9Wa3HyT2l64bWz1MjgiC4NXV2feZl1U7gzR+kCculw1xLNiQISPRs9KnzKyBm8f9Q580AFTSEYpyUsgHBtjjPuNbtKAiC9C3Ui6Q+8u84N1BU2iiGyqeUIJNBEECA1MORD3fJzsZotxEI0Miwz+9+pgxBEFu93HmX/Z9ziqSBwnxYm+mqfI8aBMs3SV3TkdKtndCj7WsMcvHxljnF9d67PtYyBMFl3vv03tlvemTey+94R7sIBkhf3Lfcao02AjZ1hmUenpAVBBSlGwrdXKBogy99l/0e5tOB1DnuAi9xLgf0M20e8RjnxOj+cQw2otlu1DdAilpvrp9Zvz2zu8cnpcUCgiCV87nu5k6zFrFdcjGey8Ch6jSIU9G4UPVyv8ImCBC30OxNDgtUKlcOymSLmLwiv9WKHniwieD1RQ8FQbC3vZcPmm+bvqNFunG4dL6LWOwQE8EmWxHkGoIHGXgWL/3K7o7W6FupQmaszjy00+xdz+3CFMsdZxniH8dKiCEkgafcSiIfIQYQmngHH3y/S33ALQQfQ0XOxRIVTd0Rb/SXPzk5OyJAxuALsQmcJfCQbQzPYyPkkcEbOdbQNl4ZQB5C/N1hQwuCmMqqLZkM3/OG4x/gqLlC4ajRMthtg0VwMwWB2i4LsqNS2/iI49ez01pfp7G20vGtCGz4HqcuUHSSMhC4UcBFVszSjdlcKcGOhH0E9xYdnKD0NySvN0HtIbCOAAAAAElFTkSuQmCC)}.monitor-panel .screen .top-line[data-v-4590ded9]{position:absolute;left:0;bottom:420px;width:100%;height:1px;background:#a9a9a9}.monitor-panel .screen .op-state[data-v-4590ded9]{position:absolute;left:50%;bottom:396px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:120px;height:24px;line-height:24px;font-size:16px;letter-spacing:2px;color:#fff;text-align:center;background:#f66}.monitor-panel .screen .op-state.green[data-v-4590ded9]{background:#118040}.monitor-panel .screen .op-state.orange[data-v-4590ded9]{background:#fa8c16}.monitor-panel .screen .warning-state[data-v-4590ded9]{position:absolute;left:50%;bottom:371px;-webkit-transform:translateX(-50%);transform:translateX(-50%);min-width:110px;height:24px;padding:0 5px;line-height:24px;font-size:16px;color:#fff;text-align:center;background:#fa8c16}.monitor-panel .screen .value-cell[data-v-4590ded9]{position:absolute;font-size:16px}.monitor-panel .screen .value-cell .value[data-v-4590ded9]{padding-left:30px;margin-top:10px}.monitor-panel .screen .value-cell.t1[data-v-4590ded9]{left:100px;bottom:340px}.monitor-panel .screen .value-cell.t2[data-v-4590ded9]{left:500px;bottom:340px}.monitor-panel .screen .value-cell.t3[data-v-4590ded9]{left:100px;bottom:240px}.monitor-panel .screen .value-cell.t4[data-v-4590ded9]{left:500px;bottom:240px}.monitor-panel .screen .state-cell[data-v-4590ded9]{position:absolute;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitor-panel .screen .state-cell .name[data-v-4590ded9]{width:180px}.monitor-panel .screen .state-cell .value[data-v-4590ded9]{position:relative;width:24px;height:24px;border:2px solid #118040;border-radius:50%}.monitor-panel .screen .state-cell .value.green[data-v-4590ded9]:after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background:#118040;border-radius:50%}.monitor-panel .screen .state-cell.s4[data-v-4590ded9]{left:100px;bottom:160px}.monitor-panel .screen .state-cell.sc[data-v-4590ded9]{left:500px;bottom:160px}.monitor-panel .screen .state-cell.s4f[data-v-4590ded9]{left:100px;bottom:80px}.monitor-panel .screen .state-cell.scf[data-v-4590ded9]{left:500px;bottom:80px}.monitor-panel .screen .state-cell.prt[data-v-4590ded9]{left:100px;bottom:20px}.monitor-panel .screen .bottom-line[data-v-4590ded9]{position:absolute;left:0;bottom:50px;width:100%;height:1px;background:#a9a9a9}.monitor-panel .screen .btn-box[data-v-4590ded9]{position:absolute;left:0;bottom:0;width:100%;height:40px;-ms-flex-pack:distribute;justify-content:space-around}.monitor-panel .screen .btn-box .btn[data-v-4590ded9],.monitor-panel .screen .btn-box[data-v-4590ded9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitor-panel .screen .btn-box .btn[data-v-4590ded9]{width:130px;height:50px;background:#0f80ff;border-radius:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:21px;color:#fff;cursor:pointer}.monitor-panel .screen .btn-box .btn .iconfont[data-v-4590ded9]{font-size:21px;margin-right:4px}.monitor-panel .screen .btn-box .btn.red[data-v-4590ded9]{background:#f66}.monitor-panel .screen .btn-box .btn.green[data-v-4590ded9]{background:#00974e}.monitor-panel .screen .btn-box .btn.orange[data-v-4590ded9]{background:#fd8008}.monitor-panel .screen .btn-box .btn.cyan[data-v-4590ded9]{background:#108080}.monitor-panel .diyui-box[data-v-4590ded9]{padding:12px 8px 0 8px}.monitor-panel .warning-box[data-v-4590ded9]{padding:16px 8px 8px 8px}.monitor-panel .warning-box .warning-cell[data-v-4590ded9]{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px;border:1px solid #fa8c16;font-size:14px;margin-bottom:8px;position:relative;border-radius:4px;color:#fa8c16}.monitor-panel .warning-box .warning-cell .time[data-v-4590ded9]{padding-left:3px}.monitor-panel .warning-box .warning-cell .iconbox[data-v-4590ded9]{position:absolute;top:0;left:3px;z-index:1;animation:warning 1.1s infinite;-webkit-animation:warning 1.1s infinite}.monitor-panel .warning-box .warning-cell .iconbox .iconfont[data-v-4590ded9]{font-size:18px;color:#fa8c16}.monitor-panel .panel-title[data-v-4590ded9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 8px;border-top:8px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.monitor-panel .panel-title .title[data-v-4590ded9]{font-weight:700;font-size:16px;cursor:pointer}.monitor-panel .panel-title .title .iconfont[data-v-4590ded9]{font-weight:400;font-size:18px}.monitor-panel .panel-body[data-v-4590ded9]{padding-bottom:20px}.monitor-panel .divider[data-v-4590ded9]{width:100%;height:8px;border-top:1px solid #f0f0f0}.monitor-panel .config-cell[data-v-4590ded9]{padding:12px}.monitor-panel .config-cell .cell-title[data-v-4590ded9]{padding-bottom:12px;font-weight:700}.monitor-panel .config-cell .cell-title .iconfont[data-v-4590ded9]{font-weight:400;font-size:14px;color:#777}.monitor-panel .config-cell .cell-row[data-v-4590ded9]{padding-bottom:12px}.monitor-panel .config-cell .cell-row .input[data-v-4590ded9]{max-width:220px}.monitor-panel .config-cell .cell-row.item-right[data-v-4590ded9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.monitor-panel .config-cell .cell-btn .iconfont[data-v-4590ded9]{font-size:12px;color:#fff}.monitor-panel .config-cell .cell-row.fixpump-row[data-v-4590ded9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitor-panel .config-cell .cell-row.fixpump-row .label[data-v-4590ded9]{width:36px}.monitor-panel .config-cell.config-valve .input[data-v-4590ded9]{width:80px;margin:3px 3px}.monitor-panel .config-cell.fault-record-cell .fault-icon[data-v-4590ded9]{font-size:18px;font-weight:400;color:#f66;margin-left:5px}.monitor-panel .config-cell.fault-record-cell .fault-icon.red[data-v-4590ded9]{color:#f66}.monitor-panel .config-cell.fault-record-cell .fault-icon.red2[data-v-4590ded9]{color:#fb0207}.monitor-panel .config-cell.fault-record-cell .fault-icon.green[data-v-4590ded9]{color:#118040}.monitor-panel .config-cell.fault-record-cell .fault-icon.blue[data-v-4590ded9]{color:#0f80ff}.monitor-panel .config-cell.fault-record-cell .fault-icon.purple[data-v-4590ded9]{color:#8000ff}.monitor-panel .config-cell.fault-record-cell .fault-icon.purple2[data-v-4590ded9]{color:#4d4dbf}.monitor-panel .config-cell.fault-record-cell .fault-icon.pink[data-v-4590ded9]{color:#fb0280}.diy-ui[data-v-4590ded9]{padding:8px}.bg-red[data-v-4590ded9]{background:hsla(0,100%,70%,.05)}.bg-green[data-v-4590ded9]{background:rgba(0,151,78,.05)}.bg-blue[data-v-4590ded9]{background:rgba(0,143,255,.05)}.bg-cyan[data-v-4590ded9]{background:rgba(8,151,156,.05)}.bg-orange[data-v-4590ded9]{background:rgba(250,140,22,.05)}.color-red[data-v-4590ded9]{color:#f66}.color-green[data-v-4590ded9]{color:#00974e}.color-blue[data-v-4590ded9]{color:#008fff}.color-cyan[data-v-4590ded9]{color:#08979c}.color-orange[data-v-4590ded9]{color:#fa8c16}.divider-line[data-v-4590ded9]{border-top:1px solid #f0f0f0}.pump-times[data-v-4590ded9]{border:1px solid grey;width:210px;height:24px;padding:2px 5px}