.common-sign-container{width:100%;height:100%}.common-sign-container .btns-wrap{padding-top:16px;text-align:right}.common-sign-container .btns-wrap .com-btn{display:inline-block;margin-left:16px}.common-sign-container .btns-wrap .com-btn:last-child{margin-left:0}.common-sign-container .title{margin:0 0 12px;font-size:18px}.common-sign-container .signature-tip{margin-bottom:12px}.common-sign-container #canvasBox{display:flex;flex-direction:column;max-height:100%}.common-sign-container .greet{padding:20px;padding-left:0;font-size:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;overflow:hidden}.common-sign-container .greet .identity-tip{float:left;line-height:36px;font-size:14px}.common-sign-container input{font-size:16px;padding:8px 16px;border:1px solid #ddd;border-radius:10px;margin-left:12px;cursor:pointer}.common-sign-container .greet>input.done{background-color:#2c86fe;color:#fff;border-color:#2c86fe}.common-sign-container .greet select{font-size:18px}.common-sign-container #canvasBox>canvas,.common-sign-container #signWrap,.common-sign-container .signWrap{width:100%;height:100%;max-height:calc(100% - 60px);cursor:crosshair;border:2px dashed #d3d3d3}.common-sign-container .image-box{width:100%;height:100%}.common-sign-container .image-box header{font-size:18px}.common-sign-container .image-box img{max-width:80%;max-height:80%;margin-top:50px;border:1px solid grey}