.contract-signature-view[data-v-2cdf01fa]{overflow:hidden;margin-top:-17px}.contract-signature-view .ele-canvas[data-v-2cdf01fa]{overflow:auto}.contract-signature-view .title-operation[data-v-2cdf01fa]{height:80px;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e4e4}.contract-signature-view .title-operation .title[data-v-2cdf01fa]{font-size:20px;font-weight:600}.contract-signature-view .section-box[data-v-2cdf01fa]{position:relative;display:flex;height:calc(100vh - 120px)}.contract-signature-view .section-box .signature-img[data-v-2cdf01fa]{width:320px;min-width:240px;background-color:#fff;padding:40px 15px;border-right:1px solid #e4e4e4}.contract-signature-view .section-box .signature-img .info[data-v-2cdf01fa]{margin-bottom:38px}.contract-signature-view .section-box .signature-img .info .name[data-v-2cdf01fa]{font-size:18px;font-weight:600;color:#000;line-height:25px;margin-bottom:20px}.contract-signature-view .section-box .signature-img .info .text[data-v-2cdf01fa]{font-size:14px;color:#000;line-height:20px}.contract-signature-view .section-box .signature-img .info .base[data-v-2cdf01fa]{cursor:pointer}.contract-signature-view .section-box .signature-img .info .baseActive[data-v-2cdf01fa]{color:#00f}.contract-signature-view .section-box .signature-img .item[data-v-2cdf01fa]{padding:10px;border:1px dashed rgba(0,0,0,.3)}.contract-signature-view .section-box .signature-img .item[data-v-2cdf01fa]:not(:last-child){margin-bottom:10px}.contract-signature-view .section-box .signature-img .item .img[data-v-2cdf01fa]{vertical-align:middle;width:80px;height:142px;background-repeat:no-repeat}.contract-signature-view .section-box .main-layout[data-v-2cdf01fa]{flex:1;background-color:#f7f8fa;position:relative}.contract-signature-view .section-box .main-layout.is-first .operate-box[data-v-2cdf01fa]{opacity:0}.contract-signature-view .section-box .main-layout .operate-box[data-v-2cdf01fa]{opacity:1;position:absolute;top:0;left:0;width:100%;height:40px;background-color:#fff;border-bottom:1px solid #e4e4e4;display:flex;justify-content:center;align-items:center}.contract-signature-view .section-box .main-layout .operate-box .slider-box[data-v-2cdf01fa]{width:230px;display:flex;justify-content:center;align-items:center;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4}.contract-signature-view .section-box .main-layout .operate-box .slider-box .slider[data-v-2cdf01fa]{width:120px}.contract-signature-view .section-box .main-layout .operate-box .slider-box .scale-value[data-v-2cdf01fa]{margin-left:24px;font-size:16px;color:#000;line-height:22px}.contract-signature-view .section-box .main-layout .operate-box .page-change[data-v-2cdf01fa]{display:flex;align-items:center;margin-left:30px}.contract-signature-view .section-box .main-layout .operate-box .page-change .icon[data-v-2cdf01fa]{cursor:pointer;padding:0 5px;color:#c1c1c1}.contract-signature-view .section-box .main-layout .operate-box .page-change .input-box[data-v-2cdf01fa]{border:none}.contract-signature-view .section-box .main-layout .operate-box .page-change .input-box[data-v-2cdf01fa] .el-input__inner{width:34px;height:20px;border:none;padding:0;text-align:center;border-bottom:1px solid #e4e4e4}.contract-signature-view .section-box .main-layout .operate-box .page-change .default-text[data-v-2cdf01fa]{display:flex;line-height:22px;margin-right:5px;width:110px;margin-left:80px;color:#999}.contract-signature-view .section-box .main-layout .operate-box .buttonDiv[data-v-2cdf01fa]{font-size:12px;color:#f0f8ff;margin-right:-250px;margin-left:200px}.contract-signature-view .section-box .main-layout .operate-box .button1[data-v-2cdf01fa]{border:1px solid #f0f8ff;color:#999;background-color:#f0f8ff;width:70px;height:25px}.contract-signature-view .section-box .main-layout .operate-box .button2[data-v-2cdf01fa]{margin-left:30px;border:1px solid #f0f8ff;color:#f0f8ff;background-color:#e0585f;width:70px;height:25px;border-radius:4px}.contract-signature-view .section-box .main-layout .out-view[data-v-2cdf01fa]{height:calc(100vh - 190px);margin:40px auto;overflow-x:auto;overflow-y:auto;text-align:center;opacity:0;transition:all .5s}.contract-signature-view .section-box .main-layout .out-view.is-show[data-v-2cdf01fa]{opacity:1;overflow:auto}.contract-signature-view .section-box .main-layout .out-view .canvas-layout[data-v-2cdf01fa]{position:relative;text-align:center;margin:0 auto 18px;padding-top:10px}.contract-signature-view .section-box .main-layout .loading[data-v-2cdf01fa]{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999}.contract-signature-view .section-box .main-layout .loading[data-v-2cdf01fa] .el-loading-mask{background-color:transparent}.contract-signature-view .section-box .position-info[data-v-2cdf01fa]{width:605px;min-width:355px;border-left:1px solid #e4e4e4;background-color:#fff;padding:14px 15px}.contract-signature-view .section-box .position-info .title[data-v-2cdf01fa]{font-size:14px;font-weight:400;color:#000;line-height:20px;padding-bottom:18px}.contract-signature-view .section-box .position-info .clearSign[data-v-2cdf01fa]{color:red;height:35px;line-height:25px}.contract-signature-view .section-box .position-info .nav[data-v-2cdf01fa]{display:flex;flex-direction:column}.contract-signature-view .section-box .position-info .nav .item[data-v-2cdf01fa]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.contract-signature-view .section-box .position-info .nav .item[data-v-2cdf01fa]:first-child{background-color:#f7f8fa}.contract-signature-view .section-box .position-info .nav .item span[data-v-2cdf01fa]{flex:1;text-align:center;font-size:12px;color:#000;line-height:20px}.contract-signature-view .section-box .position-info .img[data-v-2cdf01fa]{width:100px;height:60px}.contract-signature-view .section-box .position-info .itemimg[data-v-2cdf01fa]{width:150px;height:80px}.contract-signature-view .section-box .position-info .btn-outline-dark[data-v-2cdf01fa]:hover{color:#fff;background-color:#3e4b5b;border-color:#3e4b5b}