.shape[data-v-4c4c9d2a]{position:absolute}.shape[data-v-4c4c9d2a]:hover{cursor:move}.active[data-v-4c4c9d2a]{outline:1px solid #70c0ff;user-select:none}.shape-point[data-v-4c4c9d2a]{position:absolute;background:#fff;border:1px solid #59c7f9;width:8px;height:8px;border-radius:50%;z-index:1}.icon-xiangyouxuanzhuan[data-v-4c4c9d2a]{position:absolute;top:-34px;left:50%;transform:translateX(-50%);cursor:grab;color:#59c7f9;font-size:20px;font-weight:600}.icon-xiangyouxuanzhuan[data-v-4c4c9d2a]:active{cursor:grabbing}.icon-suo[data-v-4c4c9d2a]{position:absolute;top:0;right:0}.contextmenu[data-v-1fc9e8a2]{position:absolute;z-index:1000}.contextmenu ul[data-v-1fc9e8a2]{border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-sizing:border-box;margin:5px 0;padding:6px 0}.contextmenu ul li[data-v-1fc9e8a2]{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.contextmenu ul li[data-v-1fc9e8a2]:hover{background-color:#f5f7fa}.mark-line[data-v-051e8150]{height:100%}.line[data-v-051e8150]{background:#59c7f9;position:absolute;z-index:1000}.xline[data-v-051e8150]{width:100%;height:1px}.yline[data-v-051e8150]{width:1px;height:100%}.area[data-v-5042d48b],.area[data-v-ea4eed88]{border:1px solid #70c0ff;position:absolute}.grid[data-v-0e517e95]{position:absolute;top:0;left:0}.editor[data-v-4b2a7f1a]{position:relative;background:#fff;margin:auto}.editor .lock[data-v-4b2a7f1a]{opacity:.5}.editor .lock[data-v-4b2a7f1a]:hover{cursor:not-allowed}.edit .component[data-v-4b2a7f1a]{outline:none;width:100%;height:100%}.component-list[data-v-c8898aa2]{opacity:1;height:65%;padding:8px;display:grid;position:relative;grid-gap:10px 19px;grid-template-columns:repeat(auto-fill,80px);grid-template-rows:repeat(auto-fill,40px);transition:opacity .5s .5s}.component-list .list[data-v-c8898aa2]{width:80px;height:40px;border:1px solid #ddd;cursor:grab;text-align:center;padding:2px 5px;display:flex;align-items:center;justify-content:center}.component-list .list[data-v-c8898aa2]:active{cursor:grabbing}.component-list .list .iconfont[data-v-c8898aa2]{margin-right:4px;font-size:20px}.component-list .list .icon-biaoge[data-v-c8898aa2],.component-list .list .icon-wenben[data-v-c8898aa2]{font-size:18px}.component-list .list .icon-tupian[data-v-c8898aa2]{font-size:16px}.modal-bg[data-v-e7d573d6]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1001}.modal-bg .modal[data-v-e7d573d6]{width:400px;background:var(--main-bg-color);height:100%}.loop[data-v-bb734988]{margin-top:10px}.animation-list .cursor{cursor:pointer}.animation-list .div-animation{text-align:center}.animation-list .div-animation>div{margin-top:20px}.animation-list .div-animation .el-tag{display:block;width:50%;margin:auto;margin-bottom:10px}.animation-list .el-scrollbar__view{display:flex;align-items:center;flex-wrap:wrap;padding-left:10px}.animation-list .el-scrollbar__view .animate{cursor:pointer}.animation-list .el-scrollbar__view .animate>div{width:100px;height:60px;background:#f5f8fb;display:flex;align-items:center;justify-content:center;margin:0 12px;margin-bottom:10px;font-size:12px;color:#333;border-radius:3px;user-select:none;cursor:pointer}.event-list .div-events[data-v-36cea570]{text-align:center;padding:0 20px}.event-list .div-events .el-button[data-v-36cea570]{display:inline-block;margin-bottom:10px}.event-list .div-events .el-tag[data-v-36cea570]{display:block;width:50%;margin:auto;margin-bottom:10px}.component[data-v-5b0d8122]{position:absolute}.bg[data-v-38ade68c]{width:100%;height:100%;top:0;left:0;position:fixed;background:rgba(0,0,0,.5);z-index:10;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px}.bg .canvas-container[data-v-38ade68c]{width:calc(100% - 40px);height:calc(100% - 120px);overflow:auto}.bg .canvas-container .canvas[data-v-38ade68c]{background:#fff;position:relative;margin:auto}.bg .close[data-v-38ade68c]{position:absolute;right:20px;top:20px}.ace[data-v-a46bc97c]{position:absolute;height:calc(100% - 80px);width:550px;top:63px;background-color:#fff;border:1px solid #ddd;z-index:100;padding:10px}.ace .footer[data-v-a46bc97c],.ace .header[data-v-a46bc97c]{display:flex;justify-content:flex-end}.ace .ace-editor[data-v-a46bc97c]{height:calc(100% - 80px);overflow:auto}.editor[data-v-a46bc97c]{margin:10px 0}.toolbar[data-v-07138840]{padding:15px 10px;white-space:nowrap;overflow-x:auto;background:var(--main-bg-color);border-color:var(--ace-bg-color);border-bottom:1px solid var(--border-color)}.toolbar .align-dropdown[data-v-07138840]{margin-left:10px}.toolbar .canvas-config[data-v-07138840]{display:inline-block;margin-left:10px;font-size:14px;color:var(--text-color)}.toolbar .canvas-config input[data-v-07138840]{width:50px;margin-left:4px;outline:none;padding:0 5px;border:1px solid var(--border-color);color:#606266}.toolbar .canvas-config span[data-v-07138840]{margin-left:10px}.toolbar .el-button--small[data-v-07138840]{background:var(--main-bg-color);border:1px solid var(--toolbar-border-color);color:var(--button-text-color)}.toolbar .el-button--small[data-v-07138840]:hover{background:var(--button-active-text-color);border-color:var(--actived-bg-color);color:var(--main-bg-color)}.toolbar .insert[data-v-07138840]{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;color:var(--text-color);appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;padding:9px 15px;font-size:12px;border-radius:3px;margin-left:10px;background:var(--main-bg-color);border:1px solid var(--toolbar-border-color);color:var(--button-text-color)}.toolbar .insert[data-v-07138840]:active,.toolbar .insert[data-v-07138840]:hover{background:var(--button-active-text-color);border-color:var(--actived-bg-color);color:var(--main-bg-color)}.toolbar .el-button.is-disabled[data-v-07138840]{color:var(--disable-text-color);border-color:var(--disable-border-color);background:var(--main-bg-color)}.toolbar .el-button.is-disabled[data-v-07138840]:hover{background:var(--main-bg-color)}.dialog-footer[data-v-07138840]{display:flex;justify-content:flex-end}.dialog-footer>[data-v-07138840]{margin-left:10px}.real-time-component-list[data-v-860bc862]{height:35%}.real-time-component-list .list[data-v-860bc862]{height:30px;cursor:grab;text-align:center;color:#333;display:flex;align-items:center;font-size:12px;padding:0 10px;position:relative;user-select:none;opacity:1}.real-time-component-list .list[data-v-860bc862]:active{cursor:grabbing}.real-time-component-list .list[data-v-860bc862]:hover{background-color:hsla(0,0%,78.4%,.2)}.real-time-component-list .list:hover .icon-container[data-v-860bc862]{display:block}.real-time-component-list .list .iconfont[data-v-860bc862]{margin-right:4px;font-size:16px}.real-time-component-list .list .icon-tupian[data-v-860bc862],.real-time-component-list .list .icon-wenben[data-v-860bc862]{font-size:14px}.real-time-component-list .list .icon-container[data-v-860bc862]{position:absolute;right:10px;display:none}.real-time-component-list .list .icon-container .iconfont[data-v-860bc862]{cursor:pointer}.real-time-component-list .actived[data-v-860bc862]{background:#ecf5ff;color:#409eff}.name[data-v-26c43d1a]{padding:5px;font-weight:700}.content[data-v-26c43d1a]{display:flex;justify-content:center}.content .mediaItem2[data-v-26c43d1a]{max-width:100%}.m-l-10[data-v-31f56eea]{margin-left:10px}.m-l-5[data-v-31f56eea]{margin-left:5px}.m-t-10[data-v-31f56eea]{margin-top:10px}.attr-container .title{text-align:center;margin-bottom:10px;height:40px;line-height:40px;border-bottom:2px solid #e4e7ed;font-size:14px;font-weight:500;color:var(--text-color)}.img-item[data-v-a51e9e8a]{height:60px;display:inline-block;position:relative}.img-item .change-btn[data-v-a51e9e8a]{position:absolute;top:0;right:0}.img-item .del-btn[data-v-a51e9e8a]{position:absolute;bottom:0;right:0}.add-item[data-v-a51e9e8a]{width:60px;height:60px;line-height:60px;background:#f5f5f5;text-align:center;border:1px dashed #ccc;box-sizing:border-box;cursor:pointer;vertical-align:top}.home[data-v-7175af24]{position:absolute;top:0;left:0;width:100vw;height:100vh;background:var(--main-bg-color);z-index:1000}.home main[data-v-7175af24]{height:calc(100% - 64px);position:relative;background:var(--secondary-bg-color)}.home main .show-list[data-v-7175af24]{position:absolute;z-index:9;top:40%;transition:all .3s}.home main .left-btn[data-v-7175af24],.home main .right-btn[data-v-7175af24]{background:var(--main-bg-color);color:var(--button-text-color);border:1px}.home main .left-btn[data-v-7175af24]{margin-left:200px;border-radius:0 50% 50% 0;padding:9px 4px 9px 2px}.home main .right-btn[data-v-7175af24]{right:0;margin-right:288px;border-radius:50% 0 0 50%;padding:9px 2px 9px 4px}.home main .left[data-v-7175af24],.home main .right[data-v-7175af24]{position:absolute;height:100%;top:0;transition:all .3s;background:var(--main-bg-color);color:var(--text-color)}.home main .left[data-v-7175af24]{width:200px;left:0}.home main .left .real-time-component-list .list[data-v-7175af24]:hover{color:var(--text-color)}.home main .left .real-time-component-list .actived.list[data-v-7175af24]{color:var(--actived-text-color);background-color:var(--actived-bg-color)}.home main .left .real-time-component-list .list[data-v-7175af24]{color:var(--text-color)}.home main .left>div[data-v-7175af24]{overflow:auto}.home main .left>div[data-v-7175af24]:first-child{border-bottom:1px solid var(--border-color)}.home main .center[data-v-7175af24]{margin:0 288px 0 200px}.home main .placeholder[data-v-7175af24]{text-align:center;color:var(--placeholder-text-color)}.home main .left.inactive[data-v-7175af24]{width:10px;overflow:hidden}.home main .left.inactive div[data-v-7175af24]{opacity:0}.home main .left.inactive~.btn.left-btn[data-v-7175af24],.home main .left.inactive~.center[data-v-7175af24]{margin-left:10px}.home main .right[data-v-7175af24]{position:absolute;height:100%;width:288px;right:0;top:0;transition:all .3s;background-color:var(--main-bg-color)}.home main .right .el-select[data-v-7175af24]{width:100%}.home main .right .el-form-item__label[data-v-7175af24],.home main .right .el-tabs__item.is-top[data-v-7175af24]{color:var(--text-color)}.home main .right .el-tabs__item.is-top.is-active[data-v-7175af24]{color:var(--actived-text-color)}.home main .right .el-input__inner[data-v-7175af24]{border-color:var(--border-color)}.home main .right .el-input__inner[data-v-7175af24],.home main .right textarea.el-textarea__inner[data-v-7175af24]{background-color:var(--placeholder-bg-color);color:var(--text-color)}.home main .right .el-select-dropdown__item[data-v-7175af24]{color:var(--text-color)}.home main .right .linkage-container .linkage-component[data-v-7175af24]{border-color:var(--border-color)}.home main .right .linkage-container .linkage-component .div-guanbi[data-v-7175af24]{color:var(--border-color);border-color:var(--border-color)}.home main .right.inactive[data-v-7175af24]{width:10px;overflow:hidden}.home main .right.inactive div[data-v-7175af24]{opacity:0}.home main .right.inactive~.btn.right-btn[data-v-7175af24]{margin-right:10px}.home main .center[data-v-7175af24]{margin-left:200px;margin-right:288px;background:var(--secondary-bg-color);height:100%;overflow:auto;padding:20px;transition:all .3s}.home main .center .content[data-v-7175af24]{width:100%;height:100%;overflow:auto}.home .placeholder[data-v-7175af24]{text-align:center;color:var(--placeholder-text-color)}.home .global-attr[data-v-7175af24]{padding:10px}.home .el-collapse[data-v-7175af24]{border-color:var(--border-color)}.home .el-collapse-item__header[data-v-7175af24],.home .el-collapse-item__wrap[data-v-7175af24]{border-color:var(--border-color);background-color:var(--main-bg-color);color:var(--text-color)}.home .el-collapse-item__header.is-active[data-v-7175af24]{border-bottom-color:transparent!important}.home .el-tabs__item[data-v-7175af24]{color:var(--text-color)}.home .animation-list .el-tabs.el-tabs--top[data-v-7175af24]{background-color:var(--main-bg-color)}.home .animation-list .el-scrollbar__view[data-v-7175af24]{margin-top:30px}.home .ace[data-v-7175af24]{background:var(--ace-bg-color);border-color:var(--main-bg-color)}.home .ace .ace_editor[data-v-7175af24],.home .ace .ace_gutter[data-v-7175af24]{background-color:var(--main-bg-color);color:var(--text-color)}.page[data-v-2834fb85]{width:100%;height:100%}