*{list-style:none;margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.vdr[data-v-78b54450]{padding:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-color:#45dbf7;text-align:center}.draggable[data-v-78b54450]:hover{cursor:move}.handle[data-v-78b54450]{display:none;position:absolute;z-index:999}svg[data-v-78b54450]{fill:#45dbf7}.handle-br[data-v-78b54450]{bottom:0;right:0;cursor:se-resize;width:25px;height:25px;padding:5px;border-top:2px solid #45dbf7;border-left:2px solid #45dbf7}.handle-ml[data-v-78b54450]{top:0;left:-5px;cursor:w-resize;position:absolute;height:100%;width:5px}.handle-ml[data-v-78b54450]:hover{background:linear-gradient(90deg,hsla(0,0%,100%,0),#3f51b5)}.handle-mr[data-v-78b54450]{top:0;right:-5px;cursor:w-resize;position:absolute;height:100%;width:5px}.handle-mr[data-v-78b54450]:after{content:"";width:15px;height:100%;position:relative;left:-120%;bottom:-10px;display:inline-block;vertical-align:middle}.handle-tm[data-v-78b54450]{position:absolute;width:100%;height:5px;top:-5px;left:0;cursor:n-resize}.handle-tm[data-v-78b54450]:hover{background:linear-gradient(hsla(0,0%,100%,0),#3f51b5)}.handle-bm[data-v-78b54450]{position:absolute;width:100%;height:5px;bottom:-5px;left:0;cursor:s-resize}.handle-bm[data-v-78b54450]:hover{background:linear-gradient(#3f51b5,hsla(0,0%,100%,0))}.active .handle[data-v-78b54450]{display:block}.active[data-v-78b54450]{padding:0;border:2px solid hsla(0,0%,100%,0);background-color:hsla(0,0%,58.8%,.3);border-color:#45dbf7}.icon[data-v-78b54450]{text-align:center;line-height:25px;color:#fff;font-size:22px;overflow:hidden}.canvas-box{height:calc(100vh - 90px)}.right{height:calc(100vh - 50px)}.contract-detail[data-v-181463d1]{height:100vh;background:#f4f4f7}.contract-detail .contract-title[data-v-181463d1]{height:50px;background:#fff;line-height:50px;padding:0 18px;box-shadow:0 5px 5px 5px #eee;display:flex;justify-content:space-between}.contract-detail .contract-title .contract-back[data-v-181463d1]{width:50px;cursor:pointer}.contract-detail .contract-title .contract-download[data-v-181463d1]{color:#4680ff}.contract-detail .contract-box[data-v-181463d1]{display:flex;justify-content:space-between}.contract-detail .contract-box .canvas-box[data-v-181463d1]{overflow:auto;width:100%;margin:20px auto}.contract-detail .contract-box .canvas-box .pageContainer[data-v-181463d1]{margin:0 auto;position:relative}.contract-detail .contract-box .canvas-box .contract-canvas[data-v-181463d1]{margin:0 auto}.contract-detail .contract-box .right[data-v-181463d1]{background-color:#fff;width:308px;position:relative;overflow-y:auto;display:flex;flex-wrap:wrap;align-content:space-between}.contract-detail .contract-box .right>div[data-v-181463d1]{width:100%}.contract-detail .contract-box .right .title[data-v-181463d1]{margin:10px 20px;color:#888}.contract-detail .contract-box .right .title .right-title[data-v-181463d1]{height:22px;line-height:22px;border-left:3px solid #4680ff}.contract-detail .contract-box .right .title .right-title span[data-v-181463d1]{color:#333;font-weight:700;font-size:18px;padding-left:.5rem}.contract-detail .contract-box .right .signature-btn[data-v-181463d1]{width:100%;padding:0 20px;margin:auto}.contract-detail .contract-box .right .signature-btn button[data-v-181463d1]{width:100%;height:30px;margin-bottom:20px}.contract-detail .contract-box .right .container[data-v-181463d1]{margin:30px 20px}.contract-detail .contract-box .right .container .signature-box[data-v-181463d1]{width:180px;height:180px;border:1px solid #efefef;margin:0 auto;text-align:center;line-height:180px}.contract-detail .contract-box .right .container .signature-box img[data-v-181463d1]{width:100%;vertical-align:middle}.contract-detail .vdr[data-v-181463d1]{outline:none}.contract-detail .signer-box img[data-v-181463d1]{width:100%}.contract-detail .delete-sign[data-v-181463d1]{width:20px;height:20px;text-align:center;line-height:16px;font-size:18px;font-weight:500;border-radius:100%;position:absolute;color:#4680ff;right:-10px;top:-11px;z-index:999;cursor:pointer;display:none;border:1px solid #4680ff}.contract-detail .vdr:hover .delete-sign[data-v-181463d1]{display:block}