.configTopo[data-v-d466c262]{z-index:100;position:relative}.configTopo .aside .toolbar[data-v-d466c262]{float:right;text-align:center;width:66px;padding:0;margin:0 15px 5px 0;margin-right:0;border-top:2px solid #fda722;border-left:1px solid var(--el-border-color);border-right:1px solid var(--el-border-color)}.configTopo .aside .toolbar .toolset[data-v-d466c262]{border-bottom:1px solid var(--el-border-color);padding:2px 3px;align-items:center}.configTopo .aside .toolbar .toolset .svg-icon[data-v-d466c262]{font-size:11px;color:#fda722}.configTopo .aside .toolbar .el-button[data-v-d466c262]{background:#f9fafb!important;width:calc(100% - 10px);margin:5px;border:1px solid #f9fafb!important;border-radius:4px!important;height:-moz-fit-content;height:fit-content;padding:10px 0!important}.configTopo .aside .toolbar .el-button[data-v-d466c262]:hover{border-color:var(--el-color-primary)!important;color:unset!important}.configTopo .aside .toolbar .el-button[data-v-d466c262] span{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px}.configTopo .aside .toolbar .el-button[data-v-d466c262] span img{width:16px;margin-bottom:10px}.configTopo .aside .toolbar .el-button[data-v-d466c262] span .img_dark{display:none}.configTopo .aside .toolbar .el-button[data-v-d466c262] span .img_light{display:block}.configTopo .mengban[data-v-d466c262]{background:#fff;border-radius:10px;border:1px solid #eaedf7;line-height:17px;height:45px;min-width:75px;padding:0 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute}.configTopo .mengban span[data-v-d466c262]{color:#0080ff;cursor:pointer}.configTopo .mengban span[data-v-d466c262]:hover{color:#0a6aa1}.configTopo[data-v-d466c262] .el-dialog .el-dialog__header{padding:10px;text-align:left;border-bottom:1px solid var(--el-border-color);margin:0}.configTopo[data-v-d466c262] .el-dialog .el-dialog__header .el-dialog__headerbtn{width:40px;height:35px}.configTopo[data-v-d466c262] .el-dialog .el-dialog__header .changeLinkTitle{align-items:center;padding:0 15px}.configTopo[data-v-d466c262] .el-dialog .el-dialog__header .changeLinkTitle span.bold{font-size:16px;font-weight:600}.configTopo[data-v-d466c262] .el-dialog .el-dialog__header .changeLinkTitle div{height:30px;display:flex;white-space:nowrap;align-items:center}.configTopo[data-v-d466c262] .el-dialog .el-dialog__header .changeLinkTitle div .el-select{width:140px}.configTopo[data-v-d466c262] .el-dialog .el-dialog__header .changeLinkTitle div .el-select .el-select__wrapper{width:100%}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor{display:flex}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-popup-select{width:100%;display:flex;align-items:center;justify-content:space-between}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-popup-select .max-number,.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-popup-select .min-number{width:calc(50% - 50px);background-color:transparent;text-align:center;border:1px solid var(--el-border-color);border-radius:3px!important;outline:none}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-popup-select .check-color{cursor:pointer;width:13px;height:13px;display:inline-block;margin-bottom:1px;border-radius:3px;border:1px solid var(--el-border-color);vertical-align:middle;position:relative}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-popup-select .check-color .yes-or-no{position:absolute;left:-10px;bottom:-41px;box-shadow:0 0 10px 0 rgba(0,0,0,.35);width:120px;height:33px;border-radius:3px;background-color:#fff;z-index:9999}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-popup-select .check-color .yes-or-no .check-triangle{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:#fff;top:-4px;left:13px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-popup-select .check-color .yes-or-no .check-text{width:100%;height:100%;text-align:center;line-height:32px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-popup-select .actve-color{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADCUlEQVRYCc1XTUgVURT+zqhRmUUhQaElPhJCpB8RiSJIiIp0k2m2a9dKCILauomgVUbtWrTqvUyCWoSQQe16kCWmFcEjC7JFYZH9UPbmdM+dN+OMM29mfJPWLN6c893vfOec6/0ZCerJp+tZ3vKQ2xHAkB+s3Ahqf6hNH8MDEPDeCtFkQClvsIBVdQXIFv066QAeDQd1GR5NGzd6crZZqLPgUtcLoPYQzEzKIZCZrp+SahxknkH5TCoN5p55uHYN0Caj2KAwTPDbwCLdan6CmlhU1Tkch2C3Ru0PgJlJP0FaExIPNDiDYjgK4rj7F18eD8GCvL+h8+ClBnuh8xQc4kUjS7TptO2MngTbt99+gbWNgGsBClFPcWVN4CSV20rO+9MEqOU8KNUNM6uytl6AeWOLWt+mQ3EboQuamvvAI31uvs8OFfCxAwBDlmwAHgsiwjRxOlXL4GzYpglUI8qU9eSOJ2tBifj/jIHpioBqJycTULpLJ0DdL4GGE75eYlVAR56ozT4LvLoWQ6C62Utq7AUtWwMebPLiBc9XAe29Cuocs4YrqmA0nYI53B0YLKBPgG/tAFVUQm/fzlHwh8fAx5H4AsI0hzpAW0/qIL5/rGiwDPgq0OzPz8Hj/TBvqrMh4km2lJV4cAURWd3DiQT0rSx72q24EJtArdZ5QDzKjHULCU7KtQ4j2l6uD6MlTi7FWw1z1ljwSZi0dVe85E60CFxaJZv/vAD/xVxyLyqw5iCMPVe0Ak+Pg4ePWsdoiObfKYDU5bzvOmh9i05lZs8CrwdD0s4NRRZAbSLcqlat2i+PTgNvbs9Fi1W9E9SWARll4G/vwEOHgdkZLyfEi3cWqq9vY/dlLcPTY+B7XWof/Qbtugja3KFx81k/MHEpJFXwULwCJLZsBejAHdDqej0byP8ElS8H//pidf19KjhDBBp/F+R/gO/uh/n0HEgdYzp5bgByAaLE5FJb/BmI6KTU4fgzUGqGiLj/oAD1gRpR5OINy8exfGLrb3zlyAW/eNksZZ1DEqv/KyT3H5RK65fN2dzoAAAAAElFTkSuQmCC);background-size:120%;background-position:-1px -1px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-bar{flex:1;height:30px;border:1px solid var(--el-border-color);border-radius:5px;margin-top:5px;padding:0 20px;display:flex;align-items:center;justify-content:center}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-bar input{position:absolute;border:1px solid var(--el-border-color)}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-bar .radio-c,.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-bar .radio-l,.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-bar .radio-r{width:33.33%;height:6px;position:relative}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-bar .center-color,.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-bar .left-color,.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-bar .right-color{width:5px;height:5px;left:50%;transform:translate(-50%);top:.5px;overflow:hidden}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .color-bar .circle{position:absolute;width:10px;height:10px;left:50%;transform:translate(-50%,-50%);top:50%;border:2px solid #fff;border-radius:50%;box-shadow:0 0 2px 0 rgba(0,0,0,.35);cursor:pointer}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .sure-color{margin:5px 0 0 5px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .sure-color .lifted-btn{cursor:pointer;text-align:center;line-height:28px;height:30px;width:66px;padding:0;border:1px solid var(--el-border-color);border-radius:3px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .channelColor .sure-color .lifted-btn:hover{border:1px solid #252b3b}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configLink #linkName{width:100%;background-color:transparent;outline:none}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configDevice{margin:10px 0}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configDevice .endDevice,.configTopo[data-v-d466c262] .el-dialog .dialogCont .configDevice .startDevice{width:calc(50% - 15px)}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configDevice .toggleBtn{font-size:25px;cursor:pointer;margin:25px 5px 0 5px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configDevice .toggleBtn:hover{color:#fda722}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel{border:1px solid var(--el-border-color);padding:10px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .linkNum{display:flex;justify-content:space-between;margin-bottom:10px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .linkNum a{text-decoration:underline;color:#fda722}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .channelNum{max-height:240px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .channelNum .numItem{margin-bottom:10px;border:1px solid var(--el-border-color)}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .channelNum .numItem .itemTitle{padding:3px;display:flex;align-items:center;justify-content:space-between}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .channelNum .numItem .itemTitle .ordinal{width:150px;background-color:#f9f9f9;height:30px;line-height:30px;padding-left:10px;border-radius:3px;position:relative}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .channelNum .numItem .itemTitle .ordinal .el-icon{position:absolute;right:-15px;top:8px;cursor:pointer}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .channelNum .numItem .configItem{border-top:1px solid var(--el-border-color);padding:10px;display:flex;flex-wrap:wrap;font-size:13px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .channelNum .numItem .configItem .startPort{width:50%;border-right:1px solid var(--el-border-color);padding-right:10px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .channelNum .numItem .configItem .endPort{width:50%;padding-left:10px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .channelNum .numItem .configItem .inputSty{display:flex;align-items:center;justify-content:center;margin-top:10px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .channelNum .numItem .configItem .inputSty input{margin-right:5px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .channelNum .numItem .configItem .el-select{width:100%;margin-top:3px;margin-bottom:5px}.configTopo[data-v-d466c262] .el-dialog .dialogCont .configChannel .channelNum .numItem .configItem .bandwidth{background:#f9f9f9;cursor:no-drop}.configTopo[data-v-d466c262] .el-dialog .messMark{position:absolute;top:0;left:0;width:100%;height:100%}.configTopo[data-v-d466c262] .el-dialog .dialog-footer .el-button{width:65px}.configTopo[data-v-d466c262] .el-dialog .dialog-footer .leftBtnOk{margin-right:40px}.configTopo[data-v-d466c262] .el-dialog.returnDialog .el-dialog__header{border-bottom:none!important}.configTopo[data-v-d466c262] .el-dialog.returnDialog .el-dialog__body{text-align:center;font-size:16px}.configTopo[data-v-d466c262] .el-dialog.returnDialog .el-dialog__footer{border-top:1px solid var(--el-border-color)}.configTopo[data-v-d466c262] .el-dialog.returnDialog .el-dialog__footer .sueSave{margin-right:40px}.assetStateInfoWrap[data-v-d466c262]{position:absolute;left:-1px;top:50%;transform:translateY(-50%);z-index:99}.assetStateInfo[data-v-d466c262]{width:50px;padding-top:15px;border-radius:0 8px 8px 0!important;border:1px solid var(--el-border-color)}.assetStateInfo span[data-v-d466c262]{display:block;position:relative;padding-top:13px;text-align:center;padding-bottom:15px;font-size:13px}.assetStateInfo span[data-v-d466c262]:after{content:"";position:absolute;width:10px;height:10px;left:20px;top:0;border-radius:5px}.assetStateInfo.assetStateInfo1[data-v-d466c262]{margin-top:15px}.assetStateInfo.assetStateInfo1 span[data-v-d466c262]:after{content:"";position:absolute;width:calc(100% - 10px);height:3px;left:5px;top:0;border-radius:5px}.assetStateInfo .health[data-v-d466c262]:after{background-color:#0cc192}.assetStateInfo .noHealth[data-v-d466c262]:after{background-color:#fda722}.assetStateInfo .message[data-v-d466c262]:after{background-color:#c14c4c}.assetStateInfo .offLine[data-v-d466c262]:after{background-color:#c6c6c6}.assetStateInfo .noFind[data-v-d466c262]:after{background-color:#27639d}.graph[data-v-d466c262]{height:calc(100% - 40px);padding:15px 15px}.graph .demoList[data-v-d466c262]{width:210px;height:auto;margin:10px 15px 0;position:relative;padding:4px 2px 3px 40px;display:inline-block;box-sizing:border-box;cursor:pointer;background-image:url(../img/dombg.2d6794c4.png);background-size:100% 100%}.graph .demoList .domImg[data-v-d466c262]{position:absolute;top:18px;left:7px;width:30px;height:30px;background-image:url(../img/domImg.ca2354a0.png);background-size:100%}.graph .demoList .hoverBorder[data-v-d466c262]{position:absolute;bottom:1px;left:1px;width:98%;height:47px;border-radius:3px}.graph .demoList .hoverBorder[data-v-d466c262]:hover{border:1px solid #fda722}.graph .demoList .democont[data-v-d466c262]{padding:11px 0 3px;line-height:18px}.graph .demoList .democont p[data-v-d466c262]{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.graph .demoList i[data-v-d466c262]{display:block;width:6px;height:6px;border-radius:3px;border:1px solid;position:absolute;top:10px;right:5px}.inputSty[data-v-d466c262]{border-radius:3px;border:1px solid var(--el-border-color);height:30px;margin-top:5px;width:100%;background-color:transparent;outline:none;padding:0 5px}.dark .configTopo .assetsList #stencil[data-v-d466c262] .x6-node:hover rect{fill:rgba(255,255,225,.1019607843)}.dark .configTopo .aside .toolbar .el-button[data-v-d466c262]{background:#25304a!important;border:1px solid #25304a!important}.dark .configTopo .aside .toolbar .el-button[data-v-d466c262]:hover{border-color:var(--el-color-primary)!important}.dark .configTopo .aside .toolbar .el-button[data-v-d466c262] span .img_dark{display:block}.dark .configTopo .aside .toolbar .el-button[data-v-d466c262] span .img_light{display:none}.dark .configTopo .mengban[data-v-d466c262]{background-color:#2f4056;border:none}.dark .configTopo .mengban span[data-v-d466c262]{color:#fff}.dark .configTopo .mengban span[data-v-d466c262]:hover{color:#0a6aa1}.dark .configTopo[data-v-d466c262] .el-dialog .dialogCont .ordinal{background:#283552!important;border:none!important}.dark .configTopo[data-v-d466c262] .el-dialog .dialogCont .bandwidth{background:#283552!important}.dark .configTopo[data-v-d466c262] .el-dialog .channelColor .lifted-btn:hover{border:1px solid #5c6a92!important}.dark .configTopo[data-v-d466c262] .el-dialog .channelColor .check-triangle,.dark .configTopo[data-v-d466c262] .el-dialog .channelColor .yes-or-no{background-color:#34486a!important}.dark .labelData[data-v-d466c262]{background-color:#2f4056;color:#fff;border:none}.dark .states[data-v-d466c262] .el-table .is-horizontal{background:#263451}.dark .states[data-v-d466c262] .el-table .cell,.dark .states[data-v-d466c262] .el-table .el-table__empty-text{color:#eee}.dark .states[data-v-d466c262] .el-table .el-table--border:after,.dark .states[data-v-d466c262] .el-table .el-table__border-left-patch,.dark .states[data-v-d466c262] .el-table .el-table__inner-wrapper:after{background:#333b51}.dark .states[data-v-d466c262] .el-table thead .el-table__cell{border:1px solid #333b51;background:#1e304e}.dark .graph .demoList[data-v-d466c262]{background-image:url(../img/dombgw.8ff3f044.png)}.dark .graph .demoList .domImg[data-v-d466c262]{background-image:url(../img/domImgw.a9dc7d5b.png)}.dark .graph .demoList .hoverBorder[data-v-d466c262]{position:absolute;bottom:3px;left:2px;width:97%;height:47px;border-radius:3px}#contGraph[data-v-d466c262]{width:100%!important;height:100%!important;position:relative}#contGraph .x6-graph-grid[data-v-d466c262]{background-image:none!important}label[data-v-d466c262]{font-size:14px}.toFlex[data-v-d466c262]{display:flex}.states[data-v-d466c262]{position:absolute;top:0;left:100%;width:100%;height:100%;padding:10px 15px}.states[data-v-d466c262] .el-table{font-size:13px}.states[data-v-d466c262] .el-table .cell{padding:0 8px;color:rgba(51,51,51,.8);text-align:center}.states[data-v-d466c262] .el-table .is-horizontal{display:block!important;background:#eaedf7}.states[data-v-d466c262] .el-table .el-table__empty-text{color:rgba(51,51,51,.8)}.states[data-v-d466c262] .el-table .el-table__inner-wrapper:before{height:0}.states[data-v-d466c262] .el-table .el-table--border:after,.states[data-v-d466c262] .el-table .el-table__border-left-patch,.states[data-v-d466c262] .el-table .el-table__inner-wrapper:after{background:#eaedf7}.states[data-v-d466c262] .el-table thead .el-table__cell{border:1px solid #eaedf7;background:#f9fafb}.toHide[data-v-d466c262]{transform:translate(-100%);transition:all .5s ease-in-out}.toShow[data-v-d466c262]{transform:translate(0);transition:all .5s ease-in-out}.labelData[data-v-d466c262]{position:fixed;z-index:9999;padding:10px;box-shadow:0 9px 28px 0 rgba(0,0,0,.05)!important;border-radius:10px!important;font-size:14px;border:1px solid #eaedf7;color:#0080ff;background:#fff;white-space:nowrap;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.labelData label[data-v-d466c262]{text-align:left;display:inline-block;width:130px;font-size:14px;height:24px;line-height:24px;font-weight:400}.labelData .el-scrollbar__view div[data-v-d466c262]{margin:10px 0;padding:10px;border-radius:3px!important;position:relative}.labelData .el-scrollbar__view div img[data-v-d466c262]{position:absolute;top:10px;right:10px;width:74px;height:26px}.dark .labelData .el-scrollbar__view div[data-v-d466c262]{background-color:hsla(0,0%,100%,.08);color:#fff}.light .labelData .el-scrollbar__view div[data-v-d466c262]{background-color:#f9f9f9}.light .labelData .el-scrollbar__view div label[data-v-d466c262]{color:#444}.light .labelData .el-scrollbar__view div span[data-v-d466c262]{color:#666}.choseSystem[data-v-d466c262]{float:left}.choseSystem .el-form-item[data-v-d466c262]{margin-bottom:0}.blue[data-v-d466c262]{color:#0080ff;border-color:#0080ff}.red[data-v-d466c262]{color:#c14c4c;border-color:#c14c4c}.leftTitle[data-v-d466c262]{width:220px;float:left}.rightTitle[data-v-d466c262]{float:left}.fullContainer[data-v-d466c262]{padding:0!important;height:calc(100% - 60px)!important}.fullContainer h3[data-v-d466c262]{font-size:13px;line-height:35px;height:35px;position:relative;padding-left:8px;font-weight:400;color:var(--el-menu-text-color)}.fullContainer h3[data-v-d466c262]:after{position:absolute;content:"";width:2px;height:15px;left:0;top:10px;background:#fda722}#graph-container[data-v-d466c262]{border:1px solid var(--el-border-color);position:relative;width:0;flex:1}.assetsList[data-v-d466c262]{width:210px;height:100%;padding:0 5px;background:var(--el-menu-bg-color);border-right:1px solid var(--el-border-color);border-left:1px solid var(--el-border-color);border-bottom:1px solid var(--el-border-color)}.assetsList h3[data-v-d466c262]{margin:4px 0;border-bottom:1px solid var(--el-border-color)}.assetsList .el-icon[data-v-d466c262]{position:absolute;right:10px;top:8px;font-size:18px;cursor:pointer}.assetsList p[data-v-d466c262]{padding-left:10px;line-height:25px}.assetsList #stencil[data-v-d466c262]{width:100%;height:calc(100% - 82px);position:relative}.assetsList #stencil[data-v-d466c262] .x6-widget-stencil,.assetsList #stencil[data-v-d466c262] .x6-widget-stencil-title{background:transparent}.assetsList #stencil[data-v-d466c262] .x6-node:hover rect{fill:rgba(245,245,7,.1921568627)}.assetsList #stencil[data-v-d466c262] .x6-widget-stencil-content::-webkit-scrollbar{width:2px}.assetsList #stencil[data-v-d466c262] .x6-widget-stencil-content::-webkit-scrollbar-thumb{border-radius:1px;background:rgba(0,0,0,.1)}.assetsList #stencil[data-v-d466c262] .x6-widget-stencil-content::-webkit-scrollbar-track{border-radius:0;background:rgba(40,196,71,0)}.assetsList #stencil[data-v-d466c262] .x6-widget-stencil-content{overflow:hidden}.assetsList #stencil[data-v-d466c262] .x6-widget-stencil-content:hover{overflow-y:auto}.assetsList>.el-button[data-v-d466c262]{margin:5px}.assetsList p[data-v-d466c262]{padding:0 5px;display:flex;align-items:center;justify-content:space-between}