.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}.changeStyle .backIcon[data-v-d0920144]{background:url(../assets/backIcon.cfc2524e.svg);color:#fff;cursor:pointer;display:inline-block;width:170px;height:40px;background-size:cover;border-radius:5px;line-height:40px}.changeStyle .backIcon .backText[data-v-d0920144]{margin-left:45px;font-weight:400;font-size:16px}.changeStyle .conIcon[data-v-d0920144]{width:120px;height:40px;margin-left:8px;display:inline-block;background:url(../assets/conIcon.cd7a7d9e.svg);background-size:cover;color:#2a82e4;border-radius:5px;line-height:40px}.changeStyle .conIcon .conText[data-v-d0920144]{margin-left:40px;font-weight:400;font-size:16px}.img[data-v-d0920144]{width:93px;height:40px;margin:5px 5px 0 0;cursor:pointer}.signcontent[data-v-d0920144]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.signcontent>div[data-v-d0920144]{-ms-flex-negative:0;flex-shrink:0}.signcontent .signimg[data-v-d0920144]{width:70%;text-align:center}.signcontent .signimg .signarea[data-v-d0920144]{height:200px;line-height:200px;text-align:center;border:1px solid #d3d3d3;cursor:pointer}.signcontent .signimg img[data-v-d0920144]{width:80%}.signcontent .signbtn[data-v-d0920144]{width:30%}.signcontent .signbtn>div[data-v-d0920144]{padding-left:20px}.number[data-v-d0920144]{margin-left:8px;font-size:16px}