.option[data-v-4abbdc59]{padding:0 30px}.option img[data-v-4abbdc59]{width:80px;height:auto;vertical-align:middle;margin-right:10px}.option .detail_right[data-v-4abbdc59]{display:inline-block;vertical-align:middle}.option .detail_right .change_option[data-v-4abbdc59]{margin-top:20px}.option .detail_right .change_option .change_wrap[data-v-4abbdc59]{width:90%;margin-right:20px;display:inline-block;vertical-align:middle}.option .detail_right .change_option .change_wrap p[data-v-4abbdc59]{font-size:14px;line-height:18px}.option .detail_right .change_option .change_wrap .el-button[data-v-4abbdc59]{vertical-align:middle}.option .detail_right .change_option .change_wrap .option_explain[data-v-4abbdc59]{color:rgba(106,106,112,.938);margin-top:10px}.option .have_img[data-v-4abbdc59]{width:87%}.option .no_img[data-v-4abbdc59]{width:100%}.ueditor_wrap[data-v-4abbdc59]{margin-top:40px}.ex_wrap[data-v-4abbdc59]{margin-top:30px}.ex_wrap .el-input[data-v-4abbdc59]{width:84%;margin-left:20px}.tips[data-v-4abbdc59]{margin:20px}.icon-ul[data-v-149ce4ae]{margin:0;padding:0;font-size:0}.icon-ul li[data-v-149ce4ae]{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-149ce4ae]:hover{background:#f2f2f2}.icon-ul li.active-item[data-v-149ce4ae]{background:#e1f3fb;color:#7a6df0}.icon-ul li>i[data-v-149ce4ae]{font-size:30px;line-height:50px}.icon-dialog[data-v-149ce4ae] .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-149ce4ae] .el-dialog .el-dialog__header{padding-top:14px}.icon-dialog[data-v-149ce4ae] .el-dialog .el-dialog__body{margin:0 20px 20px 20px;padding:0;overflow:auto}.right-board[data-v-798590ec]{width:100%;min-width:300px;max-width:800px;position:absolute;right:0;top:0;padding:3px 10px 3px 20px;box-sizing:border-box}.right-board .field-box[data-v-798590ec]{position:relative;box-sizing:border-box;overflow:hidden}.right-board .el-scrollbar[data-v-798590ec]{height:100%}.select-item[data-v-798590ec]{display:flex;border:1px dashed #fff;box-sizing:border-box;flex-wrap:wrap;width:100%}.select-item .option_input[data-v-798590ec]{width:56%;min-width:120px;flex:1}.select-item .detail-btn[data-v-798590ec],.select-item .explain-btn[data-v-798590ec]{cursor:pointer}.select-item .detail-btn .detail_show[data-v-798590ec]{color:#f49239}.select-item .close-btn[data-v-798590ec]{cursor:pointer;color:#f56c6c}.select-item .el-input+.el-input[data-v-798590ec]{margin-left:4px}.select-item .option_item[data-v-798590ec]{margin-top:4px;width:100%}.select-item .option_item .el-input--small[data-v-798590ec]{width:89%;min-width:100px;vertical-align:middle;flex:1}.select-item .option_item .close-btn[data-v-798590ec]{display:inline-block;vertical-align:middle}.select-item+.select-item[data-v-798590ec]{margin-top:4px}.select-item.sortable-chosen[data-v-798590ec]{border:1px dashed #409eff}.select-line-icon[data-v-798590ec]{line-height:32px;font-size:22px;padding:0 4px;color:#777}.select-line-icon .show_image[data-v-798590ec]{display:inline-block;position:relative}.select-line-icon .show_image .el-icon-error[data-v-798590ec]{position:absolute;font-size:10px}.option-drag[data-v-798590ec]{cursor:move}.time-range .el-date-editor[data-v-798590ec]{width:100%;max-width:227px;min-width:150px}.time-range[data-v-798590ec] .el-icon-time{display:none}.document-link[data-v-798590ec]{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-798590ec]{font-size:14px}.node-icon[data-v-798590ec]{color:#bebfc3}.btn_wrap[data-v-798590ec]{text-align:center}[data-v-798590ec] .el-form .el-form-item{margin-bottom:18px}[data-v-798590ec] .el-form .el-form-item .el-form-item__label{line-height:32px;padding-right:8px}[data-v-798590ec] .el-form .el-form-item .el-form-item__content{line-height:32px}[data-v-798590ec] .el-form .el-form-item .el-form-item__content .el-input,[data-v-798590ec] .el-form .el-form-item .el-form-item__content .el-input-number,[data-v-798590ec] .el-form .el-form-item .el-form-item__content .el-select,[data-v-798590ec] .el-form .el-form-item .el-form-item__content .el-textarea{width:100%;max-width:none}[data-v-798590ec] .el-form .el-form-item .el-form-item__content .el-input__inner,[data-v-798590ec] .el-form .el-form-item .el-form-item__content .el-textarea__inner{transition:all .2s ease}@media(max-width:350px){[data-v-798590ec] .el-form .el-form-item .el-form-item__label{width:100%!important;text-align:left;margin-bottom:5px}[data-v-798590ec] .el-form .el-form-item .el-form-item__content{margin-left:0!important}}.title[data-v-4ab3d574]{margin-left:20px;min-width:1400px}.title .title_center[data-v-4ab3d574]{display:inline-block;font-size:16px;line-height:30px;margin-right:50px}.title .title_center .rate[data-v-4ab3d574]{width:14px;height:14px;border-radius:50%;display:inline-block;vertical-align:middle}.title .title_center .start[data-v-4ab3d574]{background:#63bd0a}.title .title_center .stop[data-v-4ab3d574]{background:#df3031;color:#df3031}.title .title_center .start_color[data-v-4ab3d574]{color:#63bd0a}.title .title_center .stop_color[data-v-4ab3d574]{color:#df3031}.title .title_center .el-link[data-v-4ab3d574]{font-size:16px;margin-left:8px;color:#333;vertical-align:middle;font-weight:400}.title .title_center .delList[data-v-4ab3d574]{font-size:18px;vertical-align:middle;margin-left:8px;cursor:pointer;color:#eb9b08}.title .title_center p[data-v-4ab3d574]{display:inline-block;font-size:16px;margin-left:8px;color:#333;vertical-align:middle}.title .title_center label[data-v-4ab3d574]{color:#bababa;vertical-align:middle}.title .title_center .copy[data-v-4ab3d574]{color:#f3c727;cursor:pointer}.title .form_state[data-v-4ab3d574]{margin-right:25px;padding-right:25px;border-right:2px solid #dbdbdb}.title .el-button[data-v-4ab3d574]{float:right;margin:0 20px}.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:100%;margin:4% 0;transition:transform 0ms!important}.components-list .components-item i{vertical-align:middle;margin-right:10px}.components-list .components-item span{vertical-align:middle}.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;box-sizing:border-box}.center-board{height:100vh;width:auto;margin:0 350px 0 260px;box-sizing:border-box}.form_wrap{position:relative}.form_wrap .empty-info{position:absolute;top:40px;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%;overflow:hidden;position:relative;padding:20px 0}.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 .sub_txt{background:#f6f7ff;font-size:14px;padding:30px 10px 0 10px;color:#969494}.drawing-board .active-from-item>.el-form-item{background:#f6f7ff;border-radius:6px}.drawing-board .active-from-item .drawing-item-keep,.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-board .el-form-item .el-radio-group{width:100%}.drawing-board .el-form-item .el-radio-group .radio-block{display:block;margin:20px 0}.drawing-board .el-form-item .el-checkbox{width:100%}.drawing-board .el-form-item .el-checkbox .checkbox-block{display:block;margin:20px 0}.drawing-board .el-form-item .el-image{width:100%}.drawing-item{position:relative}.drawing-item.unfocus-bordered:not(.active-from-item)>div:first-child{border:1px dashed #ccc}.drawing-item .el-form-item{padding:12px 10px}.drawing-item .drawing-wrap{position:absolute;top:0;width:100%;height:calc(100% - 10px);z-index:9999;cursor:move}.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 .sub_txt,.drawing-row-item .sub_txt{font-size:14px;padding:30px 10px 0 10px;color:#969494}.drawing-item:hover .sub_txt,.drawing-row-item:hover .sub_txt{background:#f6f7ff;font-size:14px;padding:30px 10px 0 10px;color:#969494}.drawing-item:hover>.el-form-item,.drawing-row-item:hover>.el-form-item{background:#f6f7ff;border-radius:6px}.drawing-item:hover .drawing-item-keep,.drawing-item:hover>.drawing-item-copy,.drawing-item:hover>.drawing-item-delete,.drawing-row-item:hover .drawing-item-keep,.drawing-row-item:hover>.drawing-item-copy,.drawing-row-item:hover>.drawing-item-delete{display:initial}.drawing-item .drawing-item-keep,.drawing-item>.drawing-item-copy,.drawing-item>.drawing-item-delete,.drawing-row-item .drawing-item-keep,.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:88px;border-color:#0bb937;color:#0bb937;background:#fff}.drawing-item>.drawing-item-copy:hover,.drawing-row-item>.drawing-item-copy:hover{background:#0bb937;color:#fff}.drawing-item>.drawing-item-delete,.drawing-row-item>.drawing-item-delete{right:56px;border-color:#f56c6c;color:#f56c6c;background:#fff}.drawing-item>.drawing-item-delete:hover,.drawing-row-item>.drawing-item-delete:hover{background:#f56c6c;color:#fff}.drawing-item>.drawing-item-keep,.drawing-row-item>.drawing-item-keep{right:24px;border-color:#409eff;color:#409eff;background:#fff}.drawing-item>.drawing-item-keep:hover,.drawing-row-item>.drawing-item-keep:hover{background:#409eff;color:#fff}.form_option{margin:8px 0}.form_option .el-radio__input{vertical-align:middle}.form_option .el-checkbox__label,.form_option .el-radio__label{vertical-align:middle;display:inline-block;width:96%;word-wrap:break-word;word-break:break-all;white-space:pre-wrap!important}.form_option .option_explain{color:#969494;margin-top:14px;line-height:24px}.form_option .have_img{width:92%}.form_option .have_img,.form_option .no_img{display:inline-block;vertical-align:middle;line-height:24px}.form_option .no_img{width:100%}.form_option .option_img{width:30px;height:auto;vertical-align:middle;margin-right:6px}.edit_wrap[data-v-5b478656]{overflow-x:auto}.edit_wrap #input[data-v-5b478656]{position:absolute;top:0;left:0;opacity:0;z-index:-10}.edit_wrap .container[data-v-5b478656]{border-top:1px solid #dbdbdb;margin-top:20px;min-width:1400px}.edit_wrap .container .sub_choice[data-v-5b478656]{width:150px;float:left;padding-left:10px}.edit_wrap .container .sub_choice h3[data-v-5b478656]{font-size:18px;margin-top:20px}.edit_wrap .container .sub_choice ul[data-v-5b478656]{margin-top:10px}.edit_wrap .container .sub_choice ul li[data-v-5b478656]{padding:10px 20px;width:150px;cursor:pointer;color:#404040}.edit_wrap .container .sub_choice ul li i[data-v-5b478656]{font-size:18px}.edit_wrap .container .sub_choice ul li p[data-v-5b478656]{font-size:16px;display:inline-block;padding-left:4px}.edit_wrap .container .sub_choice ul li[data-v-5b478656]:hover{background:#dbdbdb}.edit_wrap .container .sub_choice .advert[data-v-5b478656]{position:absolute;bottom:0;width:150px}.edit_wrap .container .sub_choice .advert .advert_btn[data-v-5b478656]{width:100%}.edit_wrap .container .sub_choice .advert .advert_add[data-v-5b478656]{text-align:center}.edit_wrap .container .sub_choice .advert .advert_add .add_btn[data-v-5b478656]{margin-top:10px}.edit_wrap .container .sub_choice .advert .advert_add ul[data-v-5b478656]{max-height:300px;overflow-y:auto}.edit_wrap .container .sub_choice .advert .advert_add ul .advert_item[data-v-5b478656]{margin:4px 0;padding:8px 10px;background:#f6f7ff;font-size:12px;cursor:move;border:1px dashed #f6f7ff;border-radius:3px;display:inline-block;width:128px;cursor:pointer}.edit_wrap .container .sub_config[data-v-5b478656]{width:400px;float:right;height:800px;position:relative}.edit_wrap .container .sub_config .resize-handle[data-v-5b478656]{position:absolute;left:0;top:0;width:6px;height:100%;background:#e6e6e6;cursor:col-resize;z-index:10;transition:all .2s ease;border-radius:0 3px 3px 0}.edit_wrap .container .sub_config .resize-handle[data-v-5b478656]:hover{background:#409eff;width:8px;box-shadow:0 0 8px rgba(64,158,255,.3)}.edit_wrap .container .sub_config .resize-handle[data-v-5b478656]:active{background:#409eff;width:8px;box-shadow:0 0 12px rgba(64,158,255,.5)}.edit_wrap .container .sub_config .resize-handle[data-v-5b478656]:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:20px;background:hsla(0,0%,100%,.8);border-radius:1px;opacity:0;transition:opacity .2s ease}.edit_wrap .container .sub_config .resize-handle[data-v-5b478656]:hover:before{opacity:1}.edit_wrap .container .sub_preview[data-v-5b478656]{min-width:750px;margin:0 400px 0 150px;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;box-sizing:border-box;overflow-y:auto;transition:margin-right .2s ease}.edit_wrap .container .sub_preview .form_config[data-v-5b478656]{width:750px;margin:0 auto;border-bottom:1px solid #dbdbdb;overflow:hidden}.edit_wrap .container .sub_preview .form_config .banner_wrap[data-v-5b478656]{width:100%;position:relative;min-height:110px}.edit_wrap .container .sub_preview .form_config .banner_wrap:hover .config_show[data-v-5b478656]{display:block}.edit_wrap .container .sub_preview .form_config .banner_wrap .banner[data-v-5b478656]{width:100%}.edit_wrap .container .sub_preview .form_config .banner_wrap .banner img[data-v-5b478656]{width:100%;height:auto}.edit_wrap .container .sub_preview .form_config .banner_wrap .config_show[data-v-5b478656]{width:100%;height:100%;background:rgba(0,0,0,.4);position:absolute;top:0}.edit_wrap .container .sub_preview .form_config .banner_wrap .config_show .banner_config[data-v-5b478656]{padding:10px 20px}.edit_wrap .container .sub_preview .form_config .banner_wrap .config_show .banner_config .config_wrap[data-v-5b478656]{margin:10px 0}.edit_wrap .container .sub_preview .form_config .banner_wrap .config_show .banner_config .config_wrap .change_banner[data-v-5b478656]{margin-left:10px}.edit_wrap .container .sub_preview .form_config .banner_wrap .config_none .banner_config[data-v-5b478656]{padding:22px 0 0 20px}.edit_wrap .container .sub_preview .form_config .form_title[data-v-5b478656]{width:100%;margin-top:20px;height:60px}.edit_wrap .container .sub_preview .form_config .form_explain[data-v-5b478656]{width:100%;margin-top:20px}.edit_wrap .container .sub_preview .form_config .form_explain .textarea[data-v-5b478656]{margin:20px 0}.edit_wrap .container .sub_preview .form_config .submitFormBasics[data-v-5b478656]{float:right;margin-bottom:10px}.edit_wrap .container .sub_preview .form_wrap[data-v-5b478656]{width:750px;margin:0 auto}.edit_wrap .container .sub_preview .noComponent[data-v-5b478656]{width:100%;margin:20px 0;border:1px dashed #dbdbdb}.edit_wrap .container .sub_preview .noComponent img[data-v-5b478656]{width:100px;vertical-align:middle;margin:20px 0}.edit_wrap .container .sub_preview .noComponent span[data-v-5b478656]{vertical-align:middle;font-size:20px;margin-left:10px}.drawing-wrap{z-index:200!important}.drawing-item-copy,.drawing-item-delete,.drawing-item-keep{z-index:205!important}