img[data-v-2f0fa0d9]{width:100%;height:100%}.editor[data-v-196d61b8]{position:relative;z-index:1;height:100%}.editor .bg[data-v-196d61b8]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;opacity:.5}.editor .bg .block[data-v-196d61b8]{position:relative;display:inline-block;width:calc(25% - 7.5px);height:calc(33.33333% - 6.66667px);background-color:#f7f7f9;margin-bottom:10px;margin-right:10px;border-radius:5px}.editor .bg .block[data-v-196d61b8]:nth-child(4n){margin-right:0}.editor .bg .block .icon[data-v-196d61b8]{position:relative;left:50%;top:50%;font-size:50px;color:#ccc;transform:translate(-50%,-50%)}.editor .storyboard[data-v-196d61b8]{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0}.editor .grid-img-wrap[data-v-196d61b8]{position:relative;height:100%}.editor .grid-img-wrap .del-icon[data-v-196d61b8]{position:absolute;right:0;top:0;width:30px;height:30px;border-radius:0 0 0 66%;background:rgba(0,0,0,.3)}.editor .grid-img-wrap .del-icon .fivs-all-action[data-v-196d61b8]{position:relative;left:50%;top:50%;transform:translate(-45%,-55%)}.editor .empty[data-v-196d61b8]{position:relative;top:50%;transform:translateY(-50%);color:#888;text-align:center}.droppable-element[data-v-196d61b8]{width:150px;text-align:center;background:#fdd;//border:1px solid #000;//margin:10px 0;//padding:10px}.vue-grid-layout[data-v-196d61b8]{//background:#eee}.editable .vue-grid-item[data-v-196d61b8]:not(.vue-grid-placeholder){background:#fff;border-radius:5px;//border:1px solid #000}.vue-grid-item .resizing[data-v-196d61b8]{opacity:.9}.vue-grid-item .static[data-v-196d61b8]{background:#cce}.vue-grid-item .text[data-v-196d61b8]{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-196d61b8]{height:100%;width:100%}.vue-grid-item .minMax[data-v-196d61b8]{font-size:12px}.vue-grid-item .add[data-v-196d61b8]{cursor:pointer}.vue-draggable-handle[data-v-196d61b8]{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;box-sizing:border-box;cursor:pointer}.layoutJSON[data-v-196d61b8]{background:#ddd;//border:1px solid #000;margin-top:10px;padding:10px}.columns[data-v-196d61b8]{columns:120px}