.main-layout-wrap[data-v-3ff593f1]{position:relative;width:100%;height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between}.main-layout-wrap .l-box[data-v-3ff593f1]{position:relative;width:42%;height:100%}.main-layout-wrap .l-box .time[data-v-3ff593f1]{font-size:14px;padding-top:6px}.main-layout-wrap .l-box .real-time-monitor[data-v-3ff593f1]{position:relative;width:100%;height:calc(100% - 50px)}.main-layout-wrap .l-box .real-time-monitor .img-box[data-v-3ff593f1]{position:relative;width:100%;height:90%;padding-left:10px;display:flex;justify-content:center;align-items:center}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg[data-v-3ff593f1]{position:relative;width:24rem;height:33rem;background:url(../img/crawler-crane.d56073ca.png) no-repeat 50%;background-size:100% 100%}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .iconSolid[data-v-3ff593f1]{position:absolute;width:1.875rem;height:1.875rem;border-radius:50%;left:-50px}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .iconSolid[data-v-3ff593f1]:after{content:"";position:absolute;left:.375rem;top:.375rem;width:1.125rem;height:1.125rem;border-radius:50%;background:#b0b1b7}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .iconSolid.normal[data-v-3ff593f1]:after{background:#31dd82}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .iconSolid.warning[data-v-3ff593f1]:after{background:#fec85e}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .iconSolid.danger[data-v-3ff593f1]:after{background:#f74e66}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .iconSolid .pop[data-v-3ff593f1]{position:absolute;z-index:9999;width:1.875rem;border-radius:50%;height:1.875rem}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .icon[data-v-3ff593f1]{left:-50px;position:absolute;width:1.875rem;height:1.875rem;border-radius:50%;background:rgba(176,177,183,.4);animation:ripple-data-v-3ff593f1 1.4s linear infinite}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .icon.normal[data-v-3ff593f1]{background:rgba(49,221,130,.4)}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .icon.normal[data-v-3ff593f1]:after{background:#31dd82}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .icon.warning[data-v-3ff593f1]{background:rgba(254,200,94,.4)}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .icon.warning[data-v-3ff593f1]:after{background:#fec85e}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .icon.danger[data-v-3ff593f1]{background:rgba(247,78,102,.4)}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .icon.danger[data-v-3ff593f1]:after{background:#f74e66}@keyframes ripple-data-v-3ff593f1{0%{opacity:.9;transform:scale(.9)}25%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}75%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(.9)}}.main-layout-wrap .l-box .real-time-monitor .btn-box[data-v-3ff593f1]{position:relative;width:100%;height:11%;display:flex;align-items:center;justify-content:center;padding-bottom:10px}.main-layout-wrap .l-box .real-time-monitor .btn-box .el-button[data-v-3ff593f1]:first-child{margin-right:14px!important}.main-layout-wrap .l-box .real-time-monitor .legend[data-v-3ff593f1]{position:absolute;height:60px;width:100%;top:0;left:20px;display:flex;align-items:center;justify-content:flex-start;padding-right:1.875rem;font-size:1rem}.main-layout-wrap .l-box .real-time-monitor .legend i[data-v-3ff593f1]{display:inline-block;width:.75rem;height:.75rem;border-radius:.375rem;margin:0 .625rem}.main-layout-wrap .r-box[data-v-3ff593f1]{position:relative;width:57%;height:100%}.main-layout-wrap .r-box .r-t-box[data-v-3ff593f1]{position:relative;width:100%;height:35%}.main-layout-wrap .r-box .r-t-box .info-box[data-v-3ff593f1]{position:relative;width:100%;height:85%;padding-left:23px;padding-top:10px}.main-layout-wrap .r-box .r-t-box .info-box .num-box[data-v-3ff593f1]{display:inline-block;position:relative;width:8.45rem;height:4.75rem;border-radius:4px;margin-right:11px;margin-bottom:13px}.main-layout-wrap .r-box .r-t-box .info-box .num-box .info-bg[data-v-3ff593f1]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;padding-bottom:3px;background:url(../img/crane-bg.501c5064.png);background-size:100% 100%}.main-layout-wrap .r-box .r-t-box .info-box .num-box .info-bg p[data-v-3ff593f1]{margin:0;padding:0;text-align:center;font-size:22px;font-family:Microsoft YaHei;font-weight:400;color:var(--text)}.main-layout-wrap .r-box .r-t-box .info-box .num-box .info-bg p.red[data-v-3ff593f1]{color:var(--danger)}.main-layout-wrap .r-box .r-t-box .info-box .num-box .info-bg p[data-v-3ff593f1]:last-child{font-size:13px;font-family:Microsoft YaHei;padding-top:3px}.main-layout-wrap .r-box .r-t-box .info-box .num-box .info-red[data-v-3ff593f1]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;padding-bottom:3px;background:url(../img/crane-red.3df12b7b.png);background-size:100% 100%}.main-layout-wrap .r-box .r-t-box .info-box .num-box .info-red p[data-v-3ff593f1]{margin:0;padding:0;text-align:center;font-size:22px;font-family:Microsoft YaHei;font-weight:400;color:var(--text)}.main-layout-wrap .r-box .r-t-box .info-box .num-box .info-red p.red[data-v-3ff593f1]{color:var(--danger)}.main-layout-wrap .r-box .r-t-box .info-box .num-box .info-red p[data-v-3ff593f1]:last-child{font-size:13px;font-family:Microsoft YaHei;padding-top:3px}.main-layout-wrap .r-box .r-c-box[data-v-3ff593f1]{position:relative;width:100%;height:35%}.main-layout-wrap .r-box .r-c-box .alarm-total[data-v-3ff593f1]{height:calc(100% - 50px);position:relative;width:100%;padding-left:23px;padding-top:1rem;display:flex;flex-wrap:wrap}.main-layout-wrap .r-box .r-c-box .alarm-total .num-box[data-v-3ff593f1]{display:inline-block;position:relative;width:8.45rem;height:4.75rem;border-radius:4px;margin-right:11px;margin-bottom:13px}.main-layout-wrap .r-box .r-c-box .alarm-total .num-box div[data-v-3ff593f1]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;background:url(../img/crane-bg.501c5064.png);background-size:100% 100%}.main-layout-wrap .r-box .r-c-box .alarm-total .num-box div p[data-v-3ff593f1]{margin:0;padding:0;text-align:center;font-size:24px;font-family:Microsoft YaHei;font-weight:400;color:var(--text)}.main-layout-wrap .r-box .r-c-box .alarm-total .num-box div p[data-v-3ff593f1]:last-child{font-size:14px;font-family:Microsoft YaHei;padding-top:2px}.main-layout-wrap .r-box .r-b-box[data-v-3ff593f1]{position:relative;width:100%;height:30%}.main-layout-wrap .r-box .r-b-box .line-chart-wrap[data-v-3ff593f1]{height:calc(100% - 50px);position:relative;width:100%}[data-v-3ff593f1] .tit-wrap{padding:15px 23px 0 23px}.warn-list[data-v-02e21746]{position:relative;width:calc(100% - 20px);height:calc(100% - 20px);display:flex;flex-direction:column;margin:10px auto}.warn-list-bar[data-v-02e21746]{position:relative;height:110px;width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.warn-list-bar .content[data-v-02e21746]{flex:1;position:relative;height:100%;display:flex;align-items:center;flex-wrap:wrap;background:var(--bg-vice-common);padding:0 14px 14px 14px}.warn-list-bar .content .split[data-v-02e21746]{width:16px;text-align:center}.warn-list-bar .content .sub[data-v-02e21746]{margin-left:30px}.warn-list-bar .content .t-box[data-v-02e21746]{width:100%;display:flex;align-items:center;justify-content:space-between}.warn-list-bar .content .t-box div[data-v-02e21746]{font-size:16px;font-weight:700}.warn-list-bar .content .r-box[data-v-02e21746]{width:20%;display:flex;align-items:center;justify-content:flex-end}.warn-list-bar .content .l-box[data-v-02e21746]{width:80%;display:flex;align-items:center}.warn-list-bar .content .l-box span[data-v-02e21746]{margin-right:.8rem}.warn-list-bar .content .l-box .el-input[data-v-02e21746]{width:134px;margin-right:20px}.warn-list-bar[data-v-02e21746] .el-select{margin-right:20px}.warn-list-bar[data-v-02e21746] .el-select .el-input__inner{width:134px}.warn-list-content[data-v-02e21746]{position:relative;width:100%;flex:1}.warn-list-content .table-box[data-v-02e21746]{position:relative;width:100%;height:86.5%;overflow:hidden}.warn-list-content .pgnt[data-v-02e21746]{position:relative;height:13.5%;width:100%;display:flex;align-items:center;justify-content:flex-end}.page-ination-container[data-v-02e21746]{height:100%}.page-ination-container[data-v-02e21746] .el-pagination .el-select .el-input .el-input__inner,.page-ination-container[data-v-02e21746] .el-pagination__editor.el-input .el-input__inner{height:24px;line-height:24px;background:none;border:1px solid var(--text);border-radius:0;font-size:14px;color:var(--text)}.page-ination-container[data-v-02e21746] .el-pagination__total{font-size:16px;color:var(--text)}.page-ination-container[data-v-02e21746] .el-pagination .btn-next,.page-ination-container[data-v-02e21746] .el-pagination .btn-prev{background:none;font-size:16px;color:var(--text);height:24px;min-width:24px;line-height:24px}.page-ination-container[data-v-02e21746] .el-pagination .btn-next:disabled:hover,.page-ination-container[data-v-02e21746] .el-pagination .btn-next:hover,.page-ination-container[data-v-02e21746] .el-pagination .btn-prev:disabled:hover,.page-ination-container[data-v-02e21746] .el-pagination .btn-prev:hover{color:var(--normal)}.page-ination-container[data-v-02e21746] .el-pager li{padding:0 2px;height:24px;min-width:24px;line-height:22px;background:none;font-size:14px;color:var(--text);font-weight:100;margin-right:2px}.page-ination-container[data-v-02e21746] .el-pager li.more:before{line-height:1}.page-ination-container[data-v-02e21746] .el-pager li.active,.page-ination-container[data-v-02e21746] .el-pager li:hover{padding:0 1px;border:1px solid var(--normal);border-radius:0;color:var(--normal)}.page-ination-container[data-v-02e21746] .el-pagination__jump{font-size:16px;color:var(--text);display:inline-flex;align-items:center}.page-ination-container[data-v-02e21746] .el-pagination__jump .el-pagination__editor{margin:0 5px}.page-ination-container[data-v-02e21746] .el-pagination button,.page-ination-container[data-v-02e21746] .el-pagination span:not([class*=suffix]){height:24px;line-height:24px}.table-data-container[data-v-02e21746]{border:1px solid var(--normal-percent-15);height:100%}.table-data-container[data-v-02e21746] .el-loading-spinner .el-loading-text,.table-data-container[data-v-02e21746] .el-loading-spinner i{color:var(--normal)}.table-data-container[data-v-02e21746] .el-table,.table-data-container[data-v-02e21746] .el-table__expanded-cell{background:none}.table-data-container[data-v-02e21746] .el-table .ps .ps__rail-x.ps--clicking,.table-data-container[data-v-02e21746] .el-table .ps .ps__rail-x:focus,.table-data-container[data-v-02e21746] .el-table .ps .ps__rail-x:hover,.table-data-container[data-v-02e21746] .el-table .ps .ps__rail-y.ps--clicking,.table-data-container[data-v-02e21746] .el-table .ps .ps__rail-y:focus,.table-data-container[data-v-02e21746] .el-table .ps .ps__rail-y:hover,.table-data-container[data-v-02e21746] .el-table__expanded-cell .ps .ps__rail-x.ps--clicking,.table-data-container[data-v-02e21746] .el-table__expanded-cell .ps .ps__rail-x:focus,.table-data-container[data-v-02e21746] .el-table__expanded-cell .ps .ps__rail-x:hover,.table-data-container[data-v-02e21746] .el-table__expanded-cell .ps .ps__rail-y.ps--clicking,.table-data-container[data-v-02e21746] .el-table__expanded-cell .ps .ps__rail-y:focus,.table-data-container[data-v-02e21746] .el-table__expanded-cell .ps .ps__rail-y:hover{background-color:transparent}.table-data-container[data-v-02e21746] .el-table .ps__rail-x:focus>.ps__thumb-x,.table-data-container[data-v-02e21746] .el-table .ps__rail-x:hover>.ps__thumb-x,.table-data-container[data-v-02e21746] .el-table .ps__rail-x>.ps__thumb-x,.table-data-container[data-v-02e21746] .el-table .ps__rail-y:focus>.ps__thumb-y,.table-data-container[data-v-02e21746] .el-table .ps__rail-y:hover>.ps__thumb-y,.table-data-container[data-v-02e21746] .el-table .ps__rail-y>.ps__thumb-y,.table-data-container[data-v-02e21746] .el-table__expanded-cell .ps__rail-x:focus>.ps__thumb-x,.table-data-container[data-v-02e21746] .el-table__expanded-cell .ps__rail-x:hover>.ps__thumb-x,.table-data-container[data-v-02e21746] .el-table__expanded-cell .ps__rail-x>.ps__thumb-x,.table-data-container[data-v-02e21746] .el-table__expanded-cell .ps__rail-y:focus>.ps__thumb-y,.table-data-container[data-v-02e21746] .el-table__expanded-cell .ps__rail-y:hover>.ps__thumb-y,.table-data-container[data-v-02e21746] .el-table__expanded-cell .ps__rail-y>.ps__thumb-y{background-color:var(--hover)}.table-data-container[data-v-02e21746] .el-table .ps__rail-x,.table-data-container[data-v-02e21746] .el-table__expanded-cell .ps__rail-x{display:block!important;opacity:.6!important}.table-data-container[data-v-02e21746] .el-table:before{height:0}.table-data-container[data-v-02e21746] .el-table--enable-row-hover .el-table__body tr:hover>td{background:none}.table-data-container[data-v-02e21746] .el-table th,.table-data-container[data-v-02e21746] .el-table tr{background:none;color:var(--text)}.table-data-container[data-v-02e21746] .el-table th{color:var(--text);font-size:16px;font-weight:100;padding:8px 0 9px}.table-data-container[data-v-02e21746] .el-table>.el-table__header-wrapper>.el-table__header>thead>tr>th{background:var(--bg-vice-common)}.table-data-container[data-v-02e21746] .el-table td,.table-data-container[data-v-02e21746] .el-table th.is-leaf{border:0}.table-data-container[data-v-02e21746] .el-table td{font-size:14px;padding:9px 0}.table-data-container[data-v-02e21746] .el-table td .abnormal{color:var(--danger)}.table-data-container[data-v-02e21746] .el-table td .separator{display:inline-block;width:2px}.table-data-container[data-v-02e21746] .el-table td .operation-a{margin-right:2px;padding:2px;cursor:pointer;color:var(--normal)}.table-data-container[data-v-02e21746] .el-table td .operation-a:hover{color:var(--hover)}.table-data-container[data-v-02e21746] .el-table--striped .el-table__body tr.el-table__row--striped td{background:var(--bg-vice-common)}.table-data-container[data-v-02e21746] .el-table--enable-row-hover .el-table__body tr:hover>td{background:var(--bg-table-hover)}.table-data-container[data-v-02e21746] .el-table--scrollable-y .el-table__body-wrapper{overflow:hidden}.table-data-container[data-v-02e21746] .el-table__empty-text{color:var(--text)}.centerBox[data-v-9dc94c2e]{position:relative;box-sizing:border-box;width:100%;height:100%;color:var(--text)}.centerBox.has-head-menu[data-v-9dc94c2e]{height:calc(100% - 81px);width:calc(100% - 48px);padding-left:0!important;margin:0 24px}.centerBox_corner[data-v-9dc94c2e]{position:absolute;left:-9px;top:-9px;right:-9px;bottom:-9px;background:var(--bg-centerBox) no-repeat 0 0,var(--bg-centerBox) no-repeat 100% 0,var(--bg-centerBox) no-repeat 0 100%,var(--bg-centerBox) no-repeat 100% 100%}.centerBox_border[data-v-9dc94c2e]{width:100%;height:100%;box-sizing:border-box;border:1px solid var(--component-border);background:var(--component-bg);box-shadow:var(--component-box-shadow2)}.centerBox_inner[data-v-9dc94c2e]{position:absolute;left:9px;top:9px;right:9px;bottom:9px;box-sizing:border-box;font-size:14px}.centerBox_inner-head[data-v-9dc94c2e]{position:relative;width:100%;box-sizing:border-box;text-align:center;font-size:16px;font-weight:700;height:36px;line-height:36px;background:var(--component-title-bg)}.centerBox_inner-content[data-v-9dc94c2e]{position:relative;width:100%;height:100%}.centerBox_border1[data-v-9dc94c2e]{box-shadow:inset 0 0 6px 0 var(--component-border)}.hasTitle .centerBox_inner[data-v-9dc94c2e]{top:20px;left:16px;right:16px;bottom:0}.hasTitle .centerBox_inner-content[data-v-9dc94c2e]{position:relative;width:100%;height:calc(100% - 36px)}.hasTap .centerBox_inner[data-v-9dc94c2e]{top:0;left:0;right:0;bottom:0}.hasTap .centerBox_inner-content[data-v-9dc94c2e]{position:relative;width:100%;height:100%}.hasNav .centerBox_inner[data-v-9dc94c2e]{top:20px;left:16px;right:16px;bottom:0}.back-btn[data-v-9dc94c2e]{position:absolute;right:5px;top:0;height:100%;display:flex;align-items:center}.hcc-frame-shape[data-v-9dc94c2e]{position:absolute;width:10px;height:10px;z-index:1}.hcc-frame-shape.shape1[data-v-9dc94c2e]{left:0;top:0}.hcc-frame-shape.shape2[data-v-9dc94c2e]{top:0;right:0;transform:rotate(90deg)}.hcc-frame-shape.shape3[data-v-9dc94c2e]{left:0;bottom:0;transform:rotate(-90deg)}.hcc-frame-shape.shape4[data-v-9dc94c2e]{right:0;bottom:0;transform:rotate(-180deg)}.hcc-frame-shape[data-v-9dc94c2e] .shape-group{position:relative;width:10px;height:10px}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .delta{position:absolute;display:inline-block;width:0;height:0;left:2px;top:2px;border-top:4px solid var(--normal);border-right:4px solid transparent}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line1{height:3.5px;width:1px;background:var(--normal);position:absolute;left:0;top:0}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line1:before{content:"";position:absolute;left:0;top:3.5px;width:0;height:0;border-top:2px solid var(--normal);border-right:1px solid transparent}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line1:after{content:"";position:absolute;left:6px;top:0;width:2.5px;height:1px;background:var(--normal-percent-50);transform:skew(-64deg)}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line2{height:1px;width:3.5px;background:var(--normal);position:absolute;left:0;top:0}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line2:before{content:"";position:absolute;top:0;left:3.5px;width:0;height:0;border-top:1px solid var(--normal);border-right:2px solid transparent}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line2:after{content:"";position:absolute;top:6px;left:0;height:2.5px;width:1px;background:var(--normal-percent-50);transform:skewY(-64deg)}.gantry-crane-wrap[data-v-df79fb56]{position:relative;width:100%;height:100%;overflow:hidden}.gantry-crane-wrap .fade-enter-active[data-v-df79fb56],.gantry-crane-wrap .fade-leave-active[data-v-df79fb56]{transition:opacity .2s}.gantry-crane-wrap .fade-enter[data-v-df79fb56],.gantry-crane-wrap .fade-leave-active[data-v-df79fb56]{opacity:0}