.signature-container{height:100%;width:100%;z-index:10;position:fixed;top:0;left:0;background-color:rgba(100, 100, 100, 0.5);}
.signature-container .signature-panel{position:absolute;top:50%;left:0;width:100%;height:50%; background-color:#fff;}
.signature-container .signature-panel .panel-title{height:30px;line-height:30px;color:#000;font-weight:bold;text-align:center;font-size:15px;}
.signature-container .signature-panel .panel-title.gray{color:#999;}
.signature-container .signature-panel .btn-maximize{position:absolute;right:30px;top:3px;font-size:17px;color:#999;cursor:pointer;}
.signature-container .signature-panel .btn-close{position:absolute;right:5px;top:0;font-size:20px;color:#999;cursor:pointer;}
.signature-container .signature-panel .panel-box{height:calc(100% - 115px); margin:5px 20px 10px 20px;}
.signature-container .signature-panel .js-signature{position:relative;height:100%;width:100%;}
.signature-container .signature-panel .js-signature canvas{border:1px dotted #999;width:100%;height:100%;}
.signature-container .signature-panel .panel-footer{height:30px;text-align:center;}
.signature-container .signature-panel .panel-footer button{height:30px;line-height:30px;min-width:90px;font-size:14px;padding:0;}
.signature-container .signature-panel .panel-footer button.red{background: #cd1616;border: 1px solid #cd1616;}

.tx-signer{width:100%;height:120px;border:1px dashed #bbb;margin-bottom:10px;position: relative;}
.tx-signer img{width:100%;height:100%;display:none;}
.tx-signer .nosign{width:100%;height:100%;text-align:center;line-height:120px;color:#bbb;font-size: 20px;letter-spacing: 20px;}
.tx-signer .btn-edit{position: absolute;right:0;bottom:-10px;font-size:30px;cursor:pointer;}
.tx-signer-show{}
.tx-signer-show .nosign{height: 100%;line-height: 45px;}
.tx-signer-show img{width:50%;height:auto;}