.sign[data-v-1009a135],.signLandscape[data-v-1009a135]{width:100vw;height:100vh;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding:6px 16px 16px}.canvas-box[data-v-1009a135]{width:100%;height:90%;border:4px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.canvas-box[data-v-1009a135]:before{content:"签名";position:absolute;top:50%;left:50%;z-index:1;font-size:14.4vmax;opacity:.1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none}.btn-wrap[data-v-1009a135]{height:10%}.btn-wrap>p[data-v-1009a135],.btn-wrap[data-v-1009a135]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.btn-wrap>p[data-v-1009a135]{margin:0;height:80%;padding:0 12px;white-space:nowrap;margin-left:5.3333vw;border:.2667vw solid #ccc;color:#333;border-radius:1.3333vw}.btn-wrap .info[data-v-1009a135]{border:none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:0}.sign[data-v-1009a135]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sign .canvas-box[data-v-1009a135]{width:96%;height:100%}.sign .canvas-box[data-v-1009a135]:before{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(90deg) translate(-25%,75%);transform:rotate(90deg) translate(-25%,75%)}.sign .btn-wrap[data-v-1009a135]{width:4%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:1.6vw}.sign .btn-wrap p[data-v-1009a135]{height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0;padding:4px}.sign .btn-wrap p span[data-v-1009a135]{display:block;-webkit-transform:rotate(90deg);transform:rotate(90deg);font-size:3vw}