.device-port[data-v-275d8181]{position:absolute;font-size:12px;color:#99a9bf;display:flex;align-items:center;gap:3px;z-index:99}.device-port.up[data-v-275d8181]{top:-15px;left:calc(50% + 10px);transform:translateY(-100%)}.device-port.down[data-v-275d8181]{top:15px;left:calc(50% + 10px)}.topology>.topology-item[data-v-275d8181]{padding:0!important}.topology>.topology-item[data-v-275d8181]:after,.topology>.topology-item[data-v-275d8181]:before{border:none!important}.topology-item[data-v-275d8181]{padding-top:var(--down-line-length);display:table-cell;vertical-align:top;position:relative;font-size:0}.topology-item .online-line[data-v-275d8181]{position:absolute;background-color:#0cca8e;width:auto;height:2px;z-index:2}.topology-item .online-cycle[data-v-275d8181]{position:absolute;z-index:2}.topology-item .online-cycle .online-cycle-wrap[data-v-275d8181]{fill:#0cca8e}.topology-item.online[data-v-275d8181]:after,.topology-item.online[data-v-275d8181]:before{border-right-color:#0cca8e;border-left-color:#0cca8e}.topology-item[data-v-275d8181]:after,.topology-item[data-v-275d8181]:before{content:"";position:absolute;top:0;left:0;width:50%;height:var(--down-line-length);box-sizing:border-box;transition:all .3s;border-color:#ccc}.topology-item[data-v-275d8181]:before{border-right:1px solid #ccc}.topology-item[data-v-275d8181]:after{left:50%;border-left:1px solid #ccc}.topology-item[data-v-275d8181]:not(:first-child):before,.topology-item[data-v-275d8181]:not(:last-child):after{border-top:2px solid #ccc}.topology-item .topology-device[data-v-275d8181]{display:inline-block;position:relative}.topology-item .topology-device .root[data-v-275d8181]{width:70px;height:49.36px}.topology-item .topology-device .el-badge[data-v-275d8181] .el-badge__content.is-fixed{top:-9px;right:-2px;transform:none;transition:0s;z-index:9}.topology-item .topology-device .deviceWrap[data-v-275d8181]{box-sizing:border-box;display:inline-block;width:110px;padding:10px;background-color:#fafafa;margin:0 5px;border:1px dashed #fafafa;transition:.3s}.topology-item .topology-device .deviceWrap>[data-v-275d8181]{pointer-events:none}.topology-item .topology-device .deviceWrap[data-v-275d8181]:hover{background-color:#eee}.topology-item .topology-device .deviceWrap.is-prohibit[data-v-275d8181]{opacity:.3}.topology-item .topology-device .deviceWrap.offline[data-v-275d8181]{cursor:not-allowed}.topology-item .topology-device .deviceWrap.third[data-v-275d8181]{border-color:#f17a00}.topology-item .topology-device .deviceWrap.is-drap-target[data-v-275d8181]{border-color:#006eff;transform:scale(1.1)}.topology-item .topology-device .deviceWrap .deviceName[data-v-275d8181]{font-size:12px;line-height:1.5;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;z-index:2}.topology-item .topology-children[data-v-275d8181]{display:table;padding-top:var(--top-line-length);position:relative}.topology-item .topology-children.is-dragover[data-v-275d8181]{opacity:.3;pointer-events:none}.topology-item .topology-children.online[data-v-275d8181]:after,.topology-item .topology-children.online[data-v-275d8181]:before{border-right-color:#0cca8e;border-left-color:#0cca8e}.topology-item .topology-children[data-v-275d8181]:after,.topology-item .topology-children[data-v-275d8181]:before{content:"";position:absolute;top:0;left:0;width:50%;height:var(--top-line-length);box-sizing:border-box;transition:all .3s;border-color:#ccc}.topology-item .topology-children[data-v-275d8181]:before{border-right:1px solid #ccc}.topology-item .topology-children[data-v-275d8181]:after{left:50%;border-left:1px solid #ccc}.info-list[data-v-275d8181]{list-style:none;font-size:12px}.info-list li[data-v-275d8181]{height:18px;line-height:18px;display:flex;align-items:center}.info-list li label[data-v-275d8181]{display:inline-block;width:80px;margin-right:5px;text-align:right}.info-list li>span[data-v-275d8181]{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-svg[data-v-275d8181]{width:90px;height:50px;font-size:0;display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto}.device-svg .device-cop[data-v-275d8181]{width:100%;fill:#74767a}.device-svg .device-cop.online[data-v-275d8181]{fill:#0cca8e}.device-svg .port-content[data-v-275d8181]{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-direction:column}.device-svg .port-content.mini .port-row[data-v-275d8181]{transform:scale(.3)}.device-svg .port-content .port-row[data-v-275d8181]{transform:scale(.5);white-space:nowrap}.device-svg .port-content .port-row .port-group[data-v-275d8181]{display:inline-block;margin-right:10px}.device-svg .port-content .port-row .port-group[data-v-275d8181]:last-of-type{margin-right:0}.device-svg .port-content .port-row .port-group .port-item[data-v-275d8181]{width:7px;height:5.36px;margin-right:2px}.device-svg .port-content .port-row .port-group .port-item[data-v-275d8181]:last-of-type{margin-right:0}.device-svg.svg-gw .port-content[data-v-275d8181]{bottom:16px;left:0;width:100%;height:11px}.device-svg.svg-gw-wifi .port-content[data-v-275d8181]{bottom:6px;left:0;width:100%;height:13px}.device-svg.svg-firewall .port-content[data-v-275d8181],.device-svg.svg-switch .port-content[data-v-275d8181]{bottom:12px;left:0;width:100%;height:11px}.device-svg.svg-ap[data-v-275d8181]{width:40px}.device-svg.svg-ap .port-content[data-v-275d8181]{bottom:5px;left:0;width:100%;height:72%}.device-svg.svg-other[data-v-275d8181]{width:50px}.device-svg.svg-ap-ceiling .port-content[data-v-275d8181]{bottom:15px;left:23px;width:50%;height:9px}.title[data-v-8dc8464c]{text-align:left;font-size:15px;color:#000;font-weight:700;margin-bottom:15px}.footer[data-v-8dc8464c]{text-align:right}.scale[data-v-3e27b68e]{position:absolute;top:200px;left:28px}.scale .item[data-v-3e27b68e]{margin-top:15px}.scale .item[data-v-3e27b68e]:first-of-type{margin-top:0}.scale .item .box[data-v-3e27b68e]{width:26px;height:26px;text-align:center;line-height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;border-bottom:none;color:#666;font-size:16px}.scale .item .box[data-v-3e27b68e]:hover{color:#99a9bf}.scale .item .box.is-active[data-v-3e27b68e]{color:#006eff}.scale .item .box[data-v-3e27b68e]:last-of-type{border-bottom:1px solid #ccc}.sceneTopology[data-v-9ef876ee]{height:100%;text-align:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sceneTopology .topologyContent[data-v-9ef876ee]{display:inline-block}.contextMenu[data-v-5bffa6b9]{position:fixed;top:0;left:0;z-index:3000;padding:5px 0;margin:5px 0;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.contextMenu li[data-v-5bffa6b9]{list-style:none;padding:7px 16px;margin:0;font-size:12px;font-weight:400;color:#606266;cursor:pointer;outline:0;text-align:left}.contextMenu li[data-v-5bffa6b9]:hover{background-color:#ecf5ff;color:#66b1ff}.tree-config .scrollbar[data-v-25ec9e08]{margin:0 -10%;height:400px}.tree-config .scrollbar .device-info[data-v-25ec9e08]{padding-left:5px;font-size:12px;display:flex;align-items:center}.tree-config .scrollbar .device-info .icon[data-v-25ec9e08]{font-size:30px;margin-right:7px}.tree-config .scrollbar[data-v-25ec9e08] .el-tree-node__content{height:auto;padding:5px 0}.scene-parent-select[data-v-3c38d39e] .el-input__inner{cursor:pointer}.advanced .divider[data-v-5c75ec73]{text-align:center;position:relative;margin-bottom:20px}.advanced .divider[data-v-5c75ec73]:before{content:"";display:block;border:1px dashed #ccc;position:absolute;width:100%;top:50%;z-index:0}.advanced .divider .el-button[data-v-5c75ec73]{font-size:12px;z-index:20;position:relative;background-color:#fff;padding:0 8px}.edit-topology[data-v-38a91331]{box-sizing:border-box;background-color:#fff;height:100%;padding:15px;position:relative;overflow:hidden;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.edit-topology.is-full[data-v-38a91331]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.edit-topology[data-v-38a91331] .el-page-header__title{line-height:30px}.edit-topology .content-box[data-v-38a91331]{display:inline-block}.edit-topology .content-box .topology[data-v-38a91331]{display:table;text-align:center}