.tit-wrap[data-v-b08e27e8]{padding:20px 23px 0 23px}.tit-wrap.shrink[data-v-b08e27e8]{padding:0 23px}.tit-wrap.isClose[data-v-b08e27e8]{min-height:50px!important;max-height:50px!important;height:50px!important;overflow:hidden}.tit-wrap .title[data-v-b08e27e8]{display:flex;justify-content:space-between;align-items:center}.tit-wrap .title>div[data-v-b08e27e8]{height:30px;line-height:30px;display:flex;align-items:center;font-size:16px;flex:1}.tit-wrap .title>div img[data-v-b08e27e8]{margin-right:7px}.tit-wrap .title>div span[data-v-b08e27e8]{margin-right:9px}.tit-wrap .title>div .extend-box[data-v-b08e27e8]{display:flex;flex:1;height:30px;line-height:30px;align-items:center;margin-right:10px}.tit-wrap .title i[data-v-b08e27e8]{color:var(--normal);transition:transform .5s ease;cursor:pointer}.tit-wrap .title i[data-v-b08e27e8]:hover{color:var(--hover)}.tit-wrap .title i.active[data-v-b08e27e8]{transform:rotate(180deg)}.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}