.toolbar[data-v-e2c177e6]{padding:15px 10px;white-space:nowrap;overflow-x:auto;background:#fff;border-bottom:1px solid #ddd}.toolbar .canvas-config[data-v-e2c177e6]{display:inline-block;margin-left:10px;font-size:14px;color:#606266}.toolbar .canvas-config input[data-v-e2c177e6]{width:50px;margin-left:4px;outline:none;padding:0 5px;border:1px solid #ddd;color:#606266}.toolbar .canvas-config span[data-v-e2c177e6]{margin-left:10px}.toolbar .insert[data-v-e2c177e6]{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-e2c177e6]:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.toolbar .insert[data-v-e2c177e6]:hover{background-color:#ecf5ff;color:#3a8ee6}.component-list[data-v-15f39fe2]{height:65%;padding:10px;display:-ms-grid;display:grid;grid-gap:10px 19px;-ms-grid-columns:(80px)[auto-fill];grid-template-columns:repeat(auto-fill,80px);-ms-grid-rows:(40px)[auto-fill];grid-template-rows:repeat(auto-fill,40px)}.component-list .list[data-v-15f39fe2]{width:80px;height:40px;border:1px solid #ddd;cursor:grab;text-align:center;color:#333;padding:2px 5px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.component-list .list[data-v-15f39fe2]:active{cursor:grabbing}.component-list .list .iconfont[data-v-15f39fe2]{margin-right:4px;font-size:20px}.component-list .list .icon-biaoge[data-v-15f39fe2],.component-list .list .icon-wenben[data-v-15f39fe2]{font-size:18px}.component-list .list .icon-tupian[data-v-15f39fe2]{font-size:16px}.real-time-component-list[data-v-18e2df38]{height:35%}.real-time-component-list .list[data-v-18e2df38]{height:30px;cursor:grab;text-align:center;color:#333;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:12px;padding:0 10px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.real-time-component-list .list[data-v-18e2df38]:active{cursor:grabbing}.real-time-component-list .list[data-v-18e2df38]:hover{background-color:hsla(0,0%,78.4%,.2)}.real-time-component-list .list:hover .icon-container[data-v-18e2df38]{display:block}.real-time-component-list .list .iconfont[data-v-18e2df38]{margin-right:4px;font-size:16px}.real-time-component-list .list .icon-tupian[data-v-18e2df38],.real-time-component-list .list .icon-wenben[data-v-18e2df38]{font-size:14px}.real-time-component-list .list .icon-container[data-v-18e2df38]{position:absolute;right:10px;display:none}.real-time-component-list .list .icon-container .iconfont[data-v-18e2df38]{cursor:pointer}.real-time-component-list .actived[data-v-18e2df38]{background:#ecf5ff;color:#409eff}.editor[data-v-72b494ba]{position:relative;background:#fff;margin:auto}.editor .lock[data-v-72b494ba]{opacity:.5}.editor .lock[data-v-72b494ba]:hover{cursor:not-allowed}.edit .component[data-v-72b494ba]{outline:none;width:100%;height:100%}.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}.modal-bg[data-v-387a87bf]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1001}.modal-bg .modal[data-v-387a87bf]{width:400px;background:#fff;height:100%}.event-list .div-events[data-v-82c2c9c8]{text-align:center;padding:0 20px}.event-list .div-events .el-button[data-v-82c2c9c8]{display:inline-block;margin-bottom:10px}.event-list .div-events .el-tag[data-v-82c2c9c8]{display:block;width:50%;margin:auto;margin-bottom:10px}.home[data-v-5182f441]{height:100vh;background:#fff}.home main[data-v-5182f441]{height:calc(100% - 64px);position:relative}.home main .left[data-v-5182f441]{position:absolute;height:100%;width:200px;left:0;top:0}.home main .left>div[data-v-5182f441]{overflow:auto}.home main .left>div[data-v-5182f441]:first-child{border-bottom:1px solid #ddd}.home main .right[data-v-5182f441]{position:absolute;height:100%;width:288px;right:0;top:0;overflow:auto}.home main .right .el-select[data-v-5182f441]{width:100%}.home main .center[data-v-5182f441]{margin-left:200px;margin-right:288px;background:#f5f5f5;height:100%;overflow:auto;padding:20px}.home main .center .content[data-v-5182f441]{width:100%;height:100%;overflow:auto}.home .placeholder[data-v-5182f441]{text-align:center;color:#333}.home .global-attr[data-v-5182f441]{padding:10px}