.topology.closeAnimate .online-cycle[data-v-604d539b]{display:none}.topology>.topology-item[data-v-604d539b]{padding:0!important}.topology>.topology-item[data-v-604d539b]:after,.topology>.topology-item[data-v-604d539b]:before{border:none!important}.topology.horizontal .topology-item[data-v-604d539b]{padding-top:0;padding-left:24px}.topology.horizontal .topology-item .online-line[data-v-604d539b]{height:auto;width:2px}.topology.horizontal .topology-item.online[data-v-604d539b]:after,.topology.horizontal .topology-item.online[data-v-604d539b]:before{border-top-color:#0cca8e;border-bottom-color:#0cca8e}.topology.horizontal .topology-item[data-v-604d539b]:after,.topology.horizontal .topology-item[data-v-604d539b]:before{width:24px;height:50%;border-color:#ccc}.topology.horizontal .topology-item[data-v-604d539b]:before{border-right:none;border-bottom:1px solid #ccc}.topology.horizontal .topology-item[data-v-604d539b]:after{left:0;top:50%;border-left:none;border-top:1px solid #ccc}.topology.horizontal .topology-item[data-v-604d539b]:not(:first-child):before{border-top:none;border-left:2px solid #ccc}.topology.horizontal .topology-item[data-v-604d539b]:not(:last-child):after{border-left:2px solid #ccc}.topology.horizontal .topology-item .topology-device[data-v-604d539b]{display:table-cell;vertical-align:middle}.topology.horizontal .topology-item .topology-device .deviceWrap[data-v-604d539b]{margin:5px 0}.topology.horizontal .topology-item .topology-children[data-v-604d539b]{display:table-cell;padding-top:0;padding-left:20px}.topology.horizontal .topology-item .topology-children.online[data-v-604d539b]:after,.topology.horizontal .topology-item .topology-children.online[data-v-604d539b]:before{border-top-color:#0cca8e;border-bottom-color:#0cca8e}.topology.horizontal .topology-item .topology-children[data-v-604d539b]:after,.topology.horizontal .topology-item .topology-children[data-v-604d539b]:before{top:50%;width:20px;border-color:#ccc}.topology.horizontal .topology-item .topology-children[data-v-604d539b]:before{border-right:none;border-top:1px solid #ccc}.topology.horizontal .topology-item .topology-children[data-v-604d539b]:after{left:0;top:auto;bottom:50%;border-left:none;border-bottom:1px solid #ccc}.topology.horizontal .topology-children>.topology-item[data-v-604d539b]{display:block}.topology-item[data-v-604d539b]{padding-top:24px;display:table-cell;vertical-align:top;position:relative;font-size:0}.topology-item .online-line[data-v-604d539b]{position:absolute;background-color:#0cca8e;width:auto;height:2px;z-index:2}.topology-item .online-cycle[data-v-604d539b]{position:absolute;z-index:2}.topology-item .online-cycle .online-cycle-wrap[data-v-604d539b]{fill:#0cca8e}.topology-item.online[data-v-604d539b]:after,.topology-item.online[data-v-604d539b]:before{border-right-color:#0cca8e;border-left-color:#0cca8e}.topology-item[data-v-604d539b]:after,.topology-item[data-v-604d539b]:before{content:"";position:absolute;top:0;left:0;width:50%;height:24px;box-sizing:border-box;transition:all .3s;border-color:#ccc}.topology-item[data-v-604d539b]:before{border-right:1px solid #ccc}.topology-item[data-v-604d539b]:after{left:50%;border-left:1px solid #ccc}.topology-item[data-v-604d539b]:not(:first-child):before,.topology-item[data-v-604d539b]:not(:last-child):after{border-top:2px solid #ccc}.topology-item .topology-device[data-v-604d539b]{display:inline-block}.topology-item .topology-device .root[data-v-604d539b]{width:70px;height:49.36px}.topology-item .topology-device .el-badge[data-v-604d539b] .el-badge__content.is-fixed{top:3px;transform:none;background-color:transparent;color:#006eff;border-color:#006eff}.topology-item .topology-device .deviceWrap[data-v-604d539b]{box-sizing:border-box;display:inline-block;width:110px;padding:10px;cursor:pointer;background-color:#fafafa;margin:0 5px}.topology-item .topology-device .deviceWrap.offline[data-v-604d539b]{cursor:not-allowed}.topology-item .topology-device .deviceWrap.offline[data-v-604d539b]:hover{background-color:transparent}.topology-item .topology-device .deviceWrap[data-v-604d539b]:hover{background-color:#eee}.topology-item .topology-device .deviceWrap.deviceFocus[data-v-604d539b]{border:1px dotted #006eff}.topology-item .topology-device .deviceWrap .deviceName[data-v-604d539b]{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-604d539b]{display:table;padding-top:20px;position:relative}.topology-item .topology-children.online[data-v-604d539b]:after,.topology-item .topology-children.online[data-v-604d539b]:before{border-right-color:#0cca8e;border-left-color:#0cca8e}.topology-item .topology-children[data-v-604d539b]:after,.topology-item .topology-children[data-v-604d539b]:before{content:"";position:absolute;top:0;left:0;width:50%;height:20px;box-sizing:border-box;transition:all .3s;border-color:#ccc}.topology-item .topology-children[data-v-604d539b]:before{border-right:1px solid #ccc}.topology-item .topology-children[data-v-604d539b]:after{left:50%;border-left:1px solid #ccc}.info-list[data-v-604d539b]{list-style:none;font-size:12px}.info-list li[data-v-604d539b]{height:18px;line-height:18px;display:flex;align-items:center}.info-list li label[data-v-604d539b]{display:inline-block;width:65px;margin-right:5px;text-align:right}.info-list li>span[data-v-604d539b]{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-svg[data-v-604d539b]{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-604d539b]{width:100%;fill:#74767a}.device-svg .device-cop.online[data-v-604d539b]{fill:#0cca8e}.device-svg .port-content[data-v-604d539b]{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-direction:column}.device-svg .port-content.mini .port-row[data-v-604d539b]{transform:scale(.3)}.device-svg .port-content .port-row[data-v-604d539b]{transform:scale(.5);white-space:nowrap}.device-svg .port-content .port-row .port-group[data-v-604d539b]{display:inline-block;margin-right:10px}.device-svg .port-content .port-row .port-group[data-v-604d539b]:last-of-type{margin-right:0}.device-svg .port-content .port-row .port-group .port-item[data-v-604d539b]{width:7px;height:5.36px;margin-right:2px}.device-svg .port-content .port-row .port-group .port-item[data-v-604d539b]:last-of-type{margin-right:0}.device-svg.svg-gw .port-content[data-v-604d539b]{bottom:16px;left:0;width:100%;height:11px}.device-svg.svg-gw-wifi .port-content[data-v-604d539b]{bottom:6px;left:0;width:100%;height:13px}.device-svg.svg-firewall .port-content[data-v-604d539b],.device-svg.svg-switch .port-content[data-v-604d539b]{bottom:12px;left:0;width:100%;height:11px}.device-svg.svg-ap[data-v-604d539b]{width:40px}.device-svg.svg-ap .port-content[data-v-604d539b]{bottom:5px;left:0;width:100%;height:72%}.device-svg.svg-other[data-v-604d539b]{width:50px}.device-svg.svg-ap-ceiling .port-content[data-v-604d539b]{bottom:15px;left:23px;width:50%;height:9px}.topology[data-v-10ea4e6f]{display:table;text-align:center}