.form-controls{padding:10px 30px;width:402px;box-shadow:0 2px 8px rgba(0,0,0,.15);background-color:#fff;border:var(--border)}.form-control-list{margin:20px -10px 0;width:360px}.form-control-item{display:inline-block;position:relative;margin:0 10px 20px 10px;width:70px;height:58px;border:var(--border);cursor:pointer;overflow:hidden;text-align:center;font-size:12px}.form-control-item:hover{border-color:#1890ff;box-shadow:0 0 6px #aed1f3}.control-icon{margin:6px 0 4px;font-size:24px;color:rgba(0,0,0,.45);line-height:1}.control-tip{display:flex;align-items:center;font-size:12px}.control-tip-icon{margin-right:6px;color:rgba(0,0,0,.45)}.custom-form[data-v-6ee1724f]{display:flex;flex-direction:column;padding:10px;height:100%;background-color:#fff}.form-conf[data-v-6ee1724f]{flex:1;display:flex;min-height:0}.preview-area[data-v-6ee1724f]{display:flex;flex-direction:column;position:relative;width:377px;height:100%;border:var(--border)}.form-preview[data-v-6ee1724f]{flex:1;background-color:#f5f5f5;overflow:auto}.add-item[data-v-6ee1724f]{flex-shrink:0;justify-content:center;height:48px;border-top:var(--border);cursor:pointer;font-size:14px;color:#1890ff}.add-item[data-v-6ee1724f]:hover{background-color:#fafafa}.add-item .icon-plus[data-v-6ee1724f]{margin-right:6px;width:14px;height:14px;line-height:14px}.form-temp[data-v-6ee1724f]{position:absolute;bottom:0;left:-12px;z-index:3}.form-item[data-v-6ee1724f]{position:relative}.form-item[data-v-6ee1724f]:after{content:"";display:none;position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed #1890ff}.form-item.edit[data-v-6ee1724f]{cursor:move}.form-item.edit:hover .form-item-remove[data-v-6ee1724f],.form-item.edit[data-v-6ee1724f]:hover:after{display:block}.form-item.error[data-v-6ee1724f]:after{display:block;border:1px solid #f5222d}.form-item.select[data-v-6ee1724f]:after{display:block;border:1px solid #1890ff}.form-item.select .form-item-remove[data-v-6ee1724f]{display:block}.form-item .base-tip[data-v-6ee1724f]{position:absolute;top:10px;right:10px;cursor:pointer;z-index:1}.form-item .el-icon-info[data-v-6ee1724f]{font-size:16px;line-height:1;color:#1890ff}.form-ctx[data-v-6ee1724f]{display:flex;position:relative;margin-top:12px;padding:7px 10px;background-color:#fff;border-bottom:var(--border)}.form-ctx.no-gap[data-v-6ee1724f]{margin-top:0}.form-ctx.form-vertical[data-v-6ee1724f]{flex-direction:column}.form-ctx.form-vertical .form-label[data-v-6ee1724f]{width:auto}.form-ctx.form-vertical .form-input[data-v-6ee1724f]{flex:none;padding:0;text-align:left}.form-input[data-v-6ee1724f]{flex:1;display:flex;align-items:center;padding:0 5px 0 10px;height:32px;text-align:right;color:rgba(0,0,0,.65)}.form-input .icon-arrow-right[data-v-6ee1724f]{font-size:16px;color:rgba(0,0,0,.45)}.form-input.textarea[data-v-6ee1724f]{align-items:normal;padding-top:10px;height:60px}.form-input.disabled[data-v-6ee1724f]{background-color:#f5f5f5}.input-place[data-v-6ee1724f]{flex:1;color:rgba(0,0,0,.45)}.form-label[data-v-6ee1724f]{width:80px;line-height:32px}.form-label span[data-v-6ee1724f]{color:#f5222d}.form-opt-show[data-v-6ee1724f]{padding-top:6px}.opt-show-item[data-v-6ee1724f]{display:flex;align-items:center;margin-top:6px}.opt-show-item.radio .opt-show-icon[data-v-6ee1724f]{border-radius:100%}.opt-show-item .opt-show-icon[data-v-6ee1724f]{width:16px;height:16px;border:var(--border)}.opt-show-item .opt-show-title[data-v-6ee1724f]{margin-left:10px;font-size:14px}.form-item-upload[data-v-6ee1724f]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:var(--border);border-radius:4px;font-size:24px}.form-item-remove[data-v-6ee1724f]{display:none;position:absolute;top:0;right:0;width:18px;height:18px;background-color:#1890ff;font-size:12px;line-height:18px;text-align:center;color:#fff;cursor:pointer;z-index:2}.item-setting[data-v-6ee1724f]{margin-left:40px;padding-right:16px;width:400px;overflow:auto}.setting-form-area[data-v-6ee1724f]{margin-top:20px}.set-option[data-v-6ee1724f]{display:flex}.set-option[data-v-6ee1724f]:not(:first-child){margin-top:6px}.set-opt-edit[data-v-6ee1724f]{display:flex;align-items:center;margin-left:10px;height:30px}.set-opt-edit .icon-minus[data-v-6ee1724f],.set-opt-edit .icon-plus[data-v-6ee1724f]{width:18px;height:18px;border-radius:100%;background-color:rgba(0,0,0,.45);cursor:pointer;color:#fff;font-size:12px;line-height:18px;text-align:center}.set-opt-edit .icon-plus[data-v-6ee1724f]{margin-left:6px}.form-set-rules[data-v-6ee1724f]{margin:-6px 0 20px}.set-rule[data-v-6ee1724f]{position:relative;padding:6px 10px;background-color:#fafafa}.set-rule[data-v-6ee1724f]:not(:first-of-type){margin-top:6px}.set-rule:hover .icon-close[data-v-6ee1724f]{display:block}.set-rule .icon-close[data-v-6ee1724f]{display:none;position:absolute;top:0;right:0;width:16px;height:16px;background-color:#f5222d;cursor:pointer;font-size:12px;line-height:16px;text-align:center;color:#fff}.rule-name[data-v-6ee1724f]{margin-bottom:6px}.rule-len[data-v-6ee1724f]{display:flex;align-items:center;margin-bottom:6px}.len-title[data-v-6ee1724f]{flex-shrink:0;width:48px}.len-line[data-v-6ee1724f]{margin:0 6px;width:30px;height:1px;background-color:rgba(0,0,0,.45)}.form-btn[data-v-6ee1724f]{margin-top:16px;padding-top:16px;border-top:var(--border);justify-content:center}.hint-title[data-v-6ee1724f]{margin:20px 0}.clear-rely[data-v-6ee1724f]{margin-left:8px;font-size:24px;color:#999;cursor:pointer}.modal-form-config[data-v-6ee1724f]{height:600px}.temp-detail{display:flex;flex-direction:column;padding-bottom:0}.temp-detail-tabs{display:flex;border-bottom:var(--border)}.temp-tab-item{position:relative;padding:12px 16px;cursor:pointer}.temp-tab-item:not(:first-child){margin-left:24px}.temp-tab-item.active{color:#1890ff}.temp-tab-item.active:after{content:"";display:block;position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background-color:#1890ff}.temp-detail-ctx{flex:1;padding-top:16px;min-height:0}.set-temp-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:4px;border:var(--border)}.set-temp-icon .temp-icon-img{width:32px;height:32px}.set-info-item{display:flex;padding:6px 16px;background-color:#fff;line-height:32px}.set-info-label{min-width:100px;color:rgba(0,0,0,.45)}.temp-set,.temp-set-form{height:100%}.temp-process{margin-top:16px;background-color:#f5f5f5}.temp-detail-rule{padding-bottom:16px;height:100%;overflow:auto}