.panel[data-v-77d18c70]{width:250px;height:100%;box-sizing:border-box;background:#fff;padding:10px 15px;padding-bottom:40px;border-right:1px solid #e2e7f5;display:flex;flex-direction:column}.panel .search[data-v-77d18c70]{height:32px;line-height:32px;padding-bottom:10px}.panel .component-group[data-v-77d18c70]{flex:1;overflow-y:auto}.panel[data-v-77d18c70] ::-webkit-scrollbar{width:0}.panel .component-list[data-v-77d18c70]{display:flex;flex-wrap:wrap}.panel .component-item[data-v-77d18c70]{width:104px;height:104px;border-radius:2px;cursor:-webkit-grab;cursor:grab;margin-bottom:10px;text-align:center;transition:all .3s;display:flex;flex-direction:column}.panel .component-item img[data-v-77d18c70]{width:100%;height:100%}.panel .component-item .component-label[data-v-77d18c70]{height:30px;line-height:30px;font-size:12px;color:#333;background:#eee}.panel .component-item[data-v-77d18c70]:nth-child(2n){margin-left:10px}.panel .forbid[data-v-77d18c70]{cursor:not-allowed;background:#f5f5f5;border-color:#dcdfe6;color:#c0c4cc}.panel .search[data-v-77d18c70]{display:flex;align-items:center}.panel .search .filter-icon[data-v-77d18c70]{padding-top:4px;width:18px;height:18px;padding-left:4px;cursor:pointer}.panel .group-item[data-v-77d18c70]{padding-bottom:10px}.panel .group-item .group-header[data-v-77d18c70]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;font-weight:600;color:#333}.panel .group-item .group-header .icon[data-v-77d18c70]{cursor:pointer}.panel .group-item .group-header .icon[data-v-77d18c70]:hover{color:#409eff}.panel .group-item .group-item-content[data-v-77d18c70]{max-height:500px;overflow:hidden;transition:max-height .5s ease}.panel .group-item .hide[data-v-77d18c70]{max-height:110px;overflow:hidden;transition:max-height .5s ease}.appointment-view[data-v-d224b18a]{width:175px;display:flex;flex-direction:column;align-items:center;background:#fff;padding:25px 0 10px 0;margin:0 5px;margin-bottom:5px}.appointment-view .list-img[data-v-d224b18a]{width:120px;height:120px}.appointment-view .list-img .img[data-v-d224b18a]{width:100%;height:100%}.appointment-view .customTitle[data-v-d224b18a]{width:100%;text-align:center;margin-top:5px;font-size:15px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:30px;height:30px}.preview[data-v-6813e3d3]{width:375px;background:#f6f6f6;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);border-radius:10px;position:relative}.preview .preview-header[data-v-6813e3d3]{width:375px;height:80px;background-color:#fff;background-size:100% 100%}.preview .preview-header .header-img[data-v-6813e3d3]{width:375px;height:80px}.preview .preview-header .middle-area[data-v-6813e3d3]{color:#000;position:absolute;top:46px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:flex;justify-content:center;align-items:center}.preview .preview-header .middle-area img[data-v-6813e3d3]{height:20px;margin-right:10px}.preview .draggable-area-detail[data-v-6813e3d3]{max-height:calc(100vh - 300px);overflow-y:scroll;background-size:100% 100%}.preview .draggable-area[data-v-6813e3d3]{width:375px;padding-right:40px;max-height:calc(100vh - 150px);overflow-y:scroll;background-size:100% 100%}.preview[data-v-6813e3d3] ::-webkit-scrollbar{width:0}.preview .empty-area[data-v-6813e3d3]{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 160px);border:1px dashed #e2e7f5}.preview .draggable-list[data-v-6813e3d3]{min-height:calc(100vh - 160px)}.preview .draggable-list span[data-v-6813e3d3]{display:block}.preview .preview-item[data-v-6813e3d3]{border:1px dashed transparent;cursor:-webkit-grab;cursor:grab;position:relative}.preview .preview-item[data-v-6813e3d3]:hover{border-color:#409eff;box-shadow:0 2px 8px rgba(64,158,255,.2)}.preview .preview-item .icon[data-v-6813e3d3]:hover{cursor:pointer}.preview .preview-item .preview-item-zw[data-v-6813e3d3]{background:#f8faff;border-radius:4px;transition:all .3s}.preview .preview-item .icon[data-v-6813e3d3]{z-index:999;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-35px;font-size:20px;color:#f91414;font-weight:700;background:#fff;padding:3px;border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,.2);display:none}.preview .preview-item .icon-top[data-v-6813e3d3]{-webkit-transform:translateY(-50px);transform:translateY(-50px);color:#38f}.preview .preview-item .icon-down[data-v-6813e3d3]{-webkit-transform:translateY(25px);transform:translateY(25px);color:#38f}.preview .preview-item .selected[data-v-6813e3d3]{display:block}.preview .xfc[data-v-6813e3d3]{width:80px;height:80px;z-index:9999;position:absolute;top:50%;right:0;-webkit-transform:translate(-5%,-50%);transform:translate(-5%,-50%)}.preview .xfc-bs[data-v-6813e3d3]{background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.1)}.preview .preview-item-zw-text[data-v-6813e3d3]{padding:12px 16px}.preview[data-v-6813e3d3] .component-item{height:0;overflow:hidden;margin:8px 0;outline:4px solid #38f!important}.preview .selected-item[data-v-6813e3d3]{border:1px solid #409eff}.preview .incomplete[data-v-6813e3d3]{border:1px solid #f56c6c!important}.ghost[data-v-6813e3d3]{outline:5px solid #38f!important}.basic-set .module-title[data-v-6da46278]{font-size:16px;font-weight:700;color:#333;border-bottom:1px solid #eee;padding:0 16px;height:54px;line-height:54px}.basic-set .section-content[data-v-6da46278]{padding:15px 22px 0 22px;border-bottom:1px solid #eee}.basic-set .section-content .sub-title[data-v-6da46278]{font-family:PingFang-SC;color:#333;font-size:14px;font-weight:700;padding-bottom:16px;display:flex;justify-content:space-between;align-items:center}.basic-set .section-content .sub-title .sub-tip[data-v-6da46278]{color:#999;margin-left:8px;font-size:10px}.basic-set .section-content .icon[data-v-6da46278]{font-weight:400;font-style:normal;color:#3288ff;cursor:pointer;padding-left:10px}.basic-set .section-content .input[data-v-6da46278]{width:260px}.basic-set .section-content .select[data-v-6da46278]{width:370px}.basic-set .section-content .pl-20[data-v-6da46278]{padding-left:20px}.basic-set .section-content .radio-group[data-v-6da46278]{display:flex;flex-direction:column}.basic-set .section-content .radio-group .radio-item[data-v-6da46278]{height:32px;line-height:32px}.basic-set .section-content .item-sub-title span[data-v-6da46278]{font-weight:700}.basic-set .section-content .select-option[data-v-6da46278]{display:flex;align-items:center;justify-content:space-between}.basic-set .section-content .select-option .select-icon[data-v-6da46278]{font-size:13px;cursor:pointer}.basic-set .section-content .select-option .select-icon[data-v-6da46278]:hover{color:#3288ff}.basic-set .section-content[data-v-6da46278]:last-child{border-bottom:none}.basic-set .search-uploader[data-v-6da46278]{width:100px;height:100px;display:inline-flex}.basic-set .search-uploader .el-upload[data-v-6da46278]{width:100%;height:100%;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.basic-set .search-uploader .el-upload[data-v-6da46278]:hover{border-color:#409eff}.basic-set .search-uploader-icon[data-v-6da46278]{font-size:24px;color:#8c939d;width:100px;height:40px;line-height:60px;text-align:center}.basic-set .search-uploader-tip[data-v-6da46278]{display:inline-block;margin-top:15px;font-size:12px;color:#999}.basic-set .search-uploader-img-cont[data-v-6da46278]{width:100%;height:100%;position:absolute;top:0;left:0}.basic-set .search-uploader-img-cont .search-uploader-img[data-v-6da46278]{width:100%;height:100%}.basic-set .search-uploader-img-cont .el-icon-circle-close[data-v-6da46278]{z-index:100000;position:absolute;top:0;right:0;font-size:20px;display:none}.basic-set .search-uploader-img-cont:hover .el-icon-circle-close[data-v-6da46278]{display:block}.basic-set .upload-tip[data-v-6da46278]{font-size:13px;color:#999;margin-left:10px}.basic-set .section-content .upload-box[data-v-6da46278]{display:flex;align-items:center}.basic-set .section-content .upload-box .basic-upload[data-v-6da46278]{width:100px;height:100px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;display:flex;justify-content:center;align-items:center;margin-right:10px;color:#999}.basic-set .section-content .upload-box .basic-upload .icon[data-v-6da46278]{color:#999;padding-left:0}.basic-set .section-content .upload-box .basic-upload .upload-text[data-v-6da46278]{color:#999}.basic-set .section-content .upload-box .upload-tip[data-v-6da46278]{flex:1;color:#999;font-size:12px;line-height:20px}.basic-set .section-content .preview-box[data-v-6da46278]{width:100px;height:100px;position:relative}.basic-set .section-content .preview-box .preview-img[data-v-6da46278],.basic-set .section-content .preview-box .search-uploader-img[data-v-6da46278]{width:100px;height:100px;border:1px dashed #d9d9d9;border-radius:6px}.basic-set .section-content .preview-box i[data-v-6da46278]{font-size:24px}.basic-set .section-content .preview-box .icon[data-v-6da46278]{font-size:20px;position:absolute;top:-4px;right:-4px;color:#f6645b}.basic-set .section-content .input-width[data-v-6da46278]{width:220px}.basic-set .section-content .tooltip[data-v-6da46278]{color:#999;font-size:18px;vertical-align:middle}.ad-set .module-title[data-v-77cc95b0]{font-size:16px;font-weight:700;color:#333;border-bottom:1px solid #eee;padding:0 16px;height:54px;line-height:54px}.ad-set .section-content[data-v-77cc95b0]{padding:15px 22px 0 22px;border-bottom:1px solid #eee}.ad-set .section-content .sub-title[data-v-77cc95b0]{font-family:PingFang-SC;color:#333;font-size:14px;font-weight:700;padding-bottom:16px;display:flex;justify-content:space-between;align-items:center}.ad-set .section-content .sub-title .sub-tip[data-v-77cc95b0]{color:#999;margin-left:8px;font-size:10px}.ad-set .section-content .icon[data-v-77cc95b0]{font-weight:400;font-style:normal;color:#3288ff;cursor:pointer;padding-left:10px}.ad-set .section-content .input[data-v-77cc95b0]{width:260px}.ad-set .section-content .select[data-v-77cc95b0]{width:370px}.ad-set .section-content .pl-20[data-v-77cc95b0]{padding-left:20px}.ad-set .section-content .radio-group[data-v-77cc95b0]{display:flex;flex-direction:column}.ad-set .section-content .radio-group .radio-item[data-v-77cc95b0]{height:32px;line-height:32px}.ad-set .section-content .item-sub-title span[data-v-77cc95b0]{font-weight:700}.ad-set .section-content .select-option[data-v-77cc95b0]{display:flex;align-items:center;justify-content:space-between}.ad-set .section-content .select-option .select-icon[data-v-77cc95b0]{font-size:13px;cursor:pointer}.ad-set .section-content .select-option .select-icon[data-v-77cc95b0]:hover{color:#3288ff}.ad-set .section-content[data-v-77cc95b0]:last-child{border-bottom:none}.ad-set .search-uploader[data-v-77cc95b0]{width:100px;height:100px;display:inline-flex}.ad-set .search-uploader .el-upload[data-v-77cc95b0]{width:100%;height:100%;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.ad-set .search-uploader .el-upload[data-v-77cc95b0]:hover{border-color:#409eff}.ad-set .search-uploader-icon[data-v-77cc95b0]{font-size:24px;color:#8c939d;width:100px;height:40px;line-height:60px;text-align:center}.ad-set .search-uploader-tip[data-v-77cc95b0]{display:inline-block;margin-top:15px;font-size:12px;color:#999}.ad-set .search-uploader-img-cont[data-v-77cc95b0]{width:100%;height:100%;position:absolute;top:0;left:0}.ad-set .search-uploader-img-cont .search-uploader-img[data-v-77cc95b0]{width:100%;height:100%}.ad-set .search-uploader-img-cont .el-icon-circle-close[data-v-77cc95b0]{z-index:100000;position:absolute;top:0;right:0;font-size:20px;display:none}.ad-set .search-uploader-img-cont:hover .el-icon-circle-close[data-v-77cc95b0]{display:block}.ad-set .upload-tip[data-v-77cc95b0]{font-size:13px;color:#999;margin-left:10px}.ad-set .section-content .upload-box[data-v-77cc95b0]{display:flex;align-items:center}.ad-set .section-content .upload-box .basic-upload[data-v-77cc95b0]{width:100px;height:100px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;display:flex;justify-content:center;align-items:center;margin-right:10px;color:#999}.ad-set .section-content .upload-box .basic-upload .icon[data-v-77cc95b0]{color:#999;padding-left:0}.ad-set .section-content .upload-box .basic-upload .upload-text[data-v-77cc95b0]{color:#999}.ad-set .section-content .upload-box .upload-tip[data-v-77cc95b0]{flex:1;color:#999;font-size:12px;line-height:20px}.ad-set .section-content .preview-box[data-v-77cc95b0]{width:100px;height:100px;position:relative}.ad-set .section-content .preview-box .preview-img[data-v-77cc95b0],.ad-set .section-content .preview-box .search-uploader-img[data-v-77cc95b0]{width:100px;height:100px;border:1px dashed #d9d9d9;border-radius:6px}.ad-set .section-content .preview-box i[data-v-77cc95b0]{font-size:24px}.ad-set .section-content .preview-box .icon[data-v-77cc95b0]{font-size:20px;position:absolute;top:-4px;right:-4px;color:#f6645b}.page-header[data-v-685925ae]{z-index:999;display:flex;justify-content:space-between;align-items:center;padding:0 30px;height:46px;line-height:46px;background:#fff;box-shadow:0 1px 1px 0 #d9d8d8}.page-header .header-left[data-v-685925ae]{font-size:14px;color:#3d3d3d;display:flex}.page-header .header-left .back-icon[data-v-685925ae]{cursor:pointer}.page-header .header-left .back-icon[data-v-685925ae]:hover{color:#409eff}.page-header .header-left .header-item[data-v-685925ae]{display:flex;align-items:center}.page-header .header-left .header-divider[data-v-685925ae]{display:flex;align-items:center;margin:0 6px}.design-container[data-v-33a736e9]{box-sizing:border-box;width:100%;height:100%;overflow:auto;display:flex;flex-direction:column;background:#f5f7fa;position:relative}.design-container .design-body[data-v-33a736e9]{display:flex;flex:1 1 0;height:0}.design-container .design-body .component-panel[data-v-33a736e9]{width:250px}.design-container .design-body .component-preview[data-v-33a736e9]{flex:1;padding:10px;display:flex;justify-content:center}.design-container .design-body .component-config[data-v-33a736e9]{width:410px;height:100%;padding-bottom:40px;box-sizing:border-box;background:#fff;overflow-y:auto;border-left:1px solid #e2e7f5}.design-container .setting-buttons[data-v-33a736e9]{z-index:99;position:absolute;right:420px;top:60px}.design-container .setting-buttons .button[data-v-33a736e9]{width:42px;height:42px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(64,158,255,.2);margin-top:15px;cursor:pointer}.design-container .setting-buttons .button .icon[data-v-33a736e9]{font-size:24px}.design-container .setting-buttons .selected[data-v-33a736e9]{color:#409eff}[data-v-33a736e9]::-webkit-scrollbar{width:0}.personal-center-index{height:calc(100% - 20px)}.fullscreen-design-dialog .el-dialog__body{padding:0!important;height:100vh}.el-dialog{border-radius:0!important}