.graph-item[data-v-3aaa709f]{position:relative}.col-item[data-v-3aaa709f]{overflow:hidden;margin-bottom:30px}[data-v-3aaa709f] .el-tabs{padding:10px 22px;height:100%}[data-v-3aaa709f] .el-tabs__nav-wrap:after{display:none}[data-v-3aaa709f] .el-tabs__item{font-weight:400;font-size:18px}[data-v-3aaa709f] .el-tabs__header{margin-bottom:10px}[data-v-3aaa709f] .el-tabs__active-bar{display:none}[data-v-3aaa709f] .el-tabs__content{color:#333;padding:0 16px 0 20px;height:calc(100% - 60px)}.grid-parser-container{height:calc(100vh - 60px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-container_M,.grid-parser-container{position:relative;width:100%;overflow:hidden}.grid-container_M{height:100%;background-color:#fff}.grid-container_M .action-bar{position:relative;height:42px;text-align:right;padding:4px 0 0;border:1px solid #f1e8e8;border-top:none;border-left:none}.grid-container_M .action-bar .delete-btn{color:#f56c6c}.grid-container_M .grid-body{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden}.grid-container_M .grid-left{width:260px;height:calc(100% - 60px);overflow:hidden}.grid-container_M .grid-right{-webkit-box-flex:1;-ms-flex:1;flex:1;height:calc(100% - 30px);border-left:1px solid #f1e8e8;border-right:1px solid #f1e8e8;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-container_M .grid-left .el-card{border:none}.grid-container_M .grid-left .el-card+.el-card{margin-top:1px}.grid-container_M .component-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;font-size:12px;border-bottom:1px solid #ebeef5;cursor:move}.grid-container_M .component-card:last-child{border-bottom:none}.grid-container_M .component-card-bd{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:5px 7px;text-align:center;border:1px solid #ebeef5;border-radius:4px}.grid-container_M .component-card-ft{margin-left:10px;width:50px;height:22px;line-height:22px;text-align:center;border-radius:4px;color:#fff;background:#409eff}.grid-container_M .center-scrollbar{height:calc(100vh - 42px);overflow:hidden;border-left:1px solid #f1e8e8;border-right:1px solid #f1e8e8}.grid-container_M .empty-info{position:absolute;top:46%;left:0;right:0;text-align:center;font-size:18px;color:#ccb1ea;letter-spacing:4px}.grid-container_M .center-board-row{position:relative;padding:30px 15px 15px;height:calc(100vh - 162px);width:435px;border:1px solid #f1e8e8;overflow:auto}.grid-container_M .center-board-row-tag{position:absolute;top:0;left:0;padding:3px 7px 3px 10px;font-size:12px;color:#999;border-bottom-right-radius:5px;border-top-left-radius:4px;background-color:#d9d9d9}.grid-container_M .row-new-tag{position:absolute;top:0;right:5px}.grid-container_M .graph-container{height:100%;position:relative;width:405px}.grid-container_M .graph-container .component-card{padding:0;margin:0;font-size:0}.grid-container_M .graph-container .is-active>.graph-item-delete,.grid-container_M .graph-container .is-active>.graph-item-move{display:initial}.grid-container_M .graph-container .col-item{padding-top:40px}.grid-container_M .graph-item.unfocus-bordered:not(.is-active)>div:first-child{border-color:#ccc}.grid-container_M .graph-item{position:relative;padding:0}.grid-container_M .graph-item .col-item{background-color:#fff}.grid-container_M .graph-row-item{position:relative;padding:35px 15px 20px;margin-bottom:15px;border-radius:5px;background-color:#f5f5f5;border:1px solid #dcdfe6}.grid-container_M .graph-row-item .col-item{background-color:#fff}.grid-container_M .graph-row-item .drag-wrapper{min-height:80px}.grid-container_M .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_M .graph-row-item:hover .graph-item-icon{display:block}.grid-container_M .graph-row-item .graph-item-icon{display:none;position:absolute;top:1px;width:60px;height:22px;line-height:22px;text-align:center;border-radius:4px;font-size:12px;color:#fff;z-index:1}.grid-container_M .graph-row-item .graph-item-move{right:70px;background:#409eff;cursor:move}.grid-container_M .graph-row-item .graph-item-delete{right:5px;background:#f56c6c;cursor:pointer}.grid-container_M .graph-item.is-active{border-color:#409eff}.m_layout{padding:0 14px 5px 14px}.M_grid-parser-container{position:relative;width:100%;height:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.M_grid-parser-container .graph-container{border:1px solid #dadada;width:405px;height:100%;overflow:auto;padding-top:10px;background:#f7f8f9;-webkit-box-shadow:0 2px 4px 0 #c9c9c9;box-shadow:0 2px 4px 0 #c9c9c9}