.recruit-canvas{position:fixed;top:0;left:0;width:100%;height:100%}.recruit-canvas .btn-box,.recruit-canvas .canvas-box{position:absolute;top:50%;z-index:100}.recruit-canvas .canvas-box{left:22%;width:70vw;height:80vh;overflow:hidden;transform:translateY(-50%);background-color:#fff;border:.02667rem dashed #d4d4d4}.recruit-canvas .canvas-box #canvas-map{width:100%;height:100%}.recruit-canvas .btn-box{left:-22%;z-index:1000;text-align:center;transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg)}.recruit-canvas .btn-box .del-btn,.recruit-canvas .btn-box .sure-btn{display:inline-block;width:2.93333rem;height:.8rem;margin:0 .26667rem;line-height:.8rem;border-radius:.16rem;background-color:#fff;z-index:99}.recruit-canvas .btn-box .sure-btn{color:#fff;background:linear-gradient(100deg,#ff4e01,#ffbc01)}@media screen and (orientation:landscape){.recruit-canvas .canvas-box{top:.53333rem;left:10%;width:80vw;height:70vh;transform:translateY(0)}.recruit-canvas .btn-box{width:60%;top:86%;left:20%;transform:rotate(0)}}