.img-list{width:180px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.img-list .img-box{margin:20px 5px;height:50px;width:50px;position:relative;cursor:pointer}.img-list .img-box .t-close{display:none;position:absolute;top:0;right:0;cursor:pointer}.img-list .img-box .t-close:hover{color:#1890ff}.img-list .img-box:hover .t-close{display:block}.img-list .img-box .img-content{height:100%;width:100%}.eltabsitem .el-tabs__item.is-top{padding-left:20px!important}.tips{background:#dbe0e1;padding:10px;font-size:14px;text-align:left;font-weight:700}.topology-workspace{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:calc(100% - 40px)}.topology-workspace .tools{-ms-flex-negative:0;flex-shrink:0;width:200px;background-color:#f8f8f8;border-right:1px solid #d9d9d9;overflow-y:auto}.topology-workspace .tools .el-collapse{border-top:none}.topology-workspace .tools .el-collapse .el-collapse-item__wrap{background:#f8f8f8}.topology-workspace .tools .el-collapse .el-collapse-item__header{color:#0d1a26;font-size:12px;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-workspace .tools .el-collapse .is-active{color:#409eff}.topology-workspace .tools .buttons{padding:20px 0}.topology-workspace .tools .buttons a{display:inline-block;text-align:center;width:60px;height:60px;text-decoration:none!important;cursor:pointer}.topology-workspace .tools .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-workspace .tools .buttons a .content img{width:85px;height:85px;padding-top:4px}.topology-workspace .tools .buttons a .content .name{font-size:10px;margin-top:-5px;color:#000}.topology-workspace .tools .buttons a .iconfont{color:rgba(123,126,125,.8);font-size:30px;padding-bottom:0}.topology-workspace .tools .buttons .imgContent{width:90px;height:90px}.topology-workspace .tools .buttons .imgContent .name{margin-top:0!important}.topology-workspace .full{-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto;position:relative;overflow:auto;background:#fff}.topology-workspace .full #topology-canvas{width:100%;height:100%;z-index:10}.topology-workspace .full svg{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.topology-workspace .props{-ms-flex-negative:0;flex-shrink:0;width:300px;background-color:#f5f5f5;border-left:1px solid #d9d9d9;overflow-y:auto;position:relative;font-size:12px}.topology-workspace .context-menu{position:fixed;z-index:10}.topology-workspace .nowrap{width:.6rem;display:inline;padding-left:12px}.topology-workspace .test div{width:100px;height:100px;display:inline-block;background:#00f}.inline-block{display:inline-block}.el-dialog{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0!important;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:calc(100% - 30px);max-width:calc(100% - 30px)}.el-dialog .el-dialog__body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.close{width:20px;height:20px;top:-30px;font-size:18px;color:red;right:-10px}.close,.image-remove{position:absolute;cursor:pointer}.image-remove{background-color:#fff;font-color:#ececec;font-size:30px;width:30px;height:30px;text-align:center;border-radius:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:.5;top:2px;right:2px;display:block}