.app[data-v-5317dd48]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#00143b}.app .body-box[data-v-5317dd48],.app[data-v-5317dd48]{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-sizing:border-box;box-sizing:border-box}.app .body-box[data-v-5317dd48]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:calc(100vh - 200px);min-height:620px;position:relative}.app .body-box .left-box[data-v-5317dd48]{width:48vw;height:100%;background-image:url(/assets/img/index/center_right_icon.png);background-repeat:no-repeat;background-size:110% 100%;position:relative;padding:4vh 16vw 4vh 7.5vw;-webkit-box-sizing:border-box;box-sizing:border-box;display:inherit;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.app .body-box .center-box[data-v-5317dd48]{position:absolute;margin-left:calc(50% - 18vw);width:36vw;height:calc(100% - 30px);padding-top:20px;z-index:10;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.app .body-box .center-box .first-box[data-v-5317dd48]{position:absolute;width:100%;height:100%;top:0;left:0;padding-top:50px}.app .body-box .center-box .first-box .btm-icon[data-v-5317dd48]{pointer-events:none;position:absolute;margin-left:calc(50% - 20vw);width:40vw;bottom:-40px}.app .body-box .center-box .second-box[data-v-5317dd48]{position:absolute;width:100%;padding:10px;height:100%;top:20px;left:0}.app .body-box .center-box .second-box .addAttachment[data-v-5317dd48]{z-index:5;position:absolute;top:160px;right:55px;padding:16px}.app .body-box .center-box .second-box .addAttachment[data-v-5317dd48] i{-webkit-transform:scale(1.5);transform:scale(1.5)}.app .body-box .right-box[data-v-5317dd48]{width:48vw;height:100%;background-image:url(/assets/img/index/center_left_icon.png);background-repeat:no-repeat;background-size:110% 100%;background-position:110% 100%;position:relative;padding:4vh 7.5vw 4vh 16vw;-webkit-box-sizing:border-box;box-sizing:border-box;display:inherit;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.app .body-box .right-box .time-box[data-v-5317dd48]{position:absolute;z-index:10;color:#fff;font-size:16px;font-weight:700;margin-top:-50px;margin-right:10px}.app .body-box .right-box .control[data-v-5317dd48]{color:#fff;border:1px solid #78afee;padding:1vh;display:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;width:100%;margin-top:1vh}.app .body-box .right-box .control img[data-v-5317dd48]{width:30px;height:30px;margin-right:4px}.app-head[data-v-5317dd48]{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;min-width:1460px;height:110px;background-color:#00143b;position:relative}.app-head[data-v-5317dd48] .el-input__inner{background:transparent;color:#fff}.app-head .left-icon[data-v-5317dd48]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box;width:150px}.app-head .left-icon img[data-v-5317dd48]{width:50px;height:50px}.app-head .left-dragon[data-v-5317dd48]{margin-top:-80px;height:250px;width:450px}.app-head .title[data-v-5317dd48]{position:absolute;top:0;width:1460px;-o-object-fit:cover;object-fit:cover;margin-left:0;margin-right:-20px;image-rendering:-webkit-optimize-contrast}.app-head .title-box[data-v-5317dd48]{position:relative;height:100px;width:260px;z-index:99;cursor:pointer}.app-head .title-box.show[data-v-5317dd48]{height:6vh}.app-head .title-box .tab-list[data-v-5317dd48]{z-index:10;position:absolute;top:80px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50vw;height:0;max-height:0;background-image:url(../img/tab_bg_icon.7c8800fd.png);background-repeat:no-repeat;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;visibility:hidden;transition:max-height .3s ease-in-out;-webkit-transition:max-height .3s ease-in-out;overflow:hidden}.app-head .title-box .tab-list.show[data-v-5317dd48]{height:6vh;max-height:6vh;visibility:visible}.app-head .title-box .tab-list .item[data-v-5317dd48]{display:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1005;-webkit-box-flex:0.17;-ms-flex:0.17;flex:0.17;color:#fff;font-size:20px}.app-head .title-box .tab-list .item[data-v-5317dd48]:hover{color:#78eee6}.app-head .right-dragon[data-v-5317dd48]{margin-top:-80px;height:250px;width:450px}.app-head .right-icon[data-v-5317dd48]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:-20px;display:inherit;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:150px;position:relative}.app-head .right-icon img[data-v-5317dd48]{height:100px}.box-title[data-v-5317dd48]{width:100%;display:inherit;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-image:url(../img/info_bg_icon.41fa357b.png);background-repeat:no-repeat;background-size:100% 100%;padding:10px 30px 20px 30px;letter-spacing:2px;margin-bottom:3%;font-weight:700;position:absolute}.box-title div[data-v-5317dd48]{color:#fff;font-size:16px}.box-title .tip[data-v-5317dd48]{font-size:12px;margin-left:10px;color:#7c91bb}.data-stats-box[data-v-5317dd48]{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:50px 40px 0 40px}.data-stats-box .box-title[data-v-5317dd48]{width:100%;height:1.66rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url(../img/info_bg_icon.41fa357b.png);background-repeat:no-repeat;background-size:100% 100%;letter-spacing:2px;margin-bottom:22px;font-weight:700;padding-left:1.28rem;position:static}.data-stats-box .box-title div[data-v-5317dd48]{color:#fff;font-size:16px}.data-stats-box .box-title .tip[data-v-5317dd48]{font-size:12px;margin-left:10px;color:#7c91bb}.data-stats-box .center[data-v-5317dd48],.data-stats-box .left[data-v-5317dd48],.data-stats-box .right[data-v-5317dd48]{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-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;width:30%;height:100%;position:relative;-ms-flex-item-align:start;align-self:flex-start}.data-stats-box .left[data-v-5317dd48]{-ms-flex-item-align:start;align-self:flex-start}.data-stats-box .center[data-v-5317dd48]{width:40%}.data-stats-box .chart-box .chart[data-v-5317dd48],.data-stats-box .chart-box[data-v-5317dd48]{width:100%;height:100%}.data-stats-box .quality-box[data-v-5317dd48]{display:inherit;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.data-stats-box .quality-box .list[data-v-5317dd48]{display:inherit;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.data-stats-box .quality-box .list .item[data-v-5317dd48]{-webkit-box-flex:0.33;-ms-flex:0.33;flex:0.33;display:inherit;-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:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px}.data-stats-box .quality-box .list .item .val[data-v-5317dd48]{color:#0fe;font-size:22px;font-weight:700;text-shadow:0 0 6px #17ffb8}.data-stats-box .quality-box .list .item .label[data-v-5317dd48]{color:#14c5e8;font-size:15px}.data-stats-box .quality-box .list .item img[data-v-5317dd48]{margin-top:-30px;min-width:160px}.data-stats-box .status-area[data-v-5317dd48]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.data-stats-box .status-area-item[data-v-5317dd48]{width:32%;margin-bottom:.6rem}.data-stats-box .status-area .box[data-v-5317dd48]{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}.data-stats-box .status-area .box .icon[data-v-5317dd48]{width:3rem;height:3rem;-o-object-fit:contain;object-fit:contain}.data-stats-box .status-area .box span[data-v-5317dd48]{color:#fff;font-size:.5rem;font-weight:700;margin-top:.3rem}.data-stats-box .pressure-box[data-v-5317dd48]{margin-top:.5rem}.data-stats-box .pressure-box .list[data-v-5317dd48]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6%}.data-stats-box .pressure-box .list .item[data-v-5317dd48],.data-stats-box .pressure-box .list[data-v-5317dd48]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.data-stats-box .pressure-box .list .item[data-v-5317dd48]{color:#fff;width:22%}.data-stats-box .pressure-box .list .item .process-box[data-v-5317dd48]{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;margin-bottom:.5rem}.data-stats-box .pressure-box .list .item dt[data-v-5317dd48]{text-align:center;font-size:.5rem;margin-top:.3rem}.data-stats-box .pressure-box .list .item .process[data-v-5317dd48]{width:3.11rem;height:3.11rem;background:url(../img/data-dtatistics-process.81bf8388.png) no-repeat 50%/cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.5rem;color:#fff;font-weight:700}.data-stats-box .liquid-level[data-v-5317dd48]{width:100%;margin-bottom:1rem;margin-top:2rem}.data-stats-box .liquid-level .liquid-list[data-v-5317dd48]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.data-stats-box .liquid-level .liquid-item[data-v-5317dd48]{width:5.57rem;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}.data-stats-box .liquid-level .liquid-item .num[data-v-5317dd48]{font-size:.75rem;color:#fff;font-weight:700}.data-stats-box .liquid-level .liquid-item sub[data-v-5317dd48]{font-weight:400}.data-stats-box .liquid-level .liquid-item img[data-v-5317dd48]{width:5.57rem;height:3.29rem}.data-stats-box .liquid-level .liquid-item .label[data-v-5317dd48]{font-size:.5rem;color:#fff;margin-top:.5rem}.data-stats-box .status-box[data-v-5317dd48]{width:100%}.data-stats-box .center[data-v-5317dd48]{height:80vh}.data-stats-box .center img[data-v-5317dd48]{position:absolute;width:160%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}