.box .device-header[data-v-1006c12f]{background:var(--bgcolor)!important;padding-left:0!important;display:flex;align-items:center}.box .device-header .icon-warp[data-v-1006c12f]{position:relative;--color:#c4c4c4;--size:30px;--base-size:28px;width:var(--size);height:var(--size);border:3px solid var(--color);border-radius:50%;background-color:var(--bg-color);margin:0 10px;display:flex;justify-content:center;align-items:center}.box .device-header .icon-warp .iconfont[data-v-1006c12f]{margin:0 10px;font-size:25px!important}.box .device-header .icon-warp .air-icon-text[data-v-1006c12f]{font-size:36px;font-weight:700}.box .device-header .icon-warp .air-icon-text[data-v-1006c12f]:after{content:"";position:absolute;left:0;top:50%;width:100%;height:5px;background:var(--color);transform:translateY(-50%) rotate(45deg)}@keyframes rotateFrames{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon-roate{animation:rotateFrames 10s linear infinite}@keyframes iconScale{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.icon-scale{animation:scale 2s ease-in-out infinite}.pulse-alarm{animation:pulse 1.5s infinite;background:#ff3e44!important}@keyframes pulse{0%{opacity:.6;box-shadow:0 0 0 0 rgba(255,62,68,.7)}70%{opacity:1;box-shadow:0 0 0 20px rgba(255,0,0,0)}to{opacity:.6;box-shadow:0 0 0 0 rgba(255,0,0,0)}}.early-alarm{animation:earlyPulse 1.5s infinite;background:#ff5620!important}@keyframes earlyPulse{0%{opacity:.6;box-shadow:0 0 0 0 rgba(255,86,32,.7)}70%{opacity:1;box-shadow:0 0 0 20px rgba(255,0,0,0)}to{opacity:.6;box-shadow:0 0 0 0 rgba(255,0,0,0)}}.img-header{margin-bottom:40px;text-align:center;position:relative}.img-header img{min-width:224px;width:calc(var(--length)*20px);max-width:480px;height:76px}.img-header .head-title{max-width:450px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:25px;font-weight:700}.text-ellipsis{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.flag-point{height:1px;width:1px;background:#039ae2;box-sizing:border-box;position:absolute;left:50%;top:var(--top)}.device-box{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;position:relative;padding:0 25px}.device-box-item{cursor:pointer;display:inline-block;border-radius:10px;width:calc(var(--per) - 30px*(var(--width) - 1)/var(--width));height:180px;box-sizing:border-box}.device-box-item .device-header{padding-left:20px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:10px 10px 0 0;height:48px;line-height:48px;color:#f5f5f5;background:var(--color);position:relative}.device-box-item .device-container{height:calc(100% - 48px);padding:10px;box-sizing:border-box;border:2px solid #039ae2;background-color:#29475f;border-radius:0 0 10px 10px;border-top:none;display:flex;align-items:center;justify-content:space-between}.device-box-item .device-container img{width:60%;height:90%;-o-object-fit:scale-down;object-fit:scale-down}.device-box-item .device-container .device-text{width:35%;text-align:right}.device-box-item .device-container .device-text span.unconnect-color{color:#a9a9a9}.device-box-item .device-container .device-text span.normal-color{color:#0ef}.device-box-item .device-container .device-text span.success-color{color:#03b36e}.device-box-item .device-container .device-text span.warning-color{color:#ff6100}.device-box-item .device-container .device-text span.danger-color{color:#ff4847}.device-box-item .device-container .device-text span.fix-color{color:#ffd04f}.device-box-item .device-container .device-text span.fault-color{color:#fb0}.device-box-item .device-container .device-text span.collect-color{color:#00a1ff}.device-box-item .device-container .air-icon-wrap{position:relative;--size:60px;--base-size:28px;width:var(--size);height:var(--size);border:8px dashed var(--color);border-radius:50%;background-color:var(--bg-color);opacity:.9;display:flex;justify-content:center;align-items:center}.device-box-item .device-container .air-icon-wrap .iconfont{font-size:40px!important;color:var(--fontColor)}.device-box-item .device-container .air-icon-wrap .air-icon-text{font-size:36px;font-weight:700;color:var(--fontColor)}.device-box-item .device-container .air-icon-wrap .air-icon-text:after{color:var(--fontColor);content:"";position:absolute;left:0;top:50%;width:100%;height:5px;background:var(--color);transform:translateY(-50%) rotate(45deg)}.air-monitor-device[data-v-6deef035]{height:100%}.air-monitor-device-container[data-v-6deef035]{height:100%;position:relative;overflow-y:auto}.air-monitor-device-container[data-v-6deef035]::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}.air-monitor-device-container[data-v-6deef035]::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(0,238,255,.5)}.air-monitor-device-container[data-v-6deef035]:after{content:"";height:20px}.air-monitor-device-container-top[data-v-6deef035]{width:100%!important}.air-monitor-device-container-body[data-v-6deef035]{display:flex}.air-monitor-device-container-body .own-warp .own-img-header[data-v-6deef035]{position:relative;left:-5%}.air-monitor-device-container-body .own-warp .device-area[data-v-6deef035]{position:relative;padding:0 25px}.air-monitor-device-container-body .own-warp .device-area .device-box[data-v-6deef035]{margin-bottom:30px;justify-content:left!important}.air-monitor-device-container-body .own-warp .device-area .owner-flag-point[data-v-6deef035]{width:1px!important;height:1px!important;left:45%!important}.air-monitor-device-container-body .device-warp[data-v-6deef035]{width:50%;height:100%}