.vdr{touch-action:none;position:absolute;box-sizing:border-box}.vdr.select{position:relative}.vdr.select:after{position:absolute;content:"\e844";font-family:miconfont;text-align:right;padding-right:4px;color:#fff;font-weight:700;font-size:18px;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.14)}.handle{box-sizing:border-box;position:absolute;width:8px;height:8px;background:#fff;border:1px solid #333;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}}p{margin:0 0 4px 0!important}.page-list{width:100%;overflow:hidden}.page-list .cell{float:left;width:33.33%;margin:10px 0;position:relative;overflow:hidden}.page-list .cell:after{position:absolute;left:0;right:0;top:0;bottom:0;content:""}.page-list .cell .dragbox{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.page-list .cell .cover{width:120px;height:170px;background:#eee;margin-bottom:15px;background-size:contain}.page-list .cell .name{color:#666;font-size:14px;text-align:center;height:20px;margin-top:10px;line-height:20px;z-index:100}