.shape[data-v-776851a0]{position:absolute}.shape[data-v-776851a0]:hover{cursor:move}.active[data-v-776851a0]{outline:1px solid #70c0ff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.shape-point[data-v-776851a0]{position:absolute;background:#fff;border:1px solid #59c7f9;width:8px;height:8px;border-radius:50%;z-index:1}.icon-xiangyouxuanzhuan[data-v-776851a0]{position:absolute;top:-34px;left:50%;transform:translateX(-50%);cursor:-webkit-grab;cursor:grab;color:#59c7f9;font-size:20px;font-weight:600}.icon-xiangyouxuanzhuan[data-v-776851a0]:active{cursor:-webkit-grabbing;cursor:grabbing}.icon-suo[data-v-776851a0]{position:absolute;top:0;right:0}.contextmenu[data-v-ff223a58]{position:absolute;z-index:1000}.contextmenu ul[data-v-ff223a58]{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-ff223a58]{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-ff223a58]:hover{background-color:#f5f7fa}.mark-line[data-v-475239c0]{height:100%}.line[data-v-475239c0]{background:#59c7f9;position:absolute;z-index:1000}.xline[data-v-475239c0]{width:100%;height:1px}.yline[data-v-475239c0]{width:1px;height:100%}.area[data-v-30e7b1c2]{border:1px solid #70c0ff;position:absolute}.grid[data-v-39ef9482]{position:absolute;top:0;left:0}.editor[data-v-6a665fee]{position:relative;background:#fff;margin:auto}.editor .lock[data-v-6a665fee]{opacity:.5}.editor .lock[data-v-6a665fee]:hover{cursor:not-allowed}.edit .component[data-v-6a665fee]{outline:none;width:100%;height:100%}.component-list[data-v-7a88c8bc]{display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px}.component-list .list[data-v-7a88c8bc]{width:47%;border:1px solid #ddd;cursor:-webkit-grab;cursor:grab;margin-bottom:10px;text-align:center;color:#333;padding:2px 2px;display:flex;align-items:center;justify-content:center}.component-list .list[data-v-7a88c8bc]:active{cursor:-webkit-grabbing;cursor:grabbing}.component-list .list .iconfont[data-v-7a88c8bc]{margin-right:4px;font-size:20px}.component-list .list .icon-tubiao-zhexiantu[data-v-7a88c8bc],.component-list .list .icon-tupian[data-v-7a88c8bc],.component-list .list .icon-wenben[data-v-7a88c8bc]{font-size:18px}.icon-ul[data-v-9c315dfc]{margin:0;padding:0;font-size:0}.icon-ul li[data-v-9c315dfc]{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-9c315dfc]:hover{background:#f2f2f2}.icon-ul li.active-item[data-v-9c315dfc]{background:#e1f3fb;color:#7a6df0}.icon-ul li>i[data-v-9c315dfc]{font-size:30px;line-height:50px}.icon-dialog[data-v-9c315dfc] .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-9c315dfc] .el-dialog .el-dialog__header{padding-top:14px}.icon-dialog[data-v-9c315dfc] .el-dialog .el-dialog__body{margin:0 20px 20px 20px;padding:0;overflow:auto}.attr-list[data-v-3d3321ae]{overflow:auto;padding:20px;padding-top:0;height:100%}.insert[data-v-3d3321ae]{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-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}.insert[data-v-3d3321ae]:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.insert[data-v-3d3321ae]:hover{background-color:#ecf5ff;color:#3a8ee6}.modal-bg[data-v-057883e4]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1001}.modal-bg .modal[data-v-057883e4]{width:400px;background:#fff;height:100%}.loop[data-v-043aa3fa]{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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.event-list[data-v-da3c62c6]{overflow:auto;padding:20px;padding-top:0;height:100%}.close[data-v-2059a754]{z-index:10;position:fixed;left:10px;top:15px}.bg[data-v-2059a754]{width:100%;height:100%;top:0;left:0;position:fixed;z-index:10;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px}.bg .canvas-container[data-v-2059a754]{width:calc(100% - 40px);height:calc(100% - 120px);text-align:center;margin:auto;margin-background:#fff;margin-position:relative;margin-margin:auto}.toolbar[data-v-c9360114]{padding:15px 10px;white-space:nowrap;overflow-x:auto;background:#fff;border-bottom:1px solid #ddd}.toolbar .canvas-config[data-v-c9360114]{display:inline-block;margin-left:10px;font-size:14px;color:#606266}.toolbar .canvas-config input[data-v-c9360114]{width:50px;margin-left:10px;outline:none;padding:0 5px;border:1px solid #ddd;color:#606266}.toolbar .canvas-config span[data-v-c9360114]{margin-left:10px}.toolbar .insert[data-v-c9360114]{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-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}.toolbar .insert[data-v-c9360114]:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.toolbar .insert[data-v-c9360114]:hover{background-color:#ecf5ff;color:#3a8ee6}.home{height:100vh;background:#fff}.home main{height:calc(100% - 64px);position:relative}.home main .left{width:200px;left:0;padding-top:10px}.home main .left,.home main .right{position:absolute;height:100%;top:0}.home main .right{width:262px;right:0}.home main .center{margin-left:200px;margin-right:262px;background:#f5f5f5;height:100%;overflow:auto;padding:20px}.home main .center .content{width:100%;height:100%;overflow:auto}.home .placeholder{text-align:center;color:#333}