.constant_formgroup_wrap{max-width:900px;margin:0 auto}.constant_formgroup_wrap .form_main_wrap{padding-bottom:20px}.basic_info{margin:0 190px;padding:20px 0}.basic_info .el-button+.el-button{margin-left:80px}.basic_info-form .el-select{width:100%}.basic_info-form .el-form-item.is-required .el-form-item__label:before{content:"*";color:#f56c6c;margin-right:4px}.form_detail.basic_info-form .el-input.is-disabled .el-input__inner,.form_detail.basic_info-form .el-input.is-disabled .el-textarea__inner,.form_detail.basic_info-form .el-textarea.is-disabled .el-input__inner,.form_detail.basic_info-form .el-textarea.is-disabled .el-textarea__inner{background-color:transparent;border-color:transparent;color:inherit}.form_detail.basic_info-form .el-input.is-disabled .el-input__suffix{display:none}.extra_config .extra_title{color:#666;line-height:38px;border-top:1px solid #e4e7ed;border-bottom:1px dashed #e4e7ed}.extra_config .extra_content{height:210px}.extra_config .extra_label{padding:12px 0;color:#666}.extra_config .avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.extra_config .avatar-uploader .el-upload:hover{border-color:#409eff}.extra_config .avatar-uploader-icon{font-size:28px;color:#8c939d;width:144px;height:144px;line-height:144px;text-align:center}.extra_config .avatar{width:144px;height:144px;display:block}.area_li_style{max-height:200px;padding:5px;overflow-y:auto;clear:both}.area_li_style li{float:left;padding:10px;width:135px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.area_li_style lihover::affter{display:block;content:" (" attr(content) ")"}.now-area .el-form .el-form-item,.register-addr .el-form .el-form-item{margin-bottom:0}.now-area .el-form .el-form-item .el-form-item__label,.register-addr .el-form .el-form-item .el-form-item__label{text-align:center;width:88px;line-height:40px;font-size:14px;color:#333;font-weight:700}.now-area .el-form .el-form-item .el-form-item__content,.register-addr .el-form .el-form-item .el-form-item__content{line-height:40px;position:relative;font-size:14px;float:left;width:320px}.fontIcon[data-v-c4b7d1f8]{content:"";position:absolute;display:block}.searchMain[data-v-c4b7d1f8]{height:116px;display:flex;margin-top:20px;width:100%;border:1px solid #e6e6e6;background:#f5f7fa;border-radius:5px}.searchMain .searchMainWrap[data-v-c4b7d1f8]{width:100%;padding:8px 17px;display:flex}.searchMain .searchMainWrap p[data-v-c4b7d1f8]{display:inline-block;width:5%;text-align:left;color:#878787}.searchMain .searchMainWrap ul[data-v-c4b7d1f8]{width:95%;overflow:auto;padding:0 20px}.searchMain .searchMainWrap ul li[data-v-c4b7d1f8]{display:flex;justify-content:space-between;align-items:center}.searchMain .searchMainWrap ul li p[data-v-c4b7d1f8]{width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchMain .searchMainWrap ul li p span[data-v-c4b7d1f8]{font-size:14px}.searchMain .searchMainWrap ul li .circle[data-v-c4b7d1f8]{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:9px;background:#b9b9b9}.searchMain .searchMainWrap ul li .detail[data-v-c4b7d1f8]{color:#4b7ed8;cursor:pointer}.fontIcon[data-v-83b19e04]{content:"";position:absolute;display:block}.tab-editor[data-v-83b19e04]{position:absolute;top:33px;bottom:0;left:0;right:0;font-size:14px}.left-editor[data-v-83b19e04]{position:relative;height:100%;background:#1e1e1e;overflow:hidden}.setting[data-v-83b19e04]{position:absolute;right:15px;top:3px;color:#a9f122;font-size:18px;cursor:pointer;z-index:1}.right-preview[data-v-83b19e04]{height:100%}.right-preview .preivew-wrap[data-v-83b19e04]{padding:20px}.right-preview .result-wrapper[data-v-83b19e04]{height:calc(100vh - 33px);width:100%;overflow:auto;padding:12px;box-sizing:border-box}.action-bar[data-v-83b19e04]{height:33px;background:#f2fafb;padding:0 15px;box-sizing:border-box}.action-bar .bar-btn[data-v-83b19e04]{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-83b19e04]{font-size:20px}.action-bar .bar-btn[data-v-83b19e04]:hover{color:#4348d4}.action-bar .bar-btn+.bar-btn[data-v-83b19e04]{margin-left:8px}.action-bar .delete-btn[data-v-83b19e04]{color:#f56c6c}.action-bar .delete-btn[data-v-83b19e04]:hover{color:#ea0b30}[data-v-83b19e04] .el-drawer__header{display:none}.fontIcon[data-v-d83367ee]{content:"";position:absolute;display:block}[data-v-d83367ee] .el-drawer__header{display:none}.action-bar[data-v-d83367ee]{height:33px;background:#f2fafb;padding:0 15px;box-sizing:border-box}.action-bar .bar-btn[data-v-d83367ee]{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-d83367ee]{font-size:20px}.action-bar .bar-btn[data-v-d83367ee]:hover{color:#4348d4}.action-bar .bar-btn+.bar-btn[data-v-d83367ee]{margin-left:8px}.action-bar .delete-btn[data-v-d83367ee]{color:#f56c6c}.action-bar .delete-btn[data-v-d83367ee]:hover{color:#ea0b30}.json-editor[data-v-d83367ee]{height:calc(100vh - 33px)}.fontIcon[data-v-adade50e]{content:"";position:absolute;display:block}.icon-ul[data-v-adade50e]{margin:0;padding:0;font-size:0}.icon-ul li[data-v-adade50e]{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-adade50e]:hover{background:#f2f2f2}.icon-ul li.active-item[data-v-adade50e]{background:#e1f3fb;color:#7a6df0}.icon-ul li>i[data-v-adade50e]{font-size:30px;line-height:50px}.icon-dialog[data-v-adade50e] .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-adade50e] .el-dialog .el-dialog__header{padding-top:14px}.icon-dialog[data-v-adade50e] .el-dialog .el-dialog__body{margin:0 20px 20px 20px;padding:0;overflow:auto}.center-tabs .el-tabs__header{margin-bottom:0!important}.center-tabs .el-tabs__item{width:50%;text-align:center}.center-tabs .el-tabs__nav{width:100%}.right-scrollbar .el-scrollbar__view{padding:12px 18px 15px 15px}.panels-select-item{display:flex;border:1px dashed #fff;box-sizing:border-box;justify-content:space-between;align-items:center}.panels-select-item .close-btn{cursor:pointer;color:#f56c6c}.panels-select-item .el-input+.el-input{margin-left:4px}.panels-select-item .el-input{width:auto}.panels-select-item+.panels-select-item{margin-top:4px}.panels-select-item.sortable-chosen{border:1px dashed #409eff}.fontIcon[data-v-49c697e3]{content:"";position:absolute;display:block}.right-board[data-v-49c697e3]{width:350px;position:absolute;right:0;top:0;padding-top:3px}.right-board .field-box[data-v-49c697e3]{position:relative;height:calc(100vh - 250px);box-sizing:border-box;overflow:hidden}.right-board .el-scrollbar[data-v-49c697e3]{height:100%}.select-line-icon[data-v-49c697e3]{line-height:32px;font-size:22px;padding:0 4px;color:#777}.option-drag[data-v-49c697e3]{cursor:move}.time-range .el-date-editor[data-v-49c697e3]{width:227px}.time-range[data-v-49c697e3] .el-icon-time{display:none}.document-link[data-v-49c697e3]{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-49c697e3]{font-size:14px}.node-icon[data-v-49c697e3]{color:#bebfc3}.generator-main{position:relative;width:100%;height:100%}.components-list{padding:8px;box-sizing:border-box;height:100%}.components-list .add-field-btn{margin:0 auto;text-align:center;display:block;padding:8px 14px;min-width:auto;font-size:14px;margin-bottom:15px}.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 10px;background:#f6f7ff;font-size:12px;cursor:move;border:1px dashed #f6f7ff;border-radius:3px}.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}.left-scrollbar{height:calc(100vh - 220px);overflow:hidden}.center-scrollbar{height:calc(100vh - 250px);overflow:hidden;border-left:1px solid #f1e8e8;border-right:1px solid #f1e8e8;box-sizing:border-box}.center-board{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}.module-select{padding:20px}.action-bar,.module-select{border:1px solid #f1e8e8;border-top:none}.action-bar{position:relative;height:42px;text-align:right;padding:0 15px;box-sizing:border-box}.action-bar .delete-btn{color:#f56c6c}.logo-wrapper{position:relative;height:42px;background:#fff;border-bottom:1px solid #f1e8e8;box-sizing:border-box}.center-board-row{padding:12px 12px 15px 12px;box-sizing:border-box}.center-board-row>.el-form{height:calc(100vh - 230px)}.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{padding:12px 10px}.drawing-row-item{position:relative;cursor:move;box-sizing:border-box;border:1px dashed #ccc;border-radius:3px;padding:16px;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>.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}h4.form-block_title{display:block;font-weight:500;font-size:18px;position:relative;padding-left:15px;line-height:60px;margin:0;color:#333}h4.form-block_title:before{display:block;content:"";position:absolute;left:0;top:21px;width:4px;height:16px;background-color:#296cf1}.form-block_wrapper{overflow:auto;margin-bottom:12px;padding:12px 12px 0}.form-block_wrapper.form-block_border-bottom{border-bottom:1px solid #dcdfe6}.form-block_wrapper.form-block_border{border:1px solid #dcdfe6}.form-block_wrapper .drag-wrapper{overflow:auto}.templet_wrap{height:calc(100vh - 200px)}.templet_wrap .el-aside{border-right:1px solid #e6e6e6;z-index:1}.templet_aside{padding:0 8px}.templet_aside .aside_component{height:calc(100vh - 260px);overflow-x:auto}.templet_aside .el-tabs{line-height:30px;margin:20px 0}.templet_aside .el-tabs .el-tabs__nav-wrap:after{display:none}.templet_aside .el-tabs .el-tabs__header{margin:unset}.templet_aside .el-tabs .el-tabs__nav{margin-left:30px}.templet_aside .el-tabs .el-tabs__item{font-size:14px}.el-main.templet_main{padding:unset}.fontIcon{content:"";position:absolute;display:block}.content_config .steps_control{padding:40px;text-align:center}