.svg-icon[data-v-11a5937a]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.svg-external-icon[data-v-11a5937a]{background-color:currentColor;-webkit-mask-size:cover!important;mask-size:cover!important;display:inline-block}.add-item[data-v-66431e30]{margin-top:8px}.url-item[data-v-66431e30]{margin-bottom:12px}.tab-editor[data-v-4656441d]{position:absolute;top:33px;bottom:0;left:0;right:0;font-size:14px}.left-editor[data-v-4656441d]{position:relative;height:100%;background:#1e1e1e;overflow:hidden}.setting[data-v-4656441d]{position:absolute;right:15px;top:3px;color:#a9f122;font-size:18px;cursor:pointer;z-index:1}.right-preview[data-v-4656441d]{height:100%}.right-preview .result-wrapper[data-v-4656441d]{height:calc(100vh - 33px);width:100%;overflow:auto;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box}.action-bar[data-v-4656441d]{height:33px;background:#f2fafb;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.action-bar .bar-btn[data-v-4656441d]{display:inline-block;padding:0 6px;line-height:32px;color:#8285f5;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-bar .bar-btn i[data-v-4656441d]{font-size:20px}.action-bar .bar-btn[data-v-4656441d]:hover{color:#4348d4}.action-bar .bar-btn+.bar-btn[data-v-4656441d]{margin-left:8px}.action-bar .delete-btn[data-v-4656441d]{color:#f56c6c}.action-bar .delete-btn[data-v-4656441d]:hover{color:#ea0b30}[data-v-4656441d] .el-drawer__header,[data-v-d5cdd8a0] .el-drawer__header{display:none}.action-bar[data-v-d5cdd8a0]{height:33px;background:#f2fafb;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.action-bar .bar-btn[data-v-d5cdd8a0]{display:inline-block;padding:0 6px;line-height:32px;color:#8285f5;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-bar .bar-btn i[data-v-d5cdd8a0]{font-size:20px}.action-bar .bar-btn[data-v-d5cdd8a0]:hover{color:#4348d4}.action-bar .bar-btn+.bar-btn[data-v-d5cdd8a0]{margin-left:8px}.action-bar .delete-btn[data-v-d5cdd8a0]{color:#f56c6c}.action-bar .delete-btn[data-v-d5cdd8a0]:hover{color:#ea0b30}.json-editor[data-v-d5cdd8a0]{height:calc(100vh - 33px)}.icon-ul[data-v-20df9ab0]{margin:0;padding:0;font-size:0}.icon-ul li[data-v-20df9ab0]{list-style-type:none;text-align:center;font-size:14px;display:inline-block;width:16.66%;-webkit-box-sizing:border-box;box-sizing:border-box;height:108px;padding:15px 6px 6px 6px;cursor:pointer;overflow:hidden}.icon-ul li[data-v-20df9ab0]:hover{background:#f2f2f2}.icon-ul li.active-item[data-v-20df9ab0]{background:#e1f3fb;color:#7a6df0}.icon-ul li>i[data-v-20df9ab0]{font-size:30px;line-height:50px}.icon-dialog[data-v-20df9ab0] .el-dialog{border-radius:8px;margin-bottom:0;margin-top:4vh!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:92vh;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.icon-dialog[data-v-20df9ab0] .el-dialog .el-dialog__header{padding-top:14px}.icon-dialog[data-v-20df9ab0] .el-dialog .el-dialog__body{margin:0 20px 20px 20px;padding:0;overflow:auto}.right-board[data-v-683e7815]{width:450px;position:absolute;right:0;top:0;padding-top:3px}.right-board .field-box[data-v-683e7815]{position:relative;height:calc(100vh - 42px);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.right-board .el-scrollbar[data-v-683e7815]{height:100%}.select-item[data-v-683e7815]{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px dashed #fff;-webkit-box-sizing:border-box;box-sizing:border-box}.select-item .close-btn[data-v-683e7815]{cursor:pointer;color:#f56c6c}.select-item .el-input+.el-input[data-v-683e7815]{margin-left:4px}.select-item+.select-item[data-v-683e7815]{margin-top:4px}.select-item.sortable-chosen[data-v-683e7815]{border:1px dashed #409eff}.select-line-icon[data-v-683e7815]{line-height:32px;font-size:22px;padding:0 4px;color:#777}.option-drag[data-v-683e7815]{cursor:move}.time-range .el-date-editor[data-v-683e7815]{width:227px}.time-range[data-v-683e7815] .el-icon-time{display:none}.document-link[data-v-683e7815]{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-683e7815]{font-size:14px}.node-icon[data-v-683e7815]{color:#bebfc3}.padding-xs[data-v-683e7815]{padding-left:10xp;padding-right:10px}.container{position:relative;width:100%;height:100%}.components-list{padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.components-list .components-item{display:inline-block;width:48%;margin:1%;-webkit-transition:-webkit-transform 0ms!important;transition:-webkit-transform 0ms!important;transition:transform 0ms!important;transition:transform 0ms,-webkit-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;height:100vh}.center-scrollbar,.left-scrollbar{height:calc(100vh - 42px);overflow:hidden}.center-scrollbar{border-left:1px solid #f1e8e8;border-right:1px solid #f1e8e8}.center-board,.center-scrollbar{-webkit-box-sizing:border-box;box-sizing:border-box}.center-board{height:100vh;width:auto;margin:0 455px 0 265px}.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;-webkit-box-sizing:border-box;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;-webkit-box-sizing:border-box;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;-webkit-box-sizing:border-box;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{padding:12px 10px}.drawing-row-item{position:relative;cursor:move;-webkit-box-sizing:border-box;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>.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}.el-upload--picture-card,.el-upload-list--picture-card .el-upload-list__item{width:100px!important;height:100px!important;line-height:100px!important}.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.flex-column,.flex-row{-webkit-box-direction:normal}.flex-column{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar-uploader-icon{font-size:28px;color:#8c939d;width:100px;height:100px;line-height:100px!important;text-align:center}.avatar{width:100px;height:100px;display:block}.container{background-color:#fff}.center-board-row{margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;padding:1px 0 0 0;width:375px;-webkit-box-shadow:1px 2px 10px 2px #999;box-shadow:1px 2px 10px 2px #999;border:1px solid #e1e1e1;background:#fff}.center-board-row .pageTopBlock{width:100%;height:51px;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bg-red{background-color:#e54d42;color:#fff}.bg-orange{background-color:#f37b1d;color:#fff}.bg-yellow{background-color:#fbbd08;color:#333}.bg-olive{background-color:#8dc63f;color:#fff}.bg-green{background-color:#39b54a;color:#fff}.bg-cyan{background-color:#1cbbb4;color:#fff}.bg-blue{background-color:#0081ff;color:#fff}.bg-purple{background-color:#6739b6;color:#fff}.bg-mauve{background-color:#9c26b0;color:#fff}.bg-pink{background-color:#e03997;color:#fff}.bg-brown{background-color:#a5673f;color:#fff}.bg-grey{background-color:#8799a3;color:#fff}.bg-gray{background-color:#f0f0f0;color:#333}.bg-black{background-color:#333;color:#fff}.bg-white{background-color:#fff;color:#666}.button-box{padding-left:10px;padding-right:10px}.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.iframe,.phone{width:375px;height:667px}.phone{border:20px solid #000;border-radius:60px;margin-top:20px;margin-left:auto;margin-right:auto;margin-bottom:50px}.phonecontainer{width:375px;height:667px;z-index:9;border-radius:40px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.iframe::-webkit-scrollbar,.phonecontainer::-webkit-scrollbar{display:none}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:84px;font-size:18px;border-top-left-radius:40px;border-top-right-radius:40px;background-image:-webkit-gradient(linear,left top,right top,from(#e5432e),to(#e53c43));background-image:linear-gradient(90deg,#e5432e,#e53c43)}.header .home,.header .title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px;color:#fff;font-weight:bolder}.header .title{padding-left:30px}.header .closebtn{-webkit-box-flex:1;-ms-flex:1;flex:1}.header .closebtn .btn{margin-left:auto;margin-right:5px;border:1px solid #eee;border-radius:20px;width:60px;height:26px;text-align:center}.flex-row-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-row-center .btn{width:50%}.phonedialog{-webkit-box-shadow:none;box-shadow:none;background:transparent!important}.phonedialog .el-dialog__body{padding:0}