.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-5656d754]{position:relative;width:100%;height:100%;display:flex;flex-wrap:nowrap;padding-top:1rem;justify-content:space-between}.main-layout-wrap .l-box[data-v-5656d754]{position:relative;width:57%;height:100%}.main-layout-wrap .l-box .time[data-v-5656d754]{font-size:14px;padding-top:6px}.main-layout-wrap .l-box .real-time-monitor[data-v-5656d754]{position:relative;width:100%;height:calc(100% - 50px)}.main-layout-wrap .l-box .real-time-monitor .info-box[data-v-5656d754]{position:relative;width:100%;height:30%;padding-left:23px;padding-top:1rem}.main-layout-wrap .l-box .real-time-monitor .info-box .num-box[data-v-5656d754]{display:inline-block;position:relative;width:8.45rem;height:4.75rem;background:var(--normal-percent-10);border:1px solid var(--normal);border-radius:4px;margin-right:11px;margin-bottom:13px}.main-layout-wrap .l-box .real-time-monitor .info-box .num-box div[data-v-5656d754]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;padding-bottom:3px}.main-layout-wrap .l-box .real-time-monitor .info-box .num-box div p[data-v-5656d754]{margin:0;padding:0;text-align:center;font-size:22px;font-family:Microsoft YaHei;font-weight:400;color:var(--text)}.main-layout-wrap .l-box .real-time-monitor .info-box .num-box div p.red[data-v-5656d754]{color:var(--danger)}.main-layout-wrap .l-box .real-time-monitor .info-box .num-box div p.alarm[data-v-5656d754]{color:#fec85e}.main-layout-wrap .l-box .real-time-monitor .info-box .num-box div p[data-v-5656d754]:last-child{font-size:13px;font-family:Microsoft YaHei;padding-top:3px}.main-layout-wrap .l-box .real-time-monitor .img-box[data-v-5656d754]{position:relative;width:100%;height:59%;padding-left:10px}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg[data-v-5656d754]{position:relative;width:100%;height:100%;background:url(../img/gantry_crane_bg.b1c024ed.png) no-repeat 50%;background-size:90% 95%}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .iconSolid[data-v-5656d754]{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-5656d754]: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-5656d754]:after{background:#31dd82}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .iconSolid.warning[data-v-5656d754]:after{background:#fec85e}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .iconSolid.danger[data-v-5656d754]:after{background:#f74e66}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .iconSolid .pop[data-v-5656d754]{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-5656d754]{left:-50px;position:absolute;width:1.875rem;height:1.875rem;border-radius:50%;background:rgba(176,177,183,.4);animation:ripple-data-v-5656d754 1.4s linear infinite}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .icon.normal[data-v-5656d754]{background:rgba(49,221,130,.4)}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .icon.normal[data-v-5656d754]:after{background:#31dd82}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .icon.warning[data-v-5656d754]{background:rgba(254,200,94,.4)}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .icon.warning[data-v-5656d754]:after{background:#fec85e}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .icon.danger[data-v-5656d754]{background:rgba(247,78,102,.4)}.main-layout-wrap .l-box .real-time-monitor .img-box .img-bg .icon.danger[data-v-5656d754]:after{background:#f74e66}@keyframes ripple-data-v-5656d754{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-5656d754]{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-5656d754]:first-child{margin-right:14px!important}.main-layout-wrap .r-box[data-v-5656d754]{position:relative;width:41%;height:100%}.main-layout-wrap .r-box .r-t-box[data-v-5656d754]{position:relative;width:100%;height:21%;max-height:146px}.main-layout-wrap .r-box .r-t-box .alarm-total[data-v-5656d754]{height:calc(100% - 50px);position:relative;width:100%;padding-left:23px;display:flex;align-items:flex-end}.main-layout-wrap .r-box .r-t-box .alarm-total .num-box[data-v-5656d754]{display:inline-block;position:relative;width:9.375rem;height:5rem;background:var(--normal-percent-10);border:1px solid var(--normal);border-radius:4px;margin-right:1.75rem}.main-layout-wrap .r-box .r-t-box .alarm-total .num-box div[data-v-5656d754]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column}.main-layout-wrap .r-box .r-t-box .alarm-total .num-box div p[data-v-5656d754]{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-t-box .alarm-total .num-box div p[data-v-5656d754]:last-child{font-size:14px;font-family:Microsoft YaHei;padding-top:2px}.main-layout-wrap .r-box .r-c-box[data-v-5656d754]{position:relative;width:100%;height:40%}.main-layout-wrap .r-box .r-c-box .pie-chart-wrap[data-v-5656d754]{height:calc(100% - 50px);position:relative;width:100%}.main-layout-wrap .r-box .r-b-box[data-v-5656d754]{position:relative;width:100%;height:39%}.main-layout-wrap .r-box .r-b-box .line-chart-wrap[data-v-5656d754]{height:calc(100% - 50px);position:relative;width:100%}