.vdr{-ms-touch-action:none;touch-action:none;border:1px dashed #d6d6d6}.handle,.vdr{box-sizing:border-box;position:absolute}.handle{background:#fff;border:1px solid #333;width:8px;height:8px;box-shadow:0 0 2px #bbb}.handle-tl{cursor:nw-resize;top:-5px;left:-5px}.handle-tm{cursor:n-resize;top:-5px;left:calc(50% - 4px)}.handle-tr{cursor:ne-resize;top:-5px;right:-5px}.handle-ml{cursor:w-resize;top:calc(50% - 4px);left:-5px}.handle-mr{cursor:e-resize;top:calc(50% - 4px);right:-5px}.handle-bl{cursor:sw-resize;bottom:-5px;left:-5px}.handle-bm{cursor:s-resize;bottom:-5px;left:calc(50% - 4px)}.handle-br{cursor:se-resize;bottom:-5px;right:-5px}.ref-line{z-index:9999;background-color:#f0c;position:absolute}.v-line{width:1px}.h-line{height:1px}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}}