.desing-container{display:flex;min-height:calc(100vh - 108px)}.desing-container .right-controll{display:block;flex-shrink:0;width:420px!important;background:#fff;border-left:2px solid #f2f3f5}.desing-container .left-container .ve-component-head{display:flex;justify-content:space-between;align-items:center;padding:5px 15px}.desing-container .left-container .ve-component-head .ve-component-list{display:flex;flex:1}.desing-container .left-container .ve-component-head .ve-component-list .ve-component-item{margin-right:8px}.desing-container .left-container .ve-component-head .ve-component-list .ve-component-item .c-name{position:relative;padding:8px 10px;cursor:pointer;color:rgba(0,0,0,.8)}.desing-container .left-container .ve-component-head .ve-component-list .ve-component-item .c-name:hover{background-color:#f1f2f3}.desing-container .left-container .ve-component-head .ve-component-list .ve-component-item .c-name:hover .navigator-group-balloon{display:block}.desing-container .left-container .ve-component-head .ve-component-list .ve-component-item .c-name>i{margin-right:8px}.desing-container .left-container .ve-component-head .ve-component-list .ve-component-item .c-name .navigator-group-balloon{position:absolute;z-index:9999;display:none;padding:10px 0;top:30px;left:0}.desing-container .left-container .ve-component-head .ve-component-list .ve-component-item .c-name .navigator-group-balloon .navigator-group-balloon-content{background-color:#fff;border-radius:4px;box-shadow:0 0 32px 0 rgba(0,0,0,.1);padding:10px 8px;display:block;max-height:600px;width:160px;overflow-y:auto}.desing-container .left-container .ve-component-head .ve-component-list .ve-component-item .c-name .navigator-group-balloon .navigator-group-balloon-content .navigator-group-item{display:flex;align-items:center;justify-content:space-between;position:relative;padding:10px 6px;border-radius:4px;cursor:grab;font-size:13px;color:#666;-webkit-user-select:none;-moz-user-select:none;user-select:none}.desing-container .left-container .ve-component-head .ve-component-list .ve-component-item .c-name .navigator-group-balloon .navigator-group-balloon-content .navigator-group-item:hover{background-color:#f1f2f3}.desing-container .left-container .ve-component-head .ve-component-list .ve-component-item .c-name .navigator-group-balloon .navigator-group-balloon-content .navigator-group-item .left-des span{display:inline-block;width:100px;padding:0 4px;font-size:13px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-left:4px;line-height:1}.desing-container .left-container .ve-component-head .ve-component-list .ve-component-item .c-name .navigator-group-balloon .navigator-group-balloon-content .navigator-group-item .left-des i{font-size:14px}.desing-container .left-container .ve-component-wrap{min-height:calc(100vh - 154px);max-height:calc(100vh - 154px);background-color:#f2f3f5;overflow-y:auto;padding:15px 0}::v-deep .vue-grid-item{border-radius:5px;box-sizing:border-box}::v-deep .vue-grid-item:not(.vue-resizable):hover{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}::v-deep .vue-grid-item.vue-resizable{touch-action:none;border:1px dashed #999}::v-deep .vue-grid-item.vue-grid-placeholder{background:hsla(0,0%,60%,.7)}::v-deep .vue-grid-item:not(.vue-grid-placeholder){background:#fff;padding:1px}::v-deep .ve-workbench-grid__modal{position:absolute;left:0;right:0;top:0;bottom:0;visibility:visible;border:2px solid var(--c-primary);cursor:move;pointer-events:none}::v-deep .ve-workbench-grid__modal .ve-workbench-grid__control{position:absolute;top:-25px;right:-1px;pointer-events:auto;background-color:var(--c-primary);padding:0 5px}::v-deep .ve-workbench-grid__modal .ve-workbench-grid__control .item_title{border-right:5px solid #fff;padding-right:10px!important}::v-deep .ve-workbench-grid__modal .ve-workbench-grid__control .el-button{color:#fff;padding:3px;font-size:14px}::v-deep .vue-grid-item.vue-resizable{border:none}