.vue-grid-item .resizing[data-v-9469218a]{opacity:.9}.vue-grid-item .text[data-v-9469218a]{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-9469218a]{height:100%;width:100%}.vue-grid-item .minMax[data-v-9469218a]{font-size:12px}.vue-grid-item .add[data-v-9469218a]{cursor:pointer}.vue-draggable-handle[data-v-9469218a]{position:absolute;width:20px;height:20px;top:0;left:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><circle cx='5' cy='5' r='5' fill='#999999'/></svg>") no-repeat;background-position:100% 100%;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.layoutJSON[data-v-9469218a]{background:#ddd;border:1px solid #fff;margin-top:10px;padding:10px}.columns[data-v-9469218a]{-moz-columns:120px;-webkit-columns:120px;columns:120px}.hot-remove[data-v-9469218a]{position:absolute;right:8px;top:8px;cursor:pointer;font-size:14px;color:#fff}.row[data-v-9469218a]{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.row.active[data-v-9469218a]{border:2px solid #1890ff}.header[data-v-11fcbc1f]{height:56px;background:#383838;-webkit-box-shadow:0 2px 16px 0 rgba(0,0,0,.3);box-shadow:0 2px 16px 0 rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.header .header-box[data-v-11fcbc1f]{width:55%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:16px;font-weight:500;font-size:16px;color:#fff}.header .header-box-right[data-v-11fcbc1f],.header .header-box[data-v-11fcbc1f]{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:PingFangSC,PingFang SC}.header .header-box-right[data-v-11fcbc1f]{font-weight:400;font-size:14px;color:hsla(0,0%,100%,.85)}.header .header-box-right-item[data-v-11fcbc1f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:36px;cursor:pointer}.content-wrapper[data-v-11fcbc1f]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:calc(100% - 56px)}.content-area[data-v-11fcbc1f]{-webkit-box-flex:0;-ms-flex:0 0 288px;flex:0 0 288px;width:288px;min-height:100%;background:#2e2f30;padding:25px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.85);line-height:22px}.content-area .ele-wrapper[data-v-11fcbc1f]{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content-area .ele-wrapper .ele-item[data-v-11fcbc1f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:120px;height:42px;background:#4e4e4e;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:16px;margin-bottom:16px;cursor:pointer}.show-area[data-v-11fcbc1f]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hot-area[data-v-11fcbc1f]{-webkit-box-flex:0;-ms-flex:0 0 420px;flex:0 0 420px;width:420px;min-height:100%;background:#2e2f30}.hot-area-title[data-v-11fcbc1f]{height:60px;background:#4c4c4c;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:#fff;line-height:60px;text-align:center}.hot-area-content[data-v-11fcbc1f]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:388px;height:40px;background:#464545;border-radius:2px;border:1px solid #535454;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 16px}.hot-area-content[data-v-11fcbc1f],.hot-area-rows[data-v-11fcbc1f]{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.85)}.hot-area-rows[data-v-11fcbc1f]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:54px}.hot-area-rows .upload-img[data-v-11fcbc1f]{color:#1890ff;cursor:pointer}.hot-area-img[data-v-11fcbc1f]{padding:7px;background:#464545;border-radius:6px}.hot-area-add-title[data-v-11fcbc1f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.85);line-height:54px}.hot-area-add-list[data-v-11fcbc1f]{padding:7px;background:#464545;border-radius:6px;color:#fff}canvas[data-v-11fcbc1f]{border:1px solid red;width:100%;height:100%;position:absolute;top:0;left:0}.hot-remove[data-v-11fcbc1f]{position:absolute;right:4px;top:4px;cursor:pointer;font-size:14px;color:#fff}.vue-grid-item[data-v-11fcbc1f]:not(.vue-grid-placeholder){background:rgba(36,183,101,.2);border:1px solid #24b765}.vue-grid-item .resizing[data-v-11fcbc1f]{opacity:.9}.vue-grid-item .static[data-v-11fcbc1f]{background:rgba(36,183,101,.2)}.vue-grid-item .text[data-v-11fcbc1f]{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-11fcbc1f]{height:100%;width:100%}.vue-grid-item .minMax[data-v-11fcbc1f]{font-size:12px}.vue-grid-item .add[data-v-11fcbc1f]{cursor:pointer}.vue-draggable-handle[data-v-11fcbc1f]{position:absolute;width:20px;height:20px;top:0;left:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><circle cx='5' cy='5' r='5' fill='#999999'/></svg>") no-repeat;background-position:100% 100%;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.myCanvas[data-v-11fcbc1f]{position:absolute;top:0;left:0;width:375px;height:100}.hot-count[data-v-11fcbc1f]{width:16px;height:16px;background:#24b765;position:absolute;top:4px;left:4px;border-radius:50%;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:10px;color:#fff;line-height:16px;text-align:center}