.form-design-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;height:100%;border:1px solid #e0e0e0}.form-design-container .center-container{border-left:none}.form-design-container .center-container .btn-bar{height:45px;line-height:45px;font-size:18px;border-bottom:2px solid #e4e7ed;text-align:right}.form-design-container .center-container .el-main{padding:0;position:relative;background:#fafafa}.form-design-container .el-container{height:100%!important}.form-design-container>.el-container{background:#fff}.form-design-container .fm2-main{position:relative}.form-design-container .fm2-main>.el-container{position:absolute;top:0;bottom:0;left:0;right:0}.form-design-container main{padding:0}.form-design-container footer{height:30px;line-height:30px;border-top:1px solid #e0e0e0;font-size:12px;text-align:right;color:#409eff;background:#fafafa}.form-design-container footer a{color:#409eff}.widget-form-container{position:absolute;top:0;left:0;right:0;bottom:0}.widget-form-container ::v-deep .widget-form-list{border:none;padding:10px}.widget-form-container ::v-deep .widget-form-list .widget-col-list{border:none;height:100%;background:#fff}.widget-form-container ::v-deep .widget-form-list .widget-view{padding-bottom:18px;position:relative;border:1px dashed hsla(0,0%,66.7%,.7);background-color:rgba(236,245,255,.3);margin:2px}.widget-form-container ::v-deep .widget-form-list .widget-view .el-form-item__content{position:unset}.widget-form-container ::v-deep .widget-form-list .widget-view .el-form-item__content .el-input-number,.widget-form-container ::v-deep .widget-form-list .widget-view .el-form-item__content .el-select{width:100%}.widget-form-container ::v-deep .widget-form-list .widget-view.is_req .el-form-item__label:before{content:"*";color:#f56c6c;margin-right:4px}.widget-form-container ::v-deep .widget-form-list .widget-view .widget-view-description{height:15px;line-height:15px;font-size:13px;margin-top:6px;color:#909399}.widget-form-container ::v-deep .widget-form-list .widget-view .widget-view-action{position:absolute;right:0;bottom:0;height:28px;line-height:28px;background:#409eff;z-index:9}.widget-form-container ::v-deep .widget-form-list .widget-view .widget-view-action i{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.widget-form-container ::v-deep .widget-form-list .widget-view .widget-view-drag{position:absolute;left:-2px;top:-2px;bottom:-18px;height:28px;line-height:28px;background:#409eff;z-index:9}.widget-form-container ::v-deep .widget-form-list .widget-view .widget-view-drag i{font-size:14px;color:#fff;margin:0 5px;cursor:move}.widget-form-container ::v-deep .widget-form-list .widget-view:after{position:absolute;left:0;right:0;top:0;bottom:0;display:block}.widget-form-container ::v-deep .widget-form-list .widget-view.tab-widget:after{display:none}.widget-form-container ::v-deep .widget-form-list .widget-view.tab-widget .el-tabs__content{background-color:#fff;padding:10px;border:1px dashed #ccc}.widget-form-container ::v-deep .widget-form-list .widget-view:hover{background:#ecf5ff;outline:1px solid #409eff;outline-offset:0}.widget-form-container ::v-deep .widget-form-list .widget-view:hover.active{outline:2px solid #409eff;border:1px solid #409eff;outline-offset:0}.widget-form-container ::v-deep .widget-form-list .widget-view:hover .widget-view-drag{display:block}.widget-form-container ::v-deep .widget-form-list .widget-view.active{outline:2px solid #409eff;border:1px solid #409eff}.widget-form-container ::v-deep .widget-form-list .widget-view.ghost{background:#f56c6c;border:2px solid #f56c6c;outline-width:0;height:3px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.widget-form-container ::v-deep .widget-form-list .widget-table{padding-bottom:0;padding:5px;background-color:rgba(253,246,236,.3)}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper{min-height:50px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-row td{border-bottom:0}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-left{width:51px;border-left:1px solid #ebeef5;border-right:1px solid #ebeef5;border-top:1px solid #ebeef5;-webkit-box-flex:0;-ms-flex:none;flex:none}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view{border:1px solid #ebeef5;width:200px;float:left;height:100%;position:relative;display:block}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .el-table{height:100%}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_req .el-form-item__label:before{content:"*";color:#f56c6c;margin-right:4px}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-description{height:15px;line-height:15px;font-size:13px;margin-top:6px;color:#909399}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-action{position:absolute;right:0;bottom:0;height:28px;line-height:28px;background:#409eff;z-index:9}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-action i{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-drag{position:absolute;left:-2px;top:-2px;bottom:-18px;height:28px;line-height:28px;background:#409eff;z-index:9}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-drag i{font-size:14px;color:#fff;margin:0 5px;cursor:move}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:after{position:absolute;left:0;right:0;top:0;bottom:0;display:block;content:""}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:before{display:none}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:hover{background:#ecf5ff;outline:1px solid #409eff;outline-offset:-1px}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:hover.active{border:1px solid #409eff;outline:1px solid #409eff;outline-offset:-1px}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:hover .widget-view-drag{display:block}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.active{outline:1px solid #409eff;border:1px solid #409eff;outline-offset:-1px}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.ghost{background:#f56c6c;outline-width:0;width:5px!important;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0;position:relative;outline:none!important;border:0!important}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.ghost:after{background:#f56c6c;position:absolute;top:0;left:0;bottom:0;right:0;z-index:9999;content:"";outline:none}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-content{width:100%;outline:1px dashed #ccc;background:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 1px;overflow:auto}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col,.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-content>div{height:100%}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col .ghost{background:#f56c6c;position:relative;content:"";float:left;height:100%;width:5px!important;list-style:none;font-size:0;overflow:hidden;outline:none}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col .ghost:after{background:#f56c6c;position:absolute;top:0;left:0;bottom:0;right:0;z-index:9999;content:"";outline:none}.widget-form-container ::v-deep .widget-form-list .widget-table.active{outline:2px solid #e6a23c;border:1px solid #e6a23c}.widget-form-container ::v-deep .widget-form-list .widget-table:hover{background:#fdf6ec;outline:1px solid #e6a23c;outline-offset:0}.widget-form-container ::v-deep .widget-form-list .widget-table:hover.active{outline:2px solid #e6a23c;border:1px solid #e6a23c;outline-offset:0}.widget-form-container ::v-deep .widget-form-list .widget-table .widget-view-action.widget-col-action,.widget-form-container ::v-deep .widget-form-list .widget-table .widget-view-drag.widget-col-drag{background:#e6a23c}.widget-form-container ::v-deep .widget-form-list .widget-table:after{display:none}.widget-form-container ::v-deep .widget-form-list .widget-table.ghost{background:#f56c6c;outline-width:0;height:5px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0;position:relative;outline:none;border:0}.widget-form-container ::v-deep .widget-form-list .widget-table.ghost:after{background:#f56c6c;position:absolute;top:0;left:0;right:0;bottom:0;content:"";display:block;z-index:999}.widget-form-container ::v-deep .widget-form-list .widget-col{padding-bottom:0;padding:5px;background-color:rgba(253,246,236,.3)}.widget-form-container ::v-deep .widget-form-list .widget-col.active{outline:2px solid #e6a23c;border:1px solid #e6a23c}.widget-form-container ::v-deep .widget-form-list .widget-col:hover{background:#fdf6ec;outline:1px solid #e6a23c;outline-offset:0}.widget-form-container ::v-deep .widget-form-list .widget-col:hover.active{outline:2px solid #e6a23c;border:1px solid #e6a23c;outline-offset:0}.widget-form-container ::v-deep .widget-form-list .widget-col .el-col{min-height:50px}.widget-form-container ::v-deep .widget-form-list .widget-col.ghost{background:#f56c6c;border:2px solid #f56c6c;outline-width:0;height:3px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.widget-form-container ::v-deep .widget-form-list .widget-col .widget-view-action.widget-col-action,.widget-form-container ::v-deep .widget-form-list .widget-col .widget-view-drag.widget-col-drag{background:#e6a23c}.widget-form-container ::v-deep .widget-form-list .widget-col:after{display:none}.widget-form-container ::v-deep .widget-form-list .ghost{background:#f56c6c;border:2px solid #f56c6c;outline-width:0;height:3px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.widget-form-container .widget-grid{background:#f4f6fc;position:relative;border-left:5px solid transparent;padding:5px;margin:0!important}.widget-form-container .widget-grid.active{border-left:5px solid #409eff;background:#b3d8ff}.widget-form-container .widget-grid-container.ghost{background:#f56c6c;border:2px solid #f56c6c;outline-width:0;height:3px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.widget-form-container .ghost{background:#f56c6c;border:2px solid #f56c6c;position:relative}.widget-form-container .ghost:after{background:#f56c6c}.widget-form-container li.ghost{height:5px;list-style:none;font-size:0;overflow:hidden}.widget-config-container{position:relative}.widget-config-container .el-header{border-bottom:2px solid #e4e7ed;padding:0 5px}.widget-config-container .config-tab{height:45px;line-height:45px;display:inline-block;width:145px;text-align:center;font-size:14px;font-weight:500;position:relative;cursor:pointer}.widget-config-container .config-tab.active{border-bottom:2px solid #409eff}.widget-config-container .config-content{padding:10px}.widget-config-container .config-content .el-form-item__label{padding:0;font-weight:500}.widget-config-container .config-content .el-form-item{border-bottom:1px solid #e1e1e1;padding-bottom:10px}.widget-config-container .config-content .config-pattern-input .el-input-group__append,.widget-config-container .config-content .config-pattern-input .el-input-group__prepend{padding:0 8px}.widget-config-container .ghost{background:#fff;border:1px dashed #409eff}.widget-config-container .ghost:after{background:#fff;display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0}.widget-config-container ul{margin:0;padding:0}.widget-config-container li.ghost{list-style:none;font-size:0;display:block;position:relative}.form-empty{position:absolute;text-align:center;width:300px;font-size:20px;top:200px;left:50%;margin-left:-150px;color:#ccc}.widget-empty{background-position:50%}