.auth-nav[data-v-b8ff1556]{width:100px}.auth-nav a[data-v-b8ff1556]{color:#999;float:left;padding-bottom:5px}.auth-nav a[data-v-b8ff1556]:last-child{float:right}.auth-nav a.active[data-v-b8ff1556]{border-bottom:2px solid #3f7bf9;color:#3f7bf9}.pin-Form[data-v-b8ff1556],.sms-Form[data-v-b8ff1556]{margin:20px auto 0}.phone-text[data-v-b8ff1556]{color:#333;font-size:14px;margin-bottom:20px}.code-btn[data-v-b8ff1556]{position:absolute;right:0;top:0}.code-btn .el-button[data-v-b8ff1556]{border-radius:0 3px 3px 0}.title-top[data-v-099a6fac]{height:54px;font-size:16px;font-weight:500;color:#1d2129;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #f2f3f5;background:#fff}.title-top .title[data-v-099a6fac]{margin-left:12px}.title-top .title-left[data-v-099a6fac]{width:220px}.title-top .center-title[data-v-099a6fac]{font-size:13px;font-weight:500;line-height:20px;color:#86909c;padding-left:20px;border-left:1px solid #f2f3f5}.title-top .el-button[data-v-099a6fac]{height:30px;line-height:30px}.title-top .el-button[data-v-099a6fac] span{display:flex;align-items:center}.title-top .el-button[data-v-099a6fac] span svg{margin-right:8px}.select-sign[data-v-099a6fac]{margin:24px 18px 32px 18px}.sign-list[data-v-099a6fac]{display:grid;grid-template-columns:36px 36px 36px;grid-template-rows:58px;grid-gap:calc(50% - 54px);grid-row-gap:16px}.sign-item[data-v-099a6fac]{width:36px;overflow:visible;text-align:center;font-size:0}.sign-item span[data-v-099a6fac]{display:inline-block;font-size:10px;font-weight:400;color:#86909c;margin-top:6px;white-space:nowrap;text-align:center;-ms-transform:translateX(calc(18px - 50%));transform:translateX(calc(18px - 50%))}.contract-container[data-v-099a6fac]{position:relative;height:calc(100vh - 54px);width:calc(100% - 520px);margin-right:20px;margin-left:20px;max-width:714px}.contract-content[data-v-099a6fac]{margin-top:20px;background:#f0f0f5;height:calc(100vh - 74px);overflow-y:auto;overflow-x:auto}.contract-content .drag-box[data-v-099a6fac]{overflow:visible;border-radius:6px;border:1.5px dashed #448df7}.contract-content .drag-box.seal-box[data-v-099a6fac],.contract-content .drag-box.sign-box[data-v-099a6fac]{width:140px;height:140px}.contract-content .drag-box.date-box[data-v-099a6fac]{width:140px;height:40px}.contract-content .drag-box.paging-box[data-v-099a6fac]{width:70px;height:140px;border-radius:6px 0 0 6px}.contract-content .drag-box[data-seal-type=companyAgent][data-v-099a6fac],.contract-content .drag-box[data-seal-type=companyLegal][data-v-099a6fac],.contract-content .drag-box[data-seal-type=person][data-v-099a6fac]{width:140px;height:70px}.contract-content .drag-box[data-v-099a6fac] .el-icon-close{display:none;cursor:pointer;width:16px;height:16px;background:#eb6069;line-height:16px;text-align:center;border-radius:50%;color:#fff;font-size:12px;position:absolute;top:-7px;right:-7px}.contract-content .drag-box[data-v-099a6fac] .box-head{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:absolute;left:50%;top:48%;font-size:0;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.contract-content .drag-box[data-v-099a6fac] .box-head span{font-size:10px;font-weight:400;color:#86909c;margin-top:4px;white-space:nowrap}.contract-content .drag-box[data-v-099a6fac] .seal-name{display:none;position:absolute;bottom:-28px;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center;width:136px;min-height:19px;background:#f6f6f6;border-radius:4px 4px 4px 4px;opacity:1;border:1px solid #e7e7e7;font-size:10px;font-weight:400;color:#4e5969}.contract-content .drag-box.date-box[data-v-099a6fac] .box-head{flex-direction:row}.contract-content .drag-box.date-box[data-v-099a6fac] .box-head span{margin-top:0;margin-left:7px}.contract-content .drag-box[data-v-099a6fac]:hover .el-icon-close,.contract-content .drag-box[data-v-099a6fac]:hover .seal-name{display:block}.contract-content .drag-box.not-active[data-v-099a6fac]:hover .el-icon-close,.contract-content .drag-box.not-active[data-v-099a6fac]:hover .seal-name{display:none}.contract-content .drag-box.paging-box[data-v-099a6fac]:hover .el-icon-close{right:auto;left:-7px}.contract-content .drag-box.paging-box[data-v-099a6fac]:hover .seal-name{right:0;left:unset;-ms-transform:unset;transform:unset}.contract-content .drag-box.active[data-v-099a6fac]{background:hsla(0,0%,100%,.05)!important;border-style:solid}.contract-page[data-v-099a6fac]{width:240px;background:#fff;height:calc(100vh - 54px);overflow:hidden}.contract-page .el-collapse[data-v-099a6fac]{max-height:calc(100% - 38px);border-color:#f2f3f5}.contract-page .el-collapse[data-v-099a6fac] .el-collapse-item .el-collapse-item__header{height:54px;line-height:54px;padding:0 10px 0 48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:relative;border-color:#f2f3f5}.contract-page .el-collapse[data-v-099a6fac] .el-collapse-item .el-collapse-item__header.is-active{border-bottom-color:rgba(0,0,0,0)}.contract-page .el-collapse[data-v-099a6fac] .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow{position:absolute;left:18px;top:0;bottom:0;margin:auto 0;width:13px;height:13px;color:#313843;font-weight:500}.contract-page .el-collapse[data-v-099a6fac] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content{overflow:auto;background:#f6f7fa;padding-top:20px;padding-bottom:1px}.contract-page .el-collapse[data-v-099a6fac] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content::-webkit-scrollbar{width:8px;background:#f9fafa}.contract-page .el-collapse[data-v-099a6fac] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content::-webkit-scrollbar-thumb,.contract-page .el-collapse[data-v-099a6fac] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content::-webkit-scrollbar-track{border:2px solid rgba(0,0,0,0)}.contract-page .pages-head[data-v-099a6fac]{height:38px;display:flex;justify-content:flex-start;align-items:center;padding-left:17px;padding-right:13px}.contract-page .pages-head .big[data-v-099a6fac]{font-size:13px;font-weight:400;color:#4e5969}.contract-page .pages-head .sub[data-v-099a6fac]{font-size:12px;font-weight:400;color:#86909c}.contract-page .page-wrap[data-v-099a6fac]{width:146px;margin:0 auto}.contract-page .page-wrap img[data-v-099a6fac]{display:block;margin:0 auto;width:100%}.contract-page .page-wrap img.current[data-v-099a6fac]{outline:1.5px solid #165dff}.contract-page .page-wrap .page[data-v-099a6fac]{font-size:12px;font-weight:400;color:#999;text-align:center;margin:12.5px 0}.contract-page .page-wrap .page.current[data-v-099a6fac]{color:#165dff}#sign-layer[data-v-099a6fac]{background:#f3f3f7;height:100vh;overflow:hidden}.return-index[data-v-099a6fac]{height:71px;display:block;position:absolute;right:0;top:0;font-size:24px;color:#fff;line-height:71px}.setcontrol-content[data-v-099a6fac]{display:flex;justify-content:space-between;position:relative}.set-sign-control[data-v-099a6fac]{width:240px;background:#fff;position:relative;z-index:9}.sign-guide[data-v-099a6fac]{padding:18px 20px 20px;font-size:12px;font-weight:500;color:#4e5969;border-bottom:1px solid #f2f3f5}.sign-guide .guide-content[data-v-099a6fac]{font-size:12px;font-weight:400;color:#86909c;line-height:22px;margin-top:7px;position:relative}.sign-guide .guide-detail[data-v-099a6fac]{font-size:12px;font-weight:400;color:#e89400;line-height:22px}.seals-wrap[data-v-099a6fac]{width:100%;padding:20px 12px;height:calc(100vh - 160px);overflow-x:hidden}.set-title[data-v-099a6fac]{width:100%;font-size:14px;font-weight:500;color:#4e5969;background:#f6f7fa;padding:8px 12px 8px 16px;border-radius:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.set-title .index-tag[data-v-099a6fac]{display:inline-block;width:16px;height:16px;border:1px solid #bdc5d8;font-size:12px;font-weight:500;color:#bdc5d8;text-align:center;line-height:15px;border-radius:50%}.set-title .dot[data-v-099a6fac]{display:block;width:8px;height:8px;background:#448df7;border-radius:4px 4px 4px 4px;margin-right:8px}.contract-img-content[data-v-099a6fac]{height:100%}.contract-imgs[data-v-099a6fac]{position:relative;z-index:1}.contract-imgs .contract-img[data-v-099a6fac]{display:block;width:700px;height:auto;box-sizing:content-box;-ms-box-sizing:content-box}.contract-imgs .orther-box-sign[data-v-099a6fac]{max-width:80px;max-height:80px}.contract-imgs .img-wrap[data-v-099a6fac]{position:relative;width:700px;margin:0 auto}.contract-imgs .img-wrap+.img-wrap[data-v-099a6fac]{margin-top:30px}.custom-drag[data-v-099a6fac]{width:127px;height:127px;border:1px solid #3cc;position:absolute;left:0;top:0;z-index:3;cursor:move}.custom-content[data-v-099a6fac]{width:127px;height:127px;background:hsla(0,0%,100%,.7);position:relative;z-index:1}.custom-drag-title[data-v-099a6fac]{color:#000;top:50px;z-index:-1}.custom-drag-time[data-v-099a6fac],.custom-drag-title[data-v-099a6fac]{font-size:16px;width:127px;display:block;position:absolute;text-align:center}.custom-drag-time[data-v-099a6fac]{bottom:8px;color:#bbb;z-index:9999}.custom-drag-header[data-v-099a6fac]{width:109px;height:33px;background:#3cc;line-height:33px;font-size:16px;color:#fff;padding:0 10px;position:absolute;left:-1px;top:-33px}.custom-drag-header .delete[data-v-099a6fac]{cursor:pointer;float:right;margin-right:5px}.custom-delete[data-v-099a6fac]{font-size:14px;width:60px;height:22px;background:rgba(0,0,0,.5);text-align:center;color:#fff;display:block;line-height:22px;position:absolute;left:30px;bottom:-22px;display:none}.all-page[data-v-099a6fac]{width:180px;margin:30px auto 0}.page-item[data-v-099a6fac]{position:relative;height:230px;margin-bottom:22px}.page-img[data-v-099a6fac]{width:177px;height:238px;border:1px solid #f0f0f5;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;position:relative}.page-img img[data-v-099a6fac]{display:block;max-width:177px;max-height:198px}.page-text[data-v-099a6fac]{text-align:center;font-size:14px;position:absolute;bottom:0;left:0;width:100%;color:#333}.sign-default[data-v-099a6fac],.sign-orther[data-v-099a6fac]{width:152px;height:152px;background:#f9f9f9;overflow:hidden;margin-top:30px}.sign-default-title[data-v-099a6fac]{text-align:center;font-size:14px;color:#999;line-height:34px}.default-box[data-v-099a6fac],.orther-sign-box[data-v-099a6fac]{width:80px;height:80px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:5px auto 0;background:#fff;border:1px solid #e5e5e5}.default-box img[data-v-099a6fac],.orther-box .orther-box-sign[data-v-099a6fac]{display:block;max-width:80px;max-height:80px;cursor:move}.type-icon[data-v-099a6fac]{position:relative;left:88px;top:-81px}.sign-name[data-v-099a6fac]{font-size:14px;color:#333;text-align:center;line-height:34px;margin-top:-6px}.orther-title[data-v-099a6fac]{text-align:center;font-size:16px;color:#333;margin-top:30px}.sign-orther[data-v-099a6fac]{width:152px;margin:15px auto 0;margin-top:0}.orther-box[data-v-099a6fac]{margin-top:20px;margin-bottom:10px;height:114px}.orther-list[data-v-099a6fac]{margin-top:15px;padding-bottom:40px}.custom-sign-box[data-v-099a6fac]{width:127px;height:127px;position:absolute;top:0;left:0;overflow:hidden;z-index:999;display:flex;justify-content:center;align-items:center}.custom-sign-box img[data-v-099a6fac]{display:block;max-height:127px;max-width:127px}.submit-btn[data-v-099a6fac]{width:279px;height:42px;position:fixed;left:50%;bottom:50px;margin-left:-168px;color:#fff;font-size:16px;z-index:999}.submit-btn button[data-v-099a6fac]{width:100%;display:block;font-size:16px;float:left}.page-img .sign-icon[data-v-099a6fac]{width:44px;height:44px;position:absolute;right:0;top:0}.sign-auth[data-v-099a6fac]{text-align:center;font-size:12px;color:red;margin-top:-40px;height:17px}.default[data-v-099a6fac]{margin-top:-55px}.drag-box[data-v-099a6fac] .delete-icon{font-size:28px;position:absolute;color:#fff;font-weight:700;right:-15px;top:-15px;display:none;cursor:pointer;background:red;border-radius:50%}.drag-box[data-v-099a6fac]:hover .delete-icon{display:block}.page-indicator[data-v-099a6fac]{min-height:32px;background:#fff;box-shadow:0 3px 8px 0 rgba(0,0,0,.1);border-radius:4px 4px 4px 4px;border:1px solid #f2f2f3;position:absolute;bottom:206px;right:36px;z-index:9999;user-select:none;padding:4px 0;cursor:pointer}.page-indicator .page-icon[data-v-099a6fac]{padding:4px 0;width:32px;height:24px}.page-indicator .page-icon .page-icon-inner[data-v-099a6fac]{display:block;margin:0 auto}.page-indicator .page-icon .page-icon-inner.active[data-v-099a6fac],.page-indicator .page-icon:hover .page-icon-inner[data-v-099a6fac]{display:none}.page-indicator .page-icon:hover .page-icon-inner.active[data-v-099a6fac]{display:block}.el-popover{font-size:14px;font-weight:400;color:#4e5969;box-shadow:0 4px 16px 0 rgba(0,0,0,.16)}.el-popover .el-popover__title{font-size:14px;font-weight:500;color:#1d2129}