.vdr{-ms-touch-action:none;touch-action:none;border:1px dashed #d6d6d6}.handle,.vdr{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.handle{width:8px;height:8px;background:#fff;border:1px solid #333;-webkit-box-shadow:0 0 2px #bbb;box-shadow:0 0 2px #bbb}.handle-tl{top:-5px;left:-5px;cursor:nw-resize}.handle-tm{top:-5px;left:calc(50% - 4px);cursor:n-resize}.handle-tr{top:-5px;right:-5px;cursor:ne-resize}.handle-ml{top:calc(50% - 4px);left:-5px;cursor:w-resize}.handle-mr{top:calc(50% - 4px);right:-5px;cursor:e-resize}.handle-bl{bottom:-5px;left:-5px;cursor:sw-resize}.handle-bm{bottom:-5px;left:calc(50% - 4px);cursor:s-resize}.handle-br{bottom:-5px;right:-5px;cursor:se-resize}.ref-line{position:absolute;background-color:#f0c;z-index:9999}.v-line{width:1px}.h-line{height:1px}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}.code-box-demo .ant-slider[data-v-023e8b25]{margin:6px}.vdring[data-v-023e8b25]{border:1px solid #999;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.vdring:hover .anticon-close-circle[data-v-023e8b25]{display:block!important;z-index:999!important}.vdring span[data-v-023e8b25]{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-layout-header[data-v-023e8b25]{background:#fff;border-bottom:1px solid #dedede}.ant-layout-sider[data-v-023e8b25]{-webkit-box-flex:3;-ms-flex:3;flex:3;background:#fff;border-right:1px solid #dedede;max-width:300px!important;min-width:300px!important}.ant-layout-content[data-v-023e8b25]{-webkit-box-flex:7;-ms-flex:7;flex:7;height:787px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content[data-v-023e8b25]{width:1000px;height:500px;background:linear-gradient(-90deg,rgba(0,0,0,.1) 1px,transparent 0) 0 0/20px 20px,linear-gradient(rgba(0,0,0,.1) 1px,transparent 0) 0 0/20px 20px;border:1px solid #dedede;border-top:none}.fieldDiv[data-v-023e8b25]{-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}.fieldDiv[data-v-023e8b25],.filed[data-v-023e8b25]{display:-webkit-box;display:-ms-flexbox;display:flex}.filed[data-v-023e8b25]{width:100px;height:50px;margin-bottom:10px;border:1px solid #dedede;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;word-break:break-all}.my-dragging-class[data-v-023e8b25],.my-resizing-class[data-v-023e8b25]{background-color:hsla(0,0%,100%,.5);border:1px dashed #999}