.sign-finish[data-v-7b770170]{text-align:center;height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:0;left:0;background:#fafafa}.sign-finish button[data-v-7b770170]{height:32px;padding:0 8px;font-size:12px;border-radius:2px}.sign-finish .danger[data-v-7b770170]{color:#fff;background:#ee0a24;border:1px solid #ee0a24}.sign-finish .warning[data-v-7b770170]{color:#fff;background:#ff976a;border:1px solid #ff976a}.sign-finish .success[data-v-7b770170]{color:#fff;background:#07c160;border:1px solid #07c160}.sign-finish .wrap2[data-v-7b770170]{padding:15px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sign-finish .wrap2 .actionsWrap[data-v-7b770170]{width:50px;-ms-flex-pack:center;-ms-flex-align:center}.sign-finish .wrap2 .actionsWrap[data-v-7b770170],.sign-finish .wrap2 .content[data-v-7b770170]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.sign-finish .wrap2 .content[data-v-7b770170]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;-ms-flex-align:center}.sign-finish .wrap2 .title[data-v-7b770170]{font-size:18px;margin-bottom:10px;font-weight:700;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sign-finish .wrap2 .canvas[data-v-7b770170]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid grey}.sign-finish .wrap2 .actions[data-v-7b770170]{margin-right:10px;white-space:nowrap;-webkit-transform:rotate(90deg);transform:rotate(90deg);text-align:center}.sign-finish .wrap2 .actions button[data-v-7b770170]{margin-right:20px}.signatureBox{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.canvasBox{height:350px;padding:0 5px}canvas{border:1px solid grey}