.text-ellipsis{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home122-wrap[data-v-5f1447a6]{height:100%;position:relative}.home122-wrap .musicbox-header[data-v-5f1447a6]{margin-top:40px;color:#3ff;margin-bottom:15px;height:20px;background-size:100% 100%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.home122-wrap .musicbox-header .handler[data-v-5f1447a6]{position:absolute;right:20px;top:20px}.home122-wrap .musicbox-header .handler .icon-dakai[data-v-5f1447a6]{font-size:20px;cursor:pointer}.home122-wrap .musicbox-content-wrap[data-v-5f1447a6]{margin-top:60px;height:calc(100% - 60px)}.home122-wrap .musicbox-content-wrap .img-header[data-v-5f1447a6]{margin-bottom:40px;text-align:center;position:relative}.home122-wrap .musicbox-content-wrap .img-header img[data-v-5f1447a6]{min-width:224px;width:calc(var(--length)*20px);max-width:480px;height:76px}.home122-wrap .musicbox-content-wrap .img-header .head-title[data-v-5f1447a6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:25px;font-weight:700}.home122-wrap .musicbox-content-wrap .device-box[data-v-5f1447a6]{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;position:relative;padding:0 25px}.home122-wrap .musicbox-content-wrap .device-box-item[data-v-5f1447a6]{cursor:pointer;display:inline-block;border-radius:10px;width:calc(var(--per) - 30px*(var(--width) - 1)/var(--width));height:180px;box-sizing:border-box}.home122-wrap .musicbox-content-wrap .device-box-item .device-header[data-v-5f1447a6]{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}.home122-wrap .musicbox-content-wrap .device-box-item .pulse-alarm[data-v-5f1447a6]{animation:pulse-data-v-5f1447a6 1.5s infinite;background:#ff3e44!important}@keyframes pulse-data-v-5f1447a6{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)}}.home122-wrap .musicbox-content-wrap .device-box-item .early-alarm[data-v-5f1447a6]{animation:earlyPulse-data-v-5f1447a6 1.5s infinite;background:#ff5620!important}@keyframes earlyPulse-data-v-5f1447a6{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)}}.home122-wrap .musicbox-content-wrap .device-box-item .device-container[data-v-5f1447a6]{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}.home122-wrap .musicbox-content-wrap .device-box-item .device-container img[data-v-5f1447a6]{width:30%;height:90%;-o-object-fit:scale-down;object-fit:scale-down}.home122-wrap .musicbox-content-wrap .device-box-item .device-container .device-text[data-v-5f1447a6]{width:35%;text-align:right}.home122-wrap .musicbox-content-wrap .device-box-item .device-container .device-text span.unconnect-color[data-v-5f1447a6]{color:#a9a9a9}.home122-wrap .musicbox-content-wrap .device-box-item .device-container .device-text span.normal-color[data-v-5f1447a6]{color:#0ef}.home122-wrap .musicbox-content-wrap .device-box-item .device-container .device-text span.success-color[data-v-5f1447a6]{color:#03b36e}.home122-wrap .musicbox-content-wrap .device-box-item .device-container .device-text span.warning-color[data-v-5f1447a6]{color:#ff6100}.home122-wrap .musicbox-content-wrap .device-box-item .device-container .device-text span.danger-color[data-v-5f1447a6]{color:#ff4847}.home122-wrap .musicbox-content-wrap .device-box-item .device-container .device-text span.fix-color[data-v-5f1447a6]{color:#ffd04f}.home122-wrap .musicbox-content-wrap .device-box-item .device-container .device-text span.fault-color[data-v-5f1447a6]{color:#fb0}.home122-wrap .musicbox-content-wrap .device-box-item .device-container .device-text span.collect-color[data-v-5f1447a6]{color:#00a1ff}.home122-wrap .musicbox-content-wrap .device-box .flagPoint[data-v-5f1447a6]{height:1px;width:1px;background:#039ae2;box-sizing:border-box;position:absolute;left:50%;top:var(--top)}