.signature[data-v-6423b45f]{width:100vw;height:100vh;box-sizing:border-box;padding:10px 10px 10px 20px}.signature .rect_position[data-v-6423b45f]{width:100%;height:100%;box-sizing:border-box;padding:16px;background:linear-gradient(270deg,#000,#000) 0 0 no-repeat,linear-gradient(180deg,#000,#000) 0 0 no-repeat,linear-gradient(270deg,#000,#000) 100% 0 no-repeat,linear-gradient(180deg,#000,#000) 100% 0 no-repeat,linear-gradient(270deg,#000,#000) 0 100% no-repeat,linear-gradient(180deg,#000,#000) 0 100% no-repeat,linear-gradient(270deg,#000,#000) 100% 100% no-repeat,linear-gradient(270deg,#000,#000) 100% 100% no-repeat;background-size:16px 40px,40px 16px,16px 40px,40px 16px}.signature .rect_position .div_canvas_container[data-v-6423b45f]{width:100%;height:100%}.signature .rect_position .div_canvas_container #signCanvas[data-v-6423b45f]{width:100%;height:100%;background:#fff;border:none;box-sizing:border-box}.signature header[data-v-6423b45f]{position:absolute;width:100px;height:30px;line-height:30px;background-color:#ccc;color:#fff;font-size:14px;text-align:center;top:50%;right:-16px;transform:rotate(90deg) translateX(-50%)}.signature .clear_btn[data-v-6423b45f]{top:70px;left:-20px;background-color:#ff5d3c}.signature .clear_btn[data-v-6423b45f],.signature .confirm_btn[data-v-6423b45f]{position:absolute;padding:7px 10px;transform:rotate(90deg);color:#fff;font-size:14px}.signature .confirm_btn[data-v-6423b45f]{left:-6px;bottom:58px;text-align:center;border:0;outline:0;background-color:#007aff}.signature .signclosebtn[data-v-6423b45f]{position:absolute;width:30px;height:30px;right:5px;bottom:5px;border:0;background-color:#fff;border-radius:50%}.signature .signclosebtn img[data-v-6423b45f]{width:100%;height:100%}