.sign-container-inner[data-v-7353aa37],.w-main-wrapper[data-v-7353aa37]{height:100%}.w-main-wrapper[data-v-7353aa37]{position:relative}.sign-container-inner[data-v-7353aa37]{min-height:500px;background-color:#f7f9fc;box-sizing:border-box;padding-top:2px;display:flex;overflow:hidden}.pdf-viewer-wrapper[data-v-7353aa37]{position:relative;overflow:auto;width:100%;height:100%;box-sizing:border-box;text-align:center}.pdf-viewer[data-v-7353aa37]{display:inline-block;position:relative}.pdf-viewer-main[data-v-7353aa37]{width:100%;height:100%;position:relative;font-size:0;z-index:10;-webkit-transform:translateZ(10px);transform:translateZ(10px)}.pdf-canvas[data-v-7353aa37]{width:650px;height:780px;border-bottom:2px solid #eee}.w-aside[data-v-7353aa37]{background-color:#fff;width:220px;height:100%;border-radius:12px}.w-aside__slotRight[data-v-7353aa37]{overflow:auto}.w-aside__slotRight[data-v-7353aa37],.w-aside_right[data-v-7353aa37]{position:relative;box-sizing:border-box}.w-aside-right[data-v-7353aa37]{height:100%;overflow:auto;position:relative;display:flex;flex-direction:column}.thumbnail-attachment[data-v-7353aa37]{margin-bottom:10px;line-height:20px;padding:0 20px}.thumbnail-title[data-v-7353aa37]{color:#2e2e2e;font-size:16px;padding:20px 0}.iou-thumbnail[data-v-7353aa37]{margin:0 auto;position:relative;width:164px;height:210px;border-radius:5px;background-color:#f9f9f9;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);cursor:pointer}.iou-thumbnail img[data-v-7353aa37]{width:100%;height:100%}.iou-thumbnail .page-icon[data-v-7353aa37]{position:absolute;left:0;bottom:-1px;border-left:25px solid #37f;border-bottom:25px solid #37f;border-right:25px solid transparent;border-top:25px solid transparent;border-radius:5px;cursor:pointer}.iou-thumbnail .page-icon_text[data-v-7353aa37]{position:absolute;left:10px;bottom:7px;font-size:16px;color:#fff;cursor:pointer}.thumbnail-content[data-v-7353aa37]{flex:1}.thumbnail-page[data-v-7353aa37]{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:8px;cursor:pointer}.w-aside__top[data-v-7353aa37]{position:absolute;left:50%;-webkit-transform:translateX(-50.3%);transform:translateX(-50.3%);top:0;z-index:12}.w-aside__bottom[data-v-7353aa37]{position:absolute;left:50%;-webkit-transform:translateX(-50.3%) translateZ(10px);transform:translateX(-50.3%) translateZ(10px);bottom:0;z-index:10}.template-page[data-v-31834faf]{width:100%;color:#3d4966}.template-page .template-wrapper[data-v-31834faf]{width:100%}.template-page .template-wrapper .banner[data-v-31834faf]{width:100%;min-height:700px}.template-page .template-wrapper .banner>img[data-v-31834faf]{width:100%;max-height:700px}.template-page .template-wrapper .search-row[data-v-31834faf]{display:flex;justify-content:center;position:relative;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.template-page .template-wrapper .search-row .template-search[data-v-31834faf]{position:relative;width:704px;height:68px}.template-page .template-wrapper .search-row .template-search .template-search-input[data-v-31834faf]{width:100%;-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:44px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:16px;line-height:68px;outline:none;padding:0 17px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);padding-left:54px}.template-page .template-wrapper .search-row .template-search .template-search-input[data-v-31834faf]:focus{outline:none;border-color:#287dff}.template-page .template-wrapper .search-row .template-search .template-search-input[data-v-31834faf]::-webkit-input-placeholder{color:#c7cfde}.template-page .template-wrapper .search-row .template-search .template-search-input[data-v-31834faf]::-moz-placeholder{color:#c7cfde}.template-page .template-wrapper .search-row .template-search .template-search-input[data-v-31834faf]::-ms-input-placeholder{color:#c7cfde}.template-page .template-wrapper .search-row .template-search .template-search-input[data-v-31834faf]::placeholder{color:#c7cfde}.template-page .template-wrapper .search-row .template-search button[data-v-31834faf],.template-page .template-wrapper .search-row .template-search span[data-v-31834faf]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.template-page .template-wrapper .search-row .template-search button i[data-v-31834faf],.template-page .template-wrapper .search-row .template-search span i[data-v-31834faf]{color:#c7cfde;font-size:24px}.template-page .template-wrapper .search-row .template-search span.search-icon[data-v-31834faf]{left:24px}.template-page .template-wrapper .search-row .template-search span.close-icon[data-v-31834faf]{right:78px}.template-page .template-wrapper .search-row .template-search span.close-icon i[data-v-31834faf]{cursor:pointer;font-size:14px;vertical-align:middle}.template-page .template-wrapper .search-row .template-search span.close-icon i[data-v-31834faf]:last-child{font-size:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);cursor:auto}.template-page .template-wrapper .search-row .template-search button.search-btn[data-v-31834faf]{display:flex;align-items:center;right:8px;height:52px;width:102px;text-align:center;background-color:#287dff;border-color:#287dff;border-radius:26px;font-size:16px;padding:0 20px;transition:width .33s}.template-page .template-wrapper .search-row .template-search button.search-btn i[data-v-31834faf]{color:#fff;font-size:24px}.template-page .template-wrapper .search-row .template-search button.search-btn span.search-btn-text[data-v-31834faf]{transition:color .33s}.template-page .template-wrapper .search-row .template-search button.search-btn[data-v-31834faf]:active{background-color:#256df0;border-color:#256df0}.template-page .template-wrapper .search-row .template-search:focus-within button.search-btn[data-v-31834faf]{width:64px}.template-page .template-wrapper .search-row .template-search:focus-within button.search-btn span[data-v-31834faf]{color:hsla(0,0%,100%,0)}.template-page .template-wrapper .content-wrapper[data-v-31834faf]{width:1380px;margin:12px auto}.template-page .template-wrapper .content-wrapper .template-categories[data-v-31834faf]{display:flex;align-items:flex-start}.template-page .template-wrapper .content-wrapper .template-categories div[data-v-31834faf]:first-child{margin-right:12px;padding:8px 0;font-weight:600;color:#3d4966;white-space:nowrap}.template-page .template-wrapper .content-wrapper .template-categories ul[data-v-31834faf]{display:flex;flex-wrap:wrap;justify-content:space-between}.template-page .template-wrapper .content-wrapper .template-categories ul li[data-v-31834faf]{font-weight:400;padding:8px 12px;margin:0 4px 4px 0;border-radius:12px}.template-page .template-wrapper .content-wrapper .template-categories ul li[data-v-31834faf]:hover{cursor:pointer;background-color:#ebf0fb;color:#287dff}.template-page .template-wrapper .content-wrapper .template-categories ul li.categories-active[data-v-31834faf]{background-color:#ebf0fb;color:#287dff}.template-page .template-wrapper .content-wrapper .template-categories ul li[data-v-31834faf]:last-child{margin-right:auto}.template-page .template-wrapper .content-wrapper .template-list[data-v-31834faf]{margin-top:48px}.template-page .template-wrapper .content-wrapper .template-list ul[data-v-31834faf]{display:flex;flex-wrap:wrap}.template-page .template-wrapper .content-wrapper .template-list ul li[data-v-31834faf]{width:232px;height:396px;border-radius:16px;border:1px solid #eee;margin:0 36px 36px 0;overflow:hidden}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-img[data-v-31834faf]{position:relative;height:321px}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-img img[data-v-31834faf]{height:100%;width:100%}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-img .template-img-mask[data-v-31834faf]{display:none;padding:0;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.4)}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-img .template-img-mask .mask-btn-wrapper[data-v-31834faf]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-img .template-img-mask .mask-btn-wrapper button[data-v-31834faf]{margin:8px 0;width:116px}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-img .template-img-mask .mask-btn-wrapper button.preview-btn[data-v-31834faf]{color:#8f9bb3;border-color:#c7cfde;background-color:#fff}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-img .template-img-mask .mask-btn-wrapper button.preview-btn[data-v-31834faf]:active{border-color:#256df0}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-img .template-img-mask .mask-btn-wrapper button.preview-btn[data-v-31834faf]:hover{cursor:pointer;background-color:#ebf0fb;color:#287dff}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-img .template-img-mask .mask-btn-wrapper button.download-btn[data-v-31834faf]{color:#fff;border-color:#287dff;background-color:#287dff}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-img .template-img-mask .mask-btn-wrapper button.download-btn[data-v-31834faf]:active{background-color:#256df0;border-color:#256df0}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-img:hover .template-img-mask[data-v-31834faf]{display:block}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-desc[data-v-31834faf]{text-align:left;padding:16px;font-size:14px}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-desc h4[data-v-31834faf]{max-width:100%;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.template-page .template-wrapper .content-wrapper .template-list ul li div.template-desc p[data-v-31834faf]{color:#8f9bb3;line-height:28px}.template-page .template-wrapper .content-wrapper .template-list .template-empty[data-v-31834faf]{margin:100px auto;color:#3d4966}.template-page .template-wrapper .content-wrapper .dialog-box[data-v-31834faf] .el-dialog{height:80vh;margin-top:10vh!important}.template-page .template-wrapper .content-wrapper .dialog-box[data-v-31834faf] .el-dialog__header{padding:20px}.template-page .template-wrapper .content-wrapper .dialog-box[data-v-31834faf] .el-dialog__body{padding-top:0;padding-bottom:0;overflow:auto}.template-page .template-wrapper .content-wrapper .dialog-box[data-v-31834faf] .dialog-inner-wapper{height:calc(80vh - 84px);width:100%}.template-page .template-wrapper .content-wrapper .dialog-box .dialog-btn div[data-v-31834faf]{position:absolute;top:50%;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:50%;width:50px;height:50px;cursor:pointer}.template-page .template-wrapper .content-wrapper .dialog-box .dialog-btn div i[data-v-31834faf]{font-size:36px;font-weight:700;color:grey}.template-page .template-wrapper .content-wrapper .dialog-box .dialog-btn div[data-v-31834faf]:first-child{left:-80px}.template-page .template-wrapper .content-wrapper .dialog-box .dialog-btn div[data-v-31834faf]:last-child{right:-80px}.template-page .template-wrapper .content-wrapper .dialog-box .dialog-title .el-button[data-v-31834faf]{position:absolute;right:60px;top:14px}