body,html{margin:0;padding:0;border:0}.main{height:100%}.main-route{width:100%;height:100vh}.footer{background-color:#333;height:100px}span{border:0;margin:0;padding:0}.vdr{box-sizing:border-box}.vdr,span.rotate{position:absolute}span.rotate{font-size:20px;top:-30px;cursor:pointer;right:-30px;color:#000}span.rotate:hover{color:#28f0ff}.vdr.active:before{content:"";width:100%;height:100%;position:absolute;box-sizing:content-box;outline:6px solid transparent}.vdr-stick{box-sizing:border-box;position:absolute;font-size:1px;background:#fff;border:1px solid #6c6c6c;box-shadow:0 0 2px #bbb}.inactive .vdr-stick{display:none}.vdr-stick-br,.vdr-stick-tl{cursor:nwse-resize}.vdr-stick-bm,.vdr-stick-tm{left:50%;cursor:ns-resize}.vdr-stick-bl,.vdr-stick-tr{cursor:nesw-resize}.vdr-stick-ml,.vdr-stick-mr{top:50%;cursor:ew-resize}.vdr-stick.not-resizable{display:none}.vdr.active:before{cursor:move}