.grid-container,.grid-parser-container{position:relative;width:100%;height:100%;overflow:hidden}.grid-container .action-bar,.grid-parser-container .action-bar{position:relative;text-align:right;padding:18px;border-bottom:1px solid #f1e8e8}.grid-container .action-bar .delete-btn,.grid-parser-container .action-bar .delete-btn{color:#f56c6c}.grid-container .grid-body,.grid-parser-container .grid-body{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden}.grid-container .grid-left,.grid-parser-container .grid-left{height:100%;overflow:auto;padding-left:3px;padding-right:13px}.grid-container .grid-right,.grid-parser-container .grid-right{-webkit-box-flex:1;-ms-flex:1;flex:1;height:calc(100% - 15px);border-left:1px solid #f1e8e8;overflow:auto;background:#fff}.grid-container .box-card-left,.grid-parser-container .box-card-left{padding-left:13px;width:360px;height:100%}.grid-container .box-card-left .leftInput,.grid-parser-container .box-card-left .leftInput{width:100%;padding:20px 21px 12px 8px}.grid-container .box-card-left .box-card-display,.grid-parser-container .box-card-left .box-card-display{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100% - 79px)}.grid-container .box-card-left .box-card-display .grid-left .el-card,.grid-parser-container .box-card-left .box-card-display .grid-left .el-card{border:none}.grid-container .box-card-left .box-card-display .grid-left .el-card+.el-card,.grid-parser-container .box-card-left .box-card-display .grid-left .el-card+.el-card{margin-top:1px}.grid-container .box-card-left .box-card-display .leftFont,.grid-parser-container .box-card-left .box-card-display .leftFont{line-height:36px;width:60px;height:36px;margin:8px 8px 16px;border-radius:4px;text-align:center;cursor:pointer}.grid-container .component-card,.grid-parser-container .component-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;font-size:12px;cursor:move}.grid-container .component-card:last-child,.grid-parser-container .component-card:last-child{border-bottom:none}.grid-container .component-card-bd,.grid-parser-container .component-card-bd{padding:5px 7px;text-align:center;border:1px solid #ebeef5;border-radius:4px;width:188px}.grid-container .component-card-ft,.grid-parser-container .component-card-ft{margin-left:13px;width:58px;height:24px;line-height:24px;text-align:center;border-radius:4px;color:#fff;background:#409eff}.grid-container .empty-info,.grid-parser-container .empty-info{position:absolute;top:46%;left:0;right:0;text-align:center;font-size:18px;color:#ccb1ea;letter-spacing:4px}.grid-container .center-board-row,.grid-parser-container .center-board-row{position:relative;padding:5px 25px 15px;height:100%}.grid-container .center-board-row .center-board-row-tag,.grid-parser-container .center-board-row .center-board-row-tag{font-size:16px;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 0}.grid-container .center-board-row .center-board-row-tag>div,.grid-parser-container .center-board-row .center-board-row-tag>div{height:36px;line-height:36px}.grid-container .row-new-tag,.grid-parser-container .row-new-tag{position:absolute;top:0;right:5px}.grid-container .graph-container,.grid-parser-container .graph-container{height:calc(100% - 56px);position:relative}.grid-container .graph-container .component-card,.grid-parser-container .graph-container .component-card{padding:0;margin:0;font-size:0}.grid-container .graph-container .is-active>.graph-item-delete,.grid-container .graph-container .is-active>.graph-item-move,.grid-parser-container .graph-container .is-active>.graph-item-delete,.grid-parser-container .graph-container .is-active>.graph-item-move{display:initial}.grid-container .graph-container .col-item,.grid-parser-container .graph-container .col-item{margin-bottom:15px;padding-top:15px}.grid-container .graph-item.unfocus-bordered:not(.is-active)>div:first-child,.grid-parser-container .graph-item.unfocus-bordered:not(.is-active)>div:first-child{border-color:#ccc}.grid-container .graph-item,.grid-parser-container .graph-item{position:relative;padding:0}.grid-container .graph-item .col-item,.grid-parser-container .graph-item .col-item{background-color:#fff}.grid-container .graph-row-item,.grid-parser-container .graph-row-item{min-height:100%;padding:35px 15px 0;border-radius:10px;background-color:#f4f5f9;position:relative}.grid-container .graph-row-item .col-item,.grid-parser-container .graph-row-item .col-item{background-color:#fff}.grid-container .graph-row-item .drag-wrapper,.grid-parser-container .graph-row-item .drag-wrapper{background-color:#f4f5f9;box-sizing:content-box!important;-webkit-box-sizing:content-box!important;padding-bottom:200px}.grid-container .graph-row-item .component-tag,.grid-parser-container .graph-row-item .component-tag{position:absolute;top:0;left:0;padding:3px 7px;border-bottom-right-radius:5px;border-top-left-radius:4px;background-color:hsla(0,0%,85.1%,.6);font-size:12px;color:rgba(0,0,0,.25);z-index:99}.grid-container .graph-item.is-active,.grid-parser-container .graph-item.is-active{border-color:#409eff}.grid-container .graph-item:hover .graph-item-icon,.grid-parser-container .graph-item:hover .graph-item-icon{display:block}.grid-container .graph-item .graph-item-icon,.grid-parser-container .graph-item .graph-item-icon{display:none;position:absolute;top:3px;width:60px;height:26px;line-height:26px;text-align:center;border-radius:4px;font-size:12px;color:#fff;z-index:1}.grid-container .graph-item .graph-item-move,.grid-parser-container .graph-item .graph-item-move{right:78px;cursor:move}.grid-container .graph-item .graph-item-delete,.grid-parser-container .graph-item .graph-item-delete{right:10px;cursor:pointer}.grid-container{background-color:#fff}.grid-parser-container .graph-container{height:100%;position:relative}.disHandle{cursor:not-allowed;color:#999}.disHandle .dis{background:#eee;color:#999}