.shape[data-v-2b415472]{position:absolute}.shape[data-v-2b415472]:hover{cursor:move}.active[data-v-2b415472]{outline:1px solid #70c0ff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shape-point[data-v-2b415472]{position:absolute;background:#fff;border:1px solid #59c7f9;width:8px;height:8px;border-radius:50%;z-index:1}.icon-xiangyouxuanzhuan[data-v-2b415472]{position:absolute;top:-34px;left:50%;transform:translateX(-50%);cursor:grab;color:#59c7f9;font-size:20px;font-weight:600}.icon-xiangyouxuanzhuan[data-v-2b415472]:active{cursor:grabbing}.icon-suo[data-v-2b415472]{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-16b1a49c]{position:absolute;top:0;left:0;box-shadow:3px 3px 6px 3px gray}.editor[data-v-6a34d70d]{position:relative;background:#fff;margin:2px auto 7px 2px}.editor .lock[data-v-6a34d70d]{opacity:.5}.editor .lock[data-v-6a34d70d]:hover{cursor:not-allowed}.edit .component[data-v-6a34d70d]{outline:none;width:100%;height:100%}.component-list[data-v-99fb836e]{height:100%;padding:10px;display:grid;grid-gap:10px 19px;grid-template-columns:repeat(auto-fill,170px);grid-template-rows:repeat(auto-fill,35px)}.component-list .list[data-v-99fb836e]{width:180px;height:40px;border:1px solid #ddd;cursor:grab;text-align:center;color:#333;padding:2px 15px;display:flex;align-items:center;justify-content:left}.component-list .list[data-v-99fb836e]:active{cursor:grabbing}.component-list .list .iconfont[data-v-99fb836e]{margin-right:4px;font-size:20px}.component-list .list .icontext[data-v-99fb836e]{margin-left:20px}.component[data-v-195f3027]{position:absolute}.bg[data-v-0ee74487]{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-0ee74487]{width:calc(100% - 40px);height:calc(100% - 120px);overflow:auto}.bg .canvas-container .canvas[data-v-0ee74487]{background:#fff;position:relative;margin:auto}.bg .close[data-v-0ee74487]{position:absolute;right:20px;top:20px}.toolbar[data-v-0107b418]{padding:15px 10px;white-space:nowrap;overflow-x:auto;background:#fff;border-bottom:1px solid #ddd}.toolbar .canvas-config[data-v-0107b418]{display:inline-block;margin-left:10px;font-size:14px;color:#606266}.toolbar .canvas-config input[data-v-0107b418]{width:50px;margin-left:4px;outline:none;padding:0 5px;border:1px solid #ddd;color:#606266}.toolbar .canvas-config span[data-v-0107b418]{margin-left:10px}.toolbar .insert[data-v-0107b418]{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;-moz-appearance:none;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-0107b418]:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.toolbar .insert[data-v-0107b418]:hover{background-color:#ecf5ff;color:#3a8ee6}.real-time-component-list[data-v-7168ee16]{height:35%}.real-time-component-list .list[data-v-7168ee16]{height:30px;cursor:grab;text-align:center;color:#333;display:flex;align-items:center;font-size:12px;padding:0 10px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.real-time-component-list .list[data-v-7168ee16]:active{cursor:grabbing}.real-time-component-list .list[data-v-7168ee16]:hover{background-color:hsla(0,0%,78%,.2)}.real-time-component-list .list:hover .icon-container[data-v-7168ee16]{display:block}.real-time-component-list .list .iconfont[data-v-7168ee16]{margin-right:4px;font-size:16px}.real-time-component-list .list .icon-tupian[data-v-7168ee16],.real-time-component-list .list .icon-wenben[data-v-7168ee16]{font-size:14px}.real-time-component-list .list .icon-container[data-v-7168ee16]{position:absolute;right:10px;display:none}.real-time-component-list .list .icon-container .iconfont[data-v-7168ee16]{cursor:pointer}.real-time-component-list .actived[data-v-7168ee16]{background:#ecf5ff;color:#409eff}.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:#303133}.home{height:100vh;background:#fff}.home main{height:calc(100% - 64px);position:relative}.home main .left{position:absolute;height:100%;width:200px;left:0;top:0}.home main .left>div{overflow:auto}.home main .left>div:first-child{border-bottom:1px solid #ddd}.home main .right{position:absolute;height:100%;width:288px;right:0;top:0}.home main .right .el-tabs__nav-scroll{padding-left:0}.home main .right .el-tabs__nav-scroll .el-tabs__active-bar.is-top{background-color:#e4e7ed}.home main .right .el-tabs__nav-scroll .el-tabs__item,.home main .right .el-tabs__nav-scroll .el-tabs__item.is-active,.home main .right .el-tabs__nav-scroll .el-tabs__item:hover{color:#000}.home main .right .el-select{width:100%}.home main .center{margin-left:200px;margin-right:288px;background:#f5f5f5;height:100%;overflow:auto;padding:20px}.home main .center .content{height:100%;overflow-y:auto;overflow-x:hidden}.home main .form-item-width{width:80%}.home .placeholder{text-align:center;color:#333}.home .global-attr{padding:10px}