.ivu-layout-header{padding:0;background:#fff}.ivu-layout-sider{background:#fff}.ivu-avatar{width:10px;height:10px;line-height:10px}.layout[data-v-752831b4]{height:100vh;overflow:hidden}.top[data-v-752831b4]{display:flex;align-items:stretch;justify-content:center}.top .icon-wraper[data-v-752831b4]{display:flex;align-items:center;position:relative;padding-right:30px;padding-left:30px;width:240px}.top .icon-wraper .icon-item[data-v-752831b4]{display:flex;align-items:center;cursor:pointer}.top .icon-wraper .icon-item .name[data-v-752831b4]{margin:0 5px;font-size:16px;font-weight:700;color:#fff;max-width:150px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top .icon-wraper .icon-item .icon[data-v-752831b4]{font-size:16px;font-weight:700;color:#fff}.top .icon-wraper .list[data-v-752831b4]{position:absolute;top:60px;padding:10px 20px;box-shadow:0 3px 6px #d1d0d0;border-radius:4px;background:#fff;width:202px;z-index:10}.top .icon-wraper .list .title[data-v-752831b4]{font-weight:700;padding:10px 0;border-bottom:1px solid #eee}.top .icon-wraper .list .name[data-v-752831b4]{padding:10px 0;line-height:1.4;cursor:pointer}.top .icon-wraper .list .name.active[data-v-752831b4],.top .icon-wraper .list .name[data-v-752831b4]:hover{color:#0087e0}.top .right[data-v-752831b4]{padding-right:30px;display:flex;justify-content:space-between;flex:1;align-items:center}.top .right .menu-icon[data-v-752831b4]{margin-left:20px;font-size:24px;color:#666}.top .right .item-wraper[data-v-752831b4]{display:flex;align-items:center}.top .right .item[data-v-752831b4]{margin-right:10px;cursor:default}.top .right .item .i[data-v-752831b4]{margin-right:3px}.footer[data-v-752831b4]{line-height:40px;text-align:center;background:#f8f8f8}.contentWraper[data-v-752831b4]{display:flex;background:#f8f8f8;width:100%;min-height:calc(100vh - 60px)}.contentWraper .content[data-v-752831b4]{flex:1;margin:15px;background:#fff;display:flex;flex-direction:column;border-radius:4px;overflow:hidden}.contentWraper .content .main-content[data-v-752831b4]{flex:1;overflow-y:auto}.add-item[data-v-26c14f01]{margin-top:8px}.url-item[data-v-26c14f01]{margin-bottom:12px}.tab-editor[data-v-254caad7]{position:absolute;top:33px;bottom:0;left:0;right:0;font-size:14px}.left-editor[data-v-254caad7]{position:relative;height:100%;background:#1e1e1e;overflow:hidden}.setting[data-v-254caad7]{position:absolute;right:15px;top:3px;color:#a9f122;font-size:18px;cursor:pointer;z-index:1}.right-preview[data-v-254caad7]{height:100%;display:flex;flex-direction:column;background:#f8f8f8}.right-preview .result-wrapper[data-v-254caad7]{padding:20px;flex:1;margin:20px auto;overflow:auto;padding:12px;box-sizing:border-box;background:#fff}.action-bar[data-v-254caad7]{height:33px;background:#f2fafb;padding:0 15px;box-sizing:border-box}.action-bar .bar-btn[data-v-254caad7]{display:inline-block;padding:0 6px;line-height:32px;color:#8285f5;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.action-bar .bar-btn i[data-v-254caad7]{font-size:20px}.action-bar .bar-btn[data-v-254caad7]:hover{color:#4348d4}.action-bar .bar-btn+.bar-btn[data-v-254caad7]{margin-left:8px}.action-bar .delete-btn[data-v-254caad7]{color:#f56c6c}.action-bar .delete-btn[data-v-254caad7]:hover{color:#ea0b30}[data-v-254caad7] .el-drawer__header,[data-v-5dd135a8] .el-drawer__header{display:none}.action-bar[data-v-5dd135a8]{height:33px;background:#f2fafb;padding:0 15px;box-sizing:border-box}.action-bar .bar-btn[data-v-5dd135a8]{display:inline-block;padding:0 6px;line-height:32px;color:#8285f5;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.action-bar .bar-btn i[data-v-5dd135a8]{font-size:20px}.action-bar .bar-btn[data-v-5dd135a8]:hover{color:#4348d4}.action-bar .bar-btn+.bar-btn[data-v-5dd135a8]{margin-left:8px}.action-bar .delete-btn[data-v-5dd135a8]{color:#f56c6c}.action-bar .delete-btn[data-v-5dd135a8]:hover{color:#ea0b30}.json-editor[data-v-5dd135a8]{height:calc(100vh - 33px)}.title[data-v-6ce3dc6e]{cursor:pointer}.tab-editor[data-v-6ce3dc6e]{width:100%;height:500px}.icon-ul[data-v-52c2c698]{margin:0;padding:0;font-size:0}.icon-ul li[data-v-52c2c698]{list-style-type:none;text-align:center;font-size:14px;display:inline-block;width:16.66%;box-sizing:border-box;height:108px;padding:15px 6px 6px 6px;cursor:pointer;overflow:hidden}.icon-ul li[data-v-52c2c698]:hover{background:#f2f2f2}.icon-ul li.active-item[data-v-52c2c698]{background:#e1f3fb;color:#7a6df0}.icon-ul li>i[data-v-52c2c698]{font-size:30px;line-height:50px}.icon-dialog[data-v-52c2c698] .el-dialog{border-radius:8px;margin-bottom:0;margin-top:4vh!important;display:flex;flex-direction:column;max-height:92vh;overflow:hidden;box-sizing:border-box}.icon-dialog[data-v-52c2c698] .el-dialog .el-dialog__header{padding-top:14px}.icon-dialog[data-v-52c2c698] .el-dialog .el-dialog__body{margin:0 20px 20px 20px;padding:0;overflow:auto}.tab-editor[data-v-2dfdbf73]{width:100%;height:400px}.title[data-v-6d0c3fc3],.title[data-v-7dd31f11]{cursor:pointer}.tab-editor[data-v-7dd31f11]{width:100%;height:500px}.right-board[data-v-1f405162]{width:350px;position:absolute;right:0;top:0;padding-top:3px}.right-board .field-box[data-v-1f405162]{position:relative;height:calc(100vh - 42px);box-sizing:border-box;overflow:hidden}.right-board .el-scrollbar[data-v-1f405162]{height:100%}.select-item[data-v-1f405162]{display:flex;border:1px dashed #fff;box-sizing:border-box;align-items:center}.select-item .close-btn[data-v-1f405162]{cursor:pointer;color:#f56c6c}.select-item .el-input+.el-input[data-v-1f405162]{margin-left:4px}.select-item+.select-item[data-v-1f405162]{margin-top:4px}.select-item.sortable-chosen[data-v-1f405162]{border:1px dashed #409eff}.select-item-action[data-v-1f405162]{display:flex;align-items:center;flex:1;flex-wrap:wrap}.select-child-item[data-v-1f405162]{padding-left:4px;display:flex;align-items:center;border:1px solid #eee}.select-child-item .edit-btn[data-v-1f405162]{cursor:pointer;color:#409eff}.select-line-icon[data-v-1f405162]{line-height:32px;font-size:22px;padding:0 4px;color:#777}.option-drag[data-v-1f405162]{cursor:move}.time-range .el-date-editor[data-v-1f405162]{width:227px}.time-range[data-v-1f405162] .el-icon-time{display:none}.document-link[data-v-1f405162]{position:absolute;display:block;width:26px;height:26px;top:0;left:0;cursor:pointer;background:#409eff;z-index:1;border-radius:0 0 6px 0;text-align:center;line-height:26px;color:#fff;font-size:18px}.node-label[data-v-1f405162]{font-size:14px}.node-icon[data-v-1f405162]{color:#bebfc3}.container{position:relative;width:100%;height:100%}.components-list{padding:8px;box-sizing:border-box;height:100%}.components-list .components-item{display:inline-block;width:48%;margin:1%;transition:transform 0ms!important}.components-draggable{padding-bottom:20px}.components-title{font-size:14px;color:#222;margin:6px 2px}.components-title .svg-icon{color:#666;font-size:18px}.components-body{padding:8px 0;background:#f6f7ff;font-size:12px;cursor:move;border:1px dashed #f6f7ff;border-radius:3px;text-align:center}.components-body .svg-icon{color:#777;font-size:15px}.components-body:hover{border:1px dashed #787be8;color:#787be8}.components-body:hover .svg-icon{color:#787be8}.left-board{width:260px;position:absolute;left:0;top:0;height:100vh}.center-scrollbar,.left-scrollbar{height:calc(100vh - 42px);overflow:hidden}.center-scrollbar{border-left:1px solid #f1e8e8;border-right:1px solid #f1e8e8;box-sizing:border-box}.center-board{height:100vh;width:auto;margin:0 350px 0 260px;box-sizing:border-box}.empty-info{position:absolute;top:46%;left:0;right:0;text-align:center;font-size:18px;color:#ccb1ea;letter-spacing:4px}.action-bar{position:relative;height:42px;text-align:right;padding:0 15px;box-sizing:border-box;border:1px solid #f1e8e8;border-top:none;border-left:none}.action-bar .delete-btn{color:#f56c6c}.logo-wrapper{position:relative;height:42px;background:#fff;border-bottom:1px solid #f1e8e8;box-sizing:border-box}.logo{position:absolute;left:12px;top:6px;line-height:30px;color:#00afff;font-weight:600;font-size:17px;white-space:nowrap}.logo>img{width:30px;height:30px;vertical-align:top}.logo .github{display:inline-block;vertical-align:sub;margin-left:15px}.logo .github>img{height:22px}.center-board-row{padding:12px 12px 15px 12px;box-sizing:border-box}.center-board-row>.el-form{height:calc(100vh - 69px)}.drawing-board{height:100%;position:relative}.drawing-board .components-body{padding:0;margin:0;font-size:0}.drawing-board .sortable-ghost{position:relative;display:block;overflow:hidden}.drawing-board .sortable-ghost:before{content:" ";position:absolute;left:0;right:0;top:0;height:3px;background:#5959df;z-index:2}.drawing-board .components-item.sortable-ghost{width:100%;height:60px;background-color:#f6f7ff}.drawing-board .active-from-item>.el-form-item{background:#f6f7ff;border-radius:6px}.drawing-board .active-from-item>.drawing-item-copy,.drawing-board .active-from-item>.drawing-item-delete{display:initial}.drawing-board .active-from-item>.component-name{color:#409eff}.drawing-board .el-form-item{margin-bottom:15px}.drawing-item{position:relative;cursor:move}.drawing-item.unfocus-bordered:not(.active-from-item)>div:first-child{border:1px dashed #ccc}.drawing-item .el-form-item,.drawing-item .row-content-item{padding:12px 10px}.drawing-item.active-from-item>.row-content-item{background:#f6f7ff;border-radius:6px}.drawing-row-item{position:relative;cursor:move;box-sizing:border-box;border:1px dashed #ccc;border-radius:3px;padding:0 2px;margin-bottom:15px}.drawing-row-item .drawing-row-item{margin-bottom:2px}.drawing-row-item .el-col{margin-top:22px}.drawing-row-item .el-form-item{margin-bottom:0}.drawing-row-item .drag-wrapper{min-height:80px}.drawing-row-item.active-from-item{border:1px dashed #409eff}.drawing-row-item .component-name{position:absolute;top:0;left:0;font-size:12px;color:#bbb;display:inline-block;padding:0 6px}.drawing-item:hover>.el-form-item,.drawing-row-item:hover>.el-form-item{background:#f6f7ff;border-radius:6px}.drawing-item:hover>.drawing-item-copy,.drawing-item:hover>.drawing-item-delete,.drawing-row-item:hover>.drawing-item-copy,.drawing-row-item:hover>.drawing-item-delete{display:initial}.drawing-item:hover>.row-content-item,.drawing-row-item:hover>.row-content-item{background:#f6f7ff;border-radius:6px}.drawing-item>.drawing-item-copy,.drawing-item>.drawing-item-delete,.drawing-row-item>.drawing-item-copy,.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}.drawing-item>.drawing-item-copy,.drawing-row-item>.drawing-item-copy{right:56px;border-color:#409eff;color:#409eff;background:#fff}.drawing-item>.drawing-item-copy:hover,.drawing-row-item>.drawing-item-copy:hover{background:#409eff;color:#fff}.drawing-item>.drawing-item-delete,.drawing-row-item>.drawing-item-delete{right:24px;border-color:#f56c6c;color:#f56c6c;background:#fff}.drawing-item>.drawing-item-delete:hover,.drawing-row-item>.drawing-item-delete:hover{background:#f56c6c;color:#fff}.fixBtn[data-v-a805b558]{position:fixed;bottom:0;left:0;right:0;padding:20px 0;background:#e7e7e7;text-align:center}.page-back[data-v-a805b558]{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}