.page-signature-drag{background:#f4f5f7;border-top:1px solid #f4f5f7}.page-signature-drag .signature-drag{display:-webkit-box;display:-ms-flexbox;display:flex;height:660px;width:100%;margin-right:30px}.page-signature-drag .signature-drag .signature-list{width:220px;padding:30px;background:#fff;font-size:14px;-webkit-box-sizing:content-box;box-sizing:content-box}.page-signature-drag .signature-drag .signature-list .tip{font-size:13px;color:#b4bac5;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:30px}.page-signature-drag .signature-drag .signature-list .tip i{color:var(--primary);font-size:22px;margin-right:3px}.page-signature-drag .signature-drag .signature-list .sig-list{height:550px;overflow-y:auto;padding-right:5px}.page-signature-drag .signature-drag .signature-list .list-item{cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;color:#4f648c;background:#eff2f7;border-radius:4px;border:1px dashed #d3d9e4;padding:10px;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.page-signature-drag .signature-drag .signature-list .list-item .check{position:absolute;right:20px;top:12px}.page-signature-drag .signature-drag .signature-list .list-disabled{cursor:unset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#aebad2;background:#f9fafd;border-radius:4px;border:1px dashed #d3d9e4}.page-signature-drag .signature-drag .signature-list .list-disabled .sub-title,.page-signature-drag .signature-drag .signature-list .list-disabled .title{color:#aebad2}.page-signature-drag .signature-drag .drag-container{height:100%;width:calc(100% - 280px)}.page-signature-drag .signature-drag .drag-container .pdf-box{width:904px;height:640px;overflow-y:auto;overflow-x:hidden;position:relative;margin:20px auto}.page-signature-drag .signature-drag .drag-container .pdf-box #pdf{width:900px}.page-signature-drag .signature-drag .drag-container .pdf-box .pdf-img{width:100%;position:absolute;z-index:998}.page-signature-drag .file-bottom{border-top:1px solid #f4f5f7;height:60px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.page-signature-drag .file-bottom .blank{width:220px}.page-signature-drag .file-bottom .pages{-webkit-box-flex:1;-ms-flex:1;flex:1}.page-signature-drag .file-bottom .pages,.page-signature-drag .file-bottom .pages button{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}.page-signature-drag .file-bottom .pages button{width:30px;height:30px;border-radius:2px;background-color:#eff0f2;color:#767e91;border:none;margin:0 5px}.page-signature-drag .file-bottom .pages button .iconfont{font-size:8px}.page-signature-drag .file-bottom .pages button:disabled{color:#d0d3dc}.page-signature-drag .file-bottom .pages .num{width:64px;height:30px;line-height:30px;text-align:center;border-radius:2px;border:1px solid #e3e5e8;color:#767e91;font-size:14px;margin:0 5px}.page-signature-drag .file-bottom .submit-btn{font-size:14px;padding:0;width:90px;height:46px;position:absolute;top:7px;right:30px;background:var(--primary);border:none;border-radius:3px;color:#fff;cursor:pointer}.s-box{position:absolute;cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s-name{background-color:rgba(51,110,230,.9);color:#fff;font-size:14px;padding:0 8px;height:32px;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-area{background-color:hsla(0,0%,100%,.9);color:rgba(51,110,230,.6);border:2px dashed var(--primary);text-align:center;font-size:22px;border-top:none}.s-close{position:absolute;color:#f56c6c;top:-10px;right:-10px;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAs1JREFUSImd1U9oXFUUBvDfm8zL1KklbU0hXaRWgsVFIUoXGhALkUmJkIIS3DRZJOBC6BMXNTs34qK6EXxZdami4CYtjSBiXbS1NFsNYi11I+LKBgx50/mTPBcz004mbyZNP3iLe+453/fOn3tvsHH+vD2ggC0cwH3kinG81Ssg2EUgxBgmMYwBDOEBVpoil7BZjOO1vQo8h0WMY18XnxpW8T2+Kcbxr50OuS6Bn+FPvNGDnEaGL+E9fJlE0auPI3AN7/cgzcJ+jGIpiaIXegl8pFGSJ8Ugvk6iaCRLYD8+fCLaIEjbVi8iSqLoQKfAtR2BYagwPy8YHMzkzZ8+LSyVIGiX05i6oXaBfXh5B//4uL7RUYWZGcGRI9v3Jib0T0/rO3WKNO0MfR7vJFEUtgTeyvrD+o0b6jdvyh07pjA7+1AkLJWEU1NUKh5cvJgVGmhMVz3fNLye5ZUmieqVK2xtyY+NKczN2VxdFU5OUqlILlzICmvhNQy1BI52datWVa9elW5sCCcn5YaHpeWy8sJCL3Iah1CumU6hp2u1Sj5PrlHRrbt3BQMDuwmESFs9+LunZ6kkPHNGWi6r37ql7+RJ/TMzgkOHdhNZyyHFdc2UdpBPTAjPnqVSUV5YUFteVl9Z0XfihP5z5wSHD3cjr6LayuD3ZkrbkDt+XDg1JW1raLq+rnb5svrt2/pGRhTm5wmCzlD4ohjHaavJK/gWb29zCQKbd+6oLC5uM6dJora0RK1m8969rHMAH/Doug4wg0/0mqhOhCG1zMp+VYzjWR6d5BTf4afHJqcb+QbmWov2u+i+RlrX9ySyHXUcLcZxPUsA/sG7+BnJHsl/wTPFOF5vN2Y9OL9hFp/ix6YtsxZNrOFjvFKM4/86N3u9yU/habyp8eBP4188i3X8gR+wjL+KcZw5SvksYxPl5nepuf5c4/Cs46BGzxTjuAcF/wM+tNM9OMSgDAAAAABJRU5ErkJggg==);width:20px;height:20px;background-position:50%;background-size:contain}