@charset "UTF-8";:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;vab-border-radius:2.5px}.diyform{position:relative;width:100%;height:100%}.diyform .svg-icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.diyform .components-list{padding:8px;box-sizing:border-box;height:100%;overflow-y:auto}.diyform .components-list .components-item{display:inline-block;width:48%;margin:1%;transition:transform 0ms!important}.diyform .components-draggable{padding-bottom:20px}.diyform .components-title{font-size:14px;margin:6px 2px}.diyform .components-title .svg-icon{color:#666;font-size:18px}.diyform .components-body{padding:8px 10px;background:#f6f7ff;font-size:12px;cursor:move;border:1px dashed #f6f7ff;border-radius:3px}.diyform .components-body .svg-icon{color:#777;font-size:15px}.diyform .components-body:hover{border:1px dashed #787be8;color:#787be8}.diyform .components-body:hover .svg-icon{color:#787be8}.diyform .cursorpointer{cursor:pointer}.diyform .left-board{width:260px;position:absolute;left:0;top:0;height:86vh}.diyform .left-scrollbar{height:calc(86vh - 42px);overflow:hidden}.diyform .center-scrollbar{height:calc(86vh - 42px);overflow:hidden;border-left:1px solid #f1e8e8;border-right:1px solid #f1e8e8;box-sizing:border-box}.diyform .center-board{height:86vh;width:auto;margin:0 350px 0 260px;box-sizing:border-box;overflow:hidden}.diyform .center-board .el-col-24{width:100%}.diyform .empty-info{position:absolute;top:46%;left:0;right:0;text-align:center;font-size:18px;color:#ccb1ea;letter-spacing:4px}.diyform .action-bar{position:relative;height:42px;text-align:right;padding:4px 15px 0;box-sizing:border-box;border:1px solid #f1e8e8;border-top:none;border-left:none}.diyform .action-bar .delete-btn{color:#f56c6c}.diyform .logo-wrapper{position:relative;height:42px;background:#fff;border-bottom:1px solid #f1e8e8;box-sizing:border-box}.diyform .logo{position:absolute;left:12px;top:6px;line-height:30px;color:#00afff;font-weight:600;font-size:17px;white-space:nowrap}.diyform .logo>img{width:30px;height:30px;vertical-align:top}.diyform .logo .github{display:inline-block;vertical-align:sub;margin-left:15px}.diyform .logo .github>img{height:22px}.diyform .center-board-row{padding:12px 12px 186px;box-sizing:border-box;overflow-y:auto;height:100%}.diyform .center-board-row>.el-form{width:100%;padding:14px}.diyform .drawing-board{height:100%;position:relative}.diyform .drawing-board .components-body{padding:0;margin:0;font-size:0}.diyform .drawing-board .sortable-ghost{position:relative;display:block;overflow:hidden}.diyform .drawing-board .sortable-ghost:before{content:" ";position:absolute;left:0;right:0;top:0;height:3px;background:#5959df;z-index:2}.diyform .drawing-board .components-item.sortable-ghost{width:100%;height:60px;background-color:#f6f7ff}.diyform .drawing-board .active-from-item>.el-form-item{background:#f6f7ff;border-radius:6px}.diyform .drawing-board .active-from-item>.drawing-item-copy,.diyform .drawing-board .active-from-item>.drawing-item-delete{display:initial}.diyform .drawing-board .active-from-item>.component-name{color:#409eff}.diyform .drawing-board .el-form-item{margin-bottom:15px}.diyform .drawing-item{position:relative;cursor:move}.diyform .drawing-item.unfocus-bordered:not(.active-from-item)>div:first-child{border:1px dashed #ccc}.diyform .drawing-item .el-form-item{padding:12px 10px}.diyform .drawing-row-item{position:relative;cursor:move;box-sizing:border-box;border:1px dashed #ccc;border-radius:3px;padding:0 2px;margin-bottom:15px}.diyform .drawing-row-item .drawing-row-item{margin-bottom:2px}.diyform .drawing-row-item .el-form-item{margin-bottom:0}.diyform .drawing-row-item .drag-wrapper{min-height:80px}.diyform .drawing-row-item.active-from-item{border:1px dashed #409EFF}.diyform .drawing-row-item .component-name{position:absolute;top:0;left:0;font-size:12px;color:#bbb;display:inline-block;padding:0 6px}.diyform .drawing-item:hover>.el-form-item,.diyform .drawing-row-item:hover>.el-form-item{background:#f6f7ff;border-radius:6px}.diyform .drawing-item:hover>.drawing-item-copy,.diyform .drawing-item:hover>.drawing-item-delete,.diyform .drawing-row-item:hover>.drawing-item-copy,.diyform .drawing-row-item:hover>.drawing-item-delete{display:initial}.diyform .drawing-item>.drawing-item-copy,.diyform .drawing-item>.drawing-item-delete,.diyform .drawing-row-item>.drawing-item-copy,.diyform .drawing-row-item>.drawing-item-delete{display:none;position:absolute;top:-10px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;font-size:12px;border:1px solid;cursor:pointer;z-index:1}.diyform .drawing-item>.drawing-item-copy,.diyform .drawing-row-item>.drawing-item-copy{right:56px;border-color:#409eff;color:#409eff;background:#fff}.diyform .drawing-item>.drawing-item-copy:hover,.diyform .drawing-row-item>.drawing-item-copy:hover{background:#409eff;color:#fff}.diyform .drawing-item>.drawing-item-delete,.diyform .drawing-row-item>.drawing-item-delete{right:24px;border-color:#f56c6c;color:#f56c6c;background:#fff}.diyform .drawing-item>.drawing-item-delete:hover,.diyform .drawing-row-item>.drawing-item-delete:hover{background:#f56c6c;color:#fff}.diyform .right-scrollbar .el-scrollbar__view{padding:12px 18px 15px 15px}.diyform .el-scrollbar__wrap{box-sizing:border-box;overflow-x:hidden!important;margin-bottom:0!important}.diyform .center-tabs .el-tabs__header{margin-bottom:0!important}.diyform .center-tabs .el-tabs__item{width:50%;text-align:center}.diyform .center-tabs .el-tabs__nav{width:100%}.diyform .reg-item{padding:12px 6px;background:#f8f8f8;position:relative;border-radius:4px}.diyform .reg-item .close-btn{position:absolute;right:-6px;top:-6px;display:block;width:16px;height:16px;line-height:16px;background:#0003;border-radius:50%;color:#fff;text-align:center;z-index:1;cursor:pointer;font-size:12px}.diyform .reg-item .close-btn:hover{background:#d2171780}.diyform .reg-item+.reg-item{margin-top:18px}.diyform .action-bar .el-button+.el-button{margin-left:15px}.diyform .action-bar i{font-size:20px;vertical-align:middle;position:relative;top:-1px}.diyform .right-board{width:350px;position:absolute;right:0;top:0;padding-top:3px}.diyform .right-board .field-box{position:relative;height:calc(85vh - 42px);box-sizing:border-box;overflow:hidden;padding:14px 0}.diyform .right-board .field-box .diyfield-form{overflow:hidden;overflow-y:auto;height:100%;padding-right:20px;padding-left:20px}.diyform .select-item{display:flex;border:1px dashed #fff;box-sizing:border-box}.diyform .select-item .close-btn{cursor:pointer;color:#f56c6c}.diyform .select-item .el-input+.el-input{margin-left:4px}.diyform .select-item+.select-item{margin-top:4px}.diyform .select-item.sortable-chosen{border:1px dashed #409eff}.diyform .select-line-icon{line-height:32px;font-size:22px;padding:0 4px;color:#777}.diyform .option-drag{cursor:move}.diyform .time-range .el-date-editor{width:227px}.diyform .time-range :v-deep(.el-icon-time){display:none}.diyform .document-link{position:absolute;display:block;width:26px;height:26px;top:0;left:0;cursor:pointer;background:#409eff;z-index:1;border-radius:0 0 6px;text-align:center;line-height:26px;color:#fff;font-size:18px}.diyform .node-label{font-size:14px}.diyform .node-icon{color:#bebfc3}.diyform .diyfield{height:100vh;overflow:hidden}.diyform .tips{display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#999;padding:24px 0}.diyform .add-btn{margin-left:20px;margin-top:12px}.diyform .empty{padding:14px 0}.diyform .empty>div{min-height:34px}.diyform .custom-tree-node{width:100%;font-size:14px}.diyform .custom-tree-node .node-operation{float:right}.diyform .custom-tree-node i[class*=el-icon]+i[class*=el-icon]{margin-left:6px}.diyform .custom-tree-node .el-icon-plus{color:#409eff}.diyform .custom-tree-node .el-icon-delete{color:#157a0c}