.redPacketBox{width:100%;height:600px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.redPacketBox .redPacketDragBox,.redPacketBox .redPacketItem{background-size:100% 100%;background-repeat:no-repeat}.redPacketBox .redPacketChangeItem,.redPacketBox .redPacketItem{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.redPacketBox .redPacketDragBox{background-color:#000;border:2px solid #0f0;min-width:50px;min-height:50px;position:relative}.redPacketBox .redPacketChangeItem{left:0;top:0;right:0;bottom:0;cursor:move;border:1px dashed #409eff}.redPacketBox .redPacketChangeItem>div{position:absolute;width:8px;height:8px;border-radius:2px;background:#ff0;z-index:99}.redPacketBox .redPacketChangeItem .top{left:50%;top:-4px;cursor:n-resize}.redPacketBox .redPacketChangeItem .top-right{top:-4px;right:-4px;cursor:ne-resize}.redPacketBox .redPacketChangeItem .right{top:50%;right:-4px;cursor:e-resize}.redPacketBox .redPacketChangeItem .bottom-right{bottom:-4px;right:-4px;cursor:se-resize}.redPacketBox .redPacketChangeItem .bottom{bottom:-4px;left:50%;cursor:s-resize}.redPacketBox .redPacketChangeItem .bottom-left{bottom:-4px;left:-4px;cursor:sw-resize}.redPacketBox .redPacketChangeItem .left{top:50%;left:-4px;cursor:w-resize}.redPacketBox .redPacketChangeItem .top-left{top:-4px;left:-4px;cursor:nw-resize}