.clearflex{*zoom:1}.clearflex:after{content:"";display:block;height:0;visibility:hidden;clear:both}.fl-left{float:left}.fl-right{float:right}.mg{margin:10px!important}.left-mg-xs{margin-left:6px!important}.left-mg-sm{margin-left:10px!important}.left-mg-md{margin-left:14px!important}.top-mg-lg{margin-top:20px!important}.tb-mg-lg{margin:20px 0!important}.bottom-mg-lg{margin-bottom:20px!important}.left-mg-lg{margin-left:18px!important}.title-1{font-size:32px}.title-1,.title-3{text-align:center}.el-pager li.active{color:#409eff!important;border:1px solid #409eff}.el-pager li.active+li{border-left:1px}.el-pager li:hover{color:#409eff!important;border:1px solid #409eff}.eltabsitem .el-tabs__item.is-top{padding-left:20px!important}.full{padding:10px;padding-left:100px}.event{padding:5px 0}.topology-canvas-props .props-container{overflow-x:hidden;overflow-y:auto;font-size:10px}.topology-canvas-props .bottom{position:absolute;bottom:20px}.topology-canvas-props .bottom .title{font-size:10px;padding:10px;border-bottom:1px solid #ccc}.topology-canvas-props .bottom .group li{padding:5px 0}.topology-canvas-props .tips{background:#dbe0e1;padding:10px;font-size:10px;text-align:left;font-weight:700}.topology-canvas-props .tips .return{padding:1px;margin-right:10px;background:#dbe0e1;float:right}.topology-canvas-props .el-collapse{border-top:none}.topology-canvas-props .el-collapse .el-collapse-item__wrap{background:#f8f8f8}.topology-canvas-props .el-collapse .header-icon{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:10px}.topology-canvas-props .el-collapse .el-collapse-item__header{color:#0d1a26;font-size:10px;line-height:1;padding:5px 10px;background-color:#f8f8f8;border-bottom:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.topology-canvas-props .el-collapse .is-active{color:#409eff}.topology-canvas-props .el-collapse .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.topology-canvas-props .el-collapse .item{font-size:10px;padding:5px 10px;width:50%}.topology-canvas-props .el-collapse .item .label{font-size:10px;padding-bottom:10px}.topology-canvas-props .el-collapse .item .info{font-size:10px;display:inline;padding-left:10px}.topology-canvas-props .el-collapse .full-item{font-size:10px;padding:5px 10px;width:100%}.topology-canvas-props .el-collapse .full-item .el-input,.topology-canvas-props .el-collapse .full-item .el-select{width:100%}.topology-canvas-props .el-collapse .full-item .label{font-size:10px;padding-bottom:10px}.topology-canvas-props .el-collapse .el-color-picker,.topology-canvas-props .el-collapse .el-color-picker__trigger{width:100%}.topology-canvas-props .group .title{color:#0d1a26;font-weight:600;padding:10px;font-size:12px;margin-top:5px;border-bottom:1px solid #ccc}.topology-canvas-props .group .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:12px}.topology-canvas-props .group .item{padding:5px 10px;width:50%}.topology-canvas-props .group .item .label{font-size:10px;padding-bottom:10px}.topology-canvas-props .group .item .info{font-size:10px;display:inline;padding-left:10px}.topology-canvas-props .group .button{padding:10px 10px;padding-left:45px;width:50%}.topology-canvas-props .group .full-item{font-size:10px;padding:5px 10px;width:100%}.topology-canvas-props .group .full-item .el-input,.topology-canvas-props .group .full-item .el-select{width:100%}.topology-canvas-props .group .full-item .label{font-size:10px;padding-bottom:10px}.topology-canvas-props .group .el-color-picker,.topology-canvas-props .group .el-color-picker__trigger{width:100%}.topology-canvas-props .mqtt .title{color:#0d1a26;font-weight:600;padding:10px;font-size:10px;margin-top:5px;border-bottom:1px solid #ccc}.topology-canvas-props .mqtt .item{padding:5px 10px;width:50%}.topology-canvas-props .mqtt .item .label{padding-bottom:10px}.topology-canvas-props .buttons{padding:20px 0}.topology-canvas-props .buttons a{display:inline-block;text-align:center;width:60px;height:60px;text-decoration:none!important;cursor:pointer}.topology-canvas-props .buttons a .content{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topology-canvas-props .buttons a .content img{width:85px;height:85px;padding-top:4px}.topology-canvas-props .buttons a .content .name{font-size:10px;margin-top:-5px;color:#000}.topology-canvas-props .buttons a .iconfont{color:rgba(123,126,125,.8);font-size:30px;padding-bottom:0}.topology-canvas-props .buttons .imgContent{width:90px;height:90px}.topology-canvas-props .buttons .imgContent .name{margin-top:0!important}.topology-canvas-menus[data-v-613f8398]{color:#000;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);min-width:1.8rem;text-align:left;padding:10px;font-size:14px}.topology-canvas-menus>div[data-v-613f8398]{line-height:2.2}.topology-canvas-menus>div a[data-v-613f8398]{color:#314659;display:block;padding:0 .2rem;text-decoration:none;cursor:pointer}.topology-canvas-menus>div a[data-v-613f8398]:hover{color:#1890ff}.topology-canvas-menus>div a.flex[data-v-613f8398]{display:-webkit-box;display:-ms-flexbox;display:flex}.topology-canvas-menus>div a.disabled[data-v-613f8398]{color:#ccc;cursor:default}.topology-canvas-menus .line[data-v-613f8398]{background-color:transparent!important;padding:0;margin:.05rem 0;border-top:1px solid #eee}.headerAvatar[data-v-1b9d894e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.file[data-v-1b9d894e]{width:80px;height:80px;position:relative}.media{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.media .header-img-box-list{margin-top:20px;width:120px;margin-left:20px;height:120px;border:1px dashed #ccc;border-radius:20px;text-align:center;line-height:180px;cursor:pointer}