.sign-finish[data-v-504cfd84]{position:relative;height:100vh;width:100vw}.sign-finish button[data-v-504cfd84]{height:32px;padding:0 8px;font-size:12px;border-radius:2px}.sign-finish .wrap1[data-v-504cfd84]{height:100%;width:96%;margin:auto;margin-top:100px}.sign-finish .wrap1 .resetSign[data-v-504cfd84]{padding:0 20px;display:inline-block;width:100%;text-align:right}.sign-finish .wrap1 .actions[data-v-504cfd84]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:end;-ms-flex-align:end;align-items:end;position:absolute;left:1px;bottom:300px;width:100%}.sign-finish .wrap2[data-v-504cfd84]{padding:15px;height:100%}.sign-finish .wrap2 .actionsWrap[data-v-504cfd84],.sign-finish .wrap2[data-v-504cfd84]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sign-finish .wrap2 .actionsWrap[data-v-504cfd84]{width:50px}.sign-finish .wrap2 .canvas[data-v-504cfd84]{-webkit-box-flex:1;-ms-flex:1;flex:1}.sign-finish .wrap2 .actions[data-v-504cfd84]{margin-right:10px;white-space:nowrap;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sign-finish .wrap2 .actions button[data-v-504cfd84]{margin-right:20px}.sign-finish .btn[data-v-504cfd84]{width:100px;height:30px}.ljds[data-v-504cfd84]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;height:80vh}.ljds .img[data-v-504cfd84]{width:100px;height:100px;margin-bottom:20px}.canvas-wrapper[data-v-504cfd84]{position:relative;display:inline-block;width:100%}.canvas-wrapper .canvas[data-v-504cfd84]{border-radius:10px;border:2px dashed #ccc;z-index:1}.canvas-wrapper .name-hint[data-v-504cfd84]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#e8e8e8;font-size:40px;pointer-events:none;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.wrap2 .name-hint[data-v-504cfd84]{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);white-space:nowrap}