*{padding:0;margin:0}.sign-file-nav{line-height:49px;text-align:right;padding:0 15px;background-color:#fff;border-bottom:1px solid #ddd}.content-warp{display:flex;position:relative;user-select:none;background:#f6f6f6;justify-content:space-between}.content-warp .nav-tips{position:absolute;width:80vw;color:#ff9540;text-align:left;top:-36px;left:15px;z-index:999}.content-warp .left-bar{flex:0 0 280px;height:calc(100vh - 50px);border-right:1px solid #ddd;background-color:#fff}.content-warp .doc-warp{flex:1;min-width:800px;min-height:calc(100vh - 50px);position:relative;display:flex;justify-content:center;background-color:#f6f6f6}.content-warp .doc-view{flex:0 1 240px;height:calc(100vh - 50px);border-left:1px solid #ddd;background-color:#fff}.content-warp .page-list{height:calc(100vh - 50px);overflow-y:auto;list-style:none}.content-warp .page-list li{margin-bottom:15px;position:relative;width:fit-content}.content-warp .page-list li canvas{display:block}.content-warp .left-btn{color:#666;line-height:42px;text-align:center;padding:0 30px;box-sizing:border-box;border-bottom:1px solid #ddd}.content-warp .left-btn img{width:100%}.content-warp .left-btn.disabled{background-color:#efefef}.content-warp .left-btn.disabled:hover{cursor:not-allowed}.content-warp .box-warp{width:40px;height:40px;border-radius:3px;position:absolute}.content-warp .box-warp.in-doc,.content-warp .doc-box{width:200px;height:80px;border-radius:3px;position:absolute;opacity:.7;background-color:#d4ecff}.content-warp .box-warp.in-doc>img,.content-warp .doc-box>img{position:absolute;top:0;left:0;width:100%}.content-warp .box-warp.in-doc:active,.content-warp .doc-box:active{cursor:move}.content-warp .box-warp.in-doc .box-title,.content-warp .doc-box .box-title{border-radius:3px;text-align:center;padding:5px;transform:translateY(-120%);background-color:#fff9c5;position:relative}.content-warp .box-warp.in-doc .box-title:active,.content-warp .doc-box .box-title:active{cursor:auto}.content-warp .box-warp.in-doc .box-title img,.content-warp .doc-box .box-title img{height:50%;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.content-warp .box-warp.in-doc .box-title img:hover,.content-warp .ca-check-warp .ca-check-list li:hover,.content-warp .doc-box .box-title img:hover{cursor:pointer}.content-warp .face-warp{display:flex;flex-direction:column;align-items:center}.content-warp .ca-check-warp{text-align:center}.content-warp .ca-check-warp .ca-check-list{display:flex;margin:15px 0;align-items:center;list-style:none;flex-wrap:wrap}.content-warp .ca-check-warp .ca-check-list li{padding:10px 25px;border:1px solid #dedede;margin:5px}.content-warp .ca-check-warp .ca-check-list li p{margin:7px 0}.content-warp .ca-check-warp .ca-check-list li.active{border-color:#409eff}.content-warp .ca-check-warp .ca-check-list.one{justify-content:center}.ca-check--dialog{border-radius:5px!important;overflow:hidden}.ca-check--dialog .el-dialog__header{font-size:16px;color:#fff;text-align:center;background-color:#409eff}