[data-v-20b3414b]:root{--bar-width:224px}.drawer-wrap[data-v-20b3414b]{width:100%;padding:28px 64px}.drawer-wrap .title-section[data-v-20b3414b]{font-size:22px;font-weight:500;line-height:1.5;color:#362f2c}.drawer-wrap .status-section[data-v-20b3414b]{width:100%;margin-top:32px;border-radius:27px;padding:16px}.drawer-wrap .status-section .status-content[data-v-20b3414b]{width:100%;display:flex;align-items:center;justify-content:space-between}.drawer-wrap .status-section .status-content .time-desc[data-v-20b3414b]{font-size:12px;line-height:1.5;color:#7d849b}.drawer-wrap .status-section .error-msg[data-v-20b3414b]{display:block;margin-top:8px;line-height:18px;font-size:12px;color:#fca166}@media(max-width:888px){.drawer-wrap .status-section .error-msg[data-v-20b3414b]{font-size:.75rem}}.drawer-wrap .payer-payee-section[data-v-20b3414b]{width:100%;height:80px;margin-top:24px;display:flex;align-items:center;justify-content:space-between}.drawer-wrap .payer-payee-section .payee-content[data-v-20b3414b],.drawer-wrap .payer-payee-section .payer-content[data-v-20b3414b]{width:228px;height:80px;border-radius:40px;padding:16px;display:flex;align-items:center;justify-content:flex-start;background-color:#f7f8fa}.drawer-wrap .payer-payee-section .payee-content .avatar[data-v-20b3414b],.drawer-wrap .payer-payee-section .payer-content .avatar[data-v-20b3414b]{display:block;width:48px;height:48px;border-radius:50%;overflow:hidden}.drawer-wrap .payer-payee-section .payee-content .name[data-v-20b3414b],.drawer-wrap .payer-payee-section .payer-content .name[data-v-20b3414b]{display:block;margin-left:16px;font-size:14px;line-height:1.5;color:#323b4b}.drawer-wrap .payer-payee-section .transfer-icon[data-v-20b3414b]{display:block;font-size:24px;line-height:1;color:#101c32}.drawer-wrap .detail-section[data-v-20b3414b]{width:100%;margin-top:24px;padding:0 16px}.drawer-wrap .detail-section .detail-item[data-v-20b3414b]{width:100%;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.drawer-wrap .detail-section .detail-item[data-v-20b3414b]:last-child{margin-bottom:unset}.drawer-wrap .detail-section .detail-item .label[data-v-20b3414b]{font-size:14px;line-height:1.5;color:#7d849b}.drawer-wrap .detail-section .detail-item .number[data-v-20b3414b]{font-size:14px;line-height:1.5;color:#323b4b}.drawer-wrap .detail-section .detail-item .bold[data-v-20b3414b]{font-weight:700}.drawer-wrap .detail-section .detail-item .focus[data-v-20b3414b]{color:#fa6300;font-size:16px;font-weight:700}.drawer-wrap .contract-section[data-v-20b3414b],.drawer-wrap .note-section[data-v-20b3414b]{width:100%;margin-top:32px;padding:12px 16px;background-color:#f7f8fa;border-radius:14px}.drawer-wrap .contract-section .label[data-v-20b3414b],.drawer-wrap .note-section .label[data-v-20b3414b]{font-size:14px;line-height:1.5;color:#7d849b}.drawer-wrap .contract-section[data-v-20b3414b]{display:flex;align-items:center;justify-content:space-between}.drawer-wrap .contract-section .link[data-v-20b3414b]{max-width:376px;font-size:14px;line-height:1.5;color:#323b4b}.drawer-wrap .contract-section .copy[data-v-20b3414b]{font-size:24px;line-height:1;color:#7d849b;cursor:pointer;transition:.3s}.drawer-wrap .contract-section .copy[data-v-20b3414b]:hover{color:#fa6300}.drawer-wrap .note-section[data-v-20b3414b]{margin-top:16px;padding:14px 16px}.drawer-wrap .note-section .note[data-v-20b3414b]{max-height:72px;overflow:auto}.drawer-wrap .note-section .note-text[data-v-20b3414b]{font-size:14px;line-height:1.5;color:#101c32}[data-v-1c4ca99c]:root{--bar-width:224px}.payment-sign[data-v-1c4ca99c]{width:100%;min-height:calc(100vh - 96px)}.payment-sign .sign-wrap[data-v-1c4ca99c],.payment-sign[data-v-1c4ca99c]{display:flex;align-items:center;justify-content:center}.payment-sign .sign-wrap .sign-info[data-v-1c4ca99c]{width:376px;padding:32px 20px 32px 36px}.payment-sign .sign-wrap .sign-info .sign-title[data-v-1c4ca99c]{color:#362f2c;font-size:32px;font-weight:400;line-height:1.5;margin:0 0 50px}.payment-sign .sign-wrap .sign-info .sign-desc[data-v-1c4ca99c]{display:flex;position:relative;color:#323b4b;font-size:16px;line-height:1.5;margin-bottom:8px}.payment-sign .sign-wrap .sign-info .sign-desc[data-v-1c4ca99c]:before{content:"";width:4px;height:4px;border-radius:50%;background-color:#323b4b;margin-top:10px;margin-left:8px;margin-right:12px}.payment-sign .sign-wrap .sign-info .create-btn[data-v-1c4ca99c]{margin-top:44px}.payment-sign .sign-wrap .sign-image[data-v-1c4ca99c]{width:432px;height:420px}.sign-dialog[data-v-1c4ca99c] .el-dialog{width:472px}.sign-dialog[data-v-1c4ca99c] .el-dialog__header{text-align:left}.sign-dialog[data-v-1c4ca99c] .el-dialog__header .sign-header{margin:-32px;height:168px;background-color:#fef8f3;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;align-items:center;justify-content:center}.sign-dialog[data-v-1c4ca99c] .el-dialog__header .sign-header .verify-image{width:160px;height:160px}.sign-dialog[data-v-1c4ca99c] .el-dialog__footer{border-top:1px solid #f4f5f7}.sign-dialog[data-v-1c4ca99c] .el-dialog__footer .el-button{width:194px}.sign-dialog .cancel-button[data-v-1c4ca99c]{background-color:#f7f8fa;border-color:#f7f8fa;color:#7d849b}.sign-dialog .cancel-button[data-v-1c4ca99c]:hover{background-color:#e5e7eb;border-color:#e5e7eb}.sign-dialog .desc-content[data-v-1c4ca99c]{width:100%;background-color:#fef8f3;border-radius:14px;padding:16px;font-size:12px;line-height:1.5}.sign-dialog .payment-form[data-v-1c4ca99c]{margin-top:24px}.sign-dialog .payment-form .form-row .form-title[data-v-1c4ca99c]{font-size:16px;font-weight:500;line-height:1.5;color:#323b4b;margin-bottom:16px}.sign-dialog .payment-form .form-row .form-title .form-desc[data-v-1c4ca99c]{font-size:14px;font-weight:400;line-height:1.5;color:#b0b7c3;margin-top:8px}.sign-dialog .upload-component[data-v-1c4ca99c]{margin-top:24px;width:100%;height:200px}.sign-dialog .upload-component[data-v-1c4ca99c] .el-upload{width:100%;height:100%}.sign-dialog .upload-component[data-v-1c4ca99c] .el-upload .el-upload-dragger{width:100%;height:100%;padding-bottom:24px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center}.sign-dialog .upload-component[data-v-1c4ca99c] .el-upload .el-upload-dragger .el-icon-upload{margin:0}.sign-dialog .upload-component[data-v-1c4ca99c] .el-upload .el-upload-dragger .el-icon-upload:before{font-size:48px;font-family:kolicon;content:""}.sign-dialog .upload-component[data-v-1c4ca99c] .el-upload .el-upload-dragger .el-upload__text{margin-top:24px;font-size:14px;color:#b0b7c3}.sign-dialog .verify-content[data-v-1c4ca99c]{text-align:center;line-height:1.5;margin-top:56px;margin-bottom:16px}.sign-dialog .verify-content .title[data-v-1c4ca99c]{display:block;font-size:18px;color:#101c32;margin-bottom:16px}.sign-dialog .verify-content .desc[data-v-1c4ca99c]{display:block;font-size:14px;color:#323b4b}.sign-dialog .verify-content .download[data-v-1c4ca99c]{font-size:14px;color:#fa6300;text-decoration:underline;cursor:pointer}.sign-dialog .verify-footer[data-v-1c4ca99c]{margin-top:32px;margin-bottom:16px}.sign-dialog .verify-footer[data-v-1c4ca99c] .el-button{width:194px}[data-v-5e455b94]:root{--bar-width:224px}.el-select[data-v-5e455b94]{width:100%!important}.el-select[data-v-5e455b94] .el-input .el-input__inner{line-height:44px;background:none}.el-select[data-v-5e455b94] .el-input .el-input__inner::-webkit-input-placeholder{font-size:14px!important;color:#7d849b!important}.el-select[data-v-5e455b94] .el-input .el-input__inner::-moz-placeholder{font-size:14px!important;color:#000!important}.el-select[data-v-5e455b94] .el-input .el-input__inner::-ms-input-placeholder{font-size:14px!important;color:#000!important}.el-select[data-v-5e455b94] .el-select__tags{max-width:calc(100% - 38px)!important;padding-left:16px}.el-select[data-v-5e455b94] .el-select__tags .el-select__input{margin-left:1px;position:absolute;width:calc(100% - 18px)!important}.el-select[data-v-5e455b94] .el-select__tags>span{width:100%;display:flex!important}.el-select[data-v-5e455b94] .el-select__tags .el-tag{background:none;padding:0;margin:0 4px 0 0;border-color:transparent;max-width:calc(100% - 32px)}.el-select[data-v-5e455b94] .el-select__tags .el-tag .el-select__tags-text{font-size:14px;color:#fa6300;font-weight:500}.el-select[data-v-5e455b94] .el-select__tags .el-tag .el-tag__close{display:none}.el-select[data-v-5e455b94] .el-input__suffix{padding-right:12px}.el-select[data-v-5e455b94] .el-input__suffix i{font-size:16px;font-weight:500;width:20px!important}.el-select.customized-focus[data-v-5e455b94] .el-select__tags .el-tag .el-select__tags-text{opacity:0}[data-v-7b52e873]:root{--bar-width:224px}.content-outer[data-v-7b52e873]{position:relative}.payment-header[data-v-7b52e873]{width:100%;background-color:#fff;padding:24px 40px;height:184px}.payment-header .header-content[data-v-7b52e873]{margin:0 auto}.payment-header .wallet-title-wrap[data-v-7b52e873]{display:flex;align-items:center;justify-content:flex-start;position:relative}.payment-header .wallet-title-wrap .wallet-title[data-v-7b52e873]{display:block;font-size:18px;font-weight:500;line-height:1.5;color:#101c32}.payment-header .wallet-title-wrap .history-button[data-v-7b52e873]{display:block;margin-left:16px;padding:6px 10px;border-radius:10px;background-color:#f7f8fa;cursor:pointer;font-size:14px;line-height:1.5;font-weight:500;color:#7d849b}.payment-header .wallet-dashboard-wrap[data-v-7b52e873]{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:24px}.payment-header .wallet-dashboard-wrap .wallet-item-wrap[data-v-7b52e873]{width:calc(33% - 24px);display:flex;align-items:center;justify-content:flex-start}.payment-header .wallet-dashboard-wrap .wallet-item-wrap .wallet-icon-wrap[data-v-7b52e873]{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px}.payment-header .wallet-dashboard-wrap .wallet-item-wrap .wallet-icon-wrap .kolicon[data-v-7b52e873]{display:block;font-size:32px;line-height:1}.payment-header .wallet-dashboard-wrap .wallet-item-wrap .wallet-info-wrap .wallet-title[data-v-7b52e873]{display:flex;color:#323b4b;font-size:14px;line-height:1.5;align-items:center}.payment-header .wallet-dashboard-wrap .wallet-item-wrap .wallet-info-wrap .wallet-title .kol-icon-Question[data-v-7b52e873]{font-size:20px;line-height:1;margin-left:4px}.payment-header .wallet-dashboard-wrap .wallet-item-wrap .wallet-info-wrap .wallet-number[data-v-7b52e873]{display:block;margin-top:6px;font-size:20px;line-height:1.5;font-weight:500}.payment-header .wallet-dashboard-wrap .wallet-item-wrap .wallet-info-wrap .wallet-number .number-extend[data-v-7b52e873]{margin-left:8px;font-size:12px;line-height:1.5;color:#b0b7c3}.payment-header .wallet-dashboard-wrap .wallet-item-wrap .wallet-info-wrap .wallet-desc[data-v-7b52e873]{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:#b0b7c3}.payment-header .wallet-dashboard-wrap .balance .wallet-icon-wrap[data-v-7b52e873]{background-color:#e5f6ef}.payment-header .wallet-dashboard-wrap .balance .wallet-icon-wrap .kolicon[data-v-7b52e873],.payment-header .wallet-dashboard-wrap .balance .wallet-info-wrap .wallet-number[data-v-7b52e873]{color:#38cb89}.payment-header .wallet-dashboard-wrap .paid .wallet-icon-wrap[data-v-7b52e873]{background-color:#fff3eb}.payment-header .wallet-dashboard-wrap .paid .wallet-icon-wrap .kolicon[data-v-7b52e873],.payment-header .wallet-dashboard-wrap .paid .wallet-info-wrap .wallet-number[data-v-7b52e873]{color:#fa6300}.payment-header .wallet-dashboard-wrap .paying .wallet-icon-wrap[data-v-7b52e873]{background-color:#ebf2ff}.payment-header .wallet-dashboard-wrap .paying .wallet-icon-wrap .kolicon[data-v-7b52e873],.payment-header .wallet-dashboard-wrap .paying .wallet-info-wrap .wallet-number[data-v-7b52e873]{color:#377dff}.payment-main[data-v-7b52e873]{width:100%;padding:24px 40px;min-height:calc(100vh - 272px)}.payment-main .main-content[data-v-7b52e873]{margin:0 auto;background-color:#fff;border-radius:20px;padding:16px 24px}.payment-main .tab-action-row[data-v-7b52e873]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.payment-main .tab-action-row .tab-bar[data-v-7b52e873]{display:flex;align-items:center;background-color:#fff;height:48px;border-radius:14px}.payment-main .tab-action-row .tab-bar .tab-item[data-v-7b52e873]{height:100%;display:flex;justify-content:center;align-items:center;padding:14px 24px;font-size:16px;font-weight:500;color:#7d849b;cursor:pointer;border-radius:14px;border:2px solid transparent;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.payment-main .tab-action-row .tab-bar .tab-item.active[data-v-7b52e873]{color:#fa6300;background-color:#fee8d9;border-color:#fa6300}.payment-main .tab-action-row .tab-bar .tab-item[data-v-7b52e873]:hover:not(.active){color:#323b4b}.payment-main .tab-action-row .action-wrap[data-v-7b52e873]{display:flex;align-items:center;gap:8px}.payment-main .tab-action-row .action-wrap .creat-tip[data-v-7b52e873]{width:48px;height:48px;border-radius:14px;padding:14px;background-color:#fff}.payment-main .tab-action-row .action-wrap .creat-tip .kol-icon-information[data-v-7b52e873]{font-size:20px;color:#7d849b}.payment-main .tab-action-row .action-wrap .creat-tip[data-v-7b52e873]:hover{cursor:pointer}.payment-main .tab-action-row .action-wrap .create-button[data-v-7b52e873]{font-size:16px;line-height:1.5;padding-top:10px;padding-bottom:10px;font-weight:500}.payment-main .filter-wrap[data-v-7b52e873]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0 0 16px}.payment-main .filter-wrap[data-v-7b52e873] .el-input__inner{height:40px;line-height:40px;background-color:#f7f8fa;border:none}.payment-main .filter-wrap[data-v-7b52e873] .el-select__caret{line-height:40px}.payment-main .filter-wrap .filter-item[data-v-7b52e873] .el-input{width:160px}.payment-main .filter-wrap .checkout-item[data-v-7b52e873]{color:#323b4b;font-size:14px;font-weight:400}.payment-main .filter-wrap .change-type[data-v-7b52e873]{width:160px!important}.payment-main .filter-wrap .change-type[data-v-7b52e873] .el-input__inner{height:40px;line-height:40px;background-color:#f7f8fa;border:none}.payment-main .filter-wrap .change-type[data-v-7b52e873] .el-select__tags-text{color:#323b4b}.payment-main .filter-wrap .date-picker[data-v-7b52e873]{width:unset}.payment-main .filter-wrap .date-picker[data-v-7b52e873] .el-date-editor{height:40px;line-height:40px;background-color:#f7f8fa;border:2px solid transparent;transition:all .3s}.payment-main .filter-wrap .date-picker.has-value[data-v-7b52e873],.payment-main .filter-wrap .date-picker[data-v-7b52e873]:focus-within{border-color:#fa6300}.payment-main .filter-wrap .date-picker[data-v-7b52e873] .el-range__close-icon{line-height:40px}.payment-main .filter-wrap .keyword[data-v-7b52e873],.payment-main .filter-wrap .keyword[data-v-7b52e873] .el-input{width:240px}.payment-main .filter-wrap .keyword[data-v-7b52e873] .el-input__inner{padding-left:44px}.payment-main .filter-wrap .keyword[data-v-7b52e873] .el-input__prefix{left:12px;display:flex;align-items:center}.payment-main .filter-wrap .keyword[data-v-7b52e873] .el-input__suffix{display:flex;align-items:center}.payment-main .filter-wrap .keyword .prefix-icon[data-v-7b52e873]{font-size:24px;line-height:1}.payment-main .payment-list-wrap[data-v-7b52e873]{width:100%;min-height:calc(100vh - 474px);padding:8px 0 0}.payment-main .empty-content[data-v-7b52e873]{display:flex;align-items:center;flex-direction:column;padding:60px 0}.payment-main .empty-content .empty-image[data-v-7b52e873]{width:160px}.payment-main .empty-content .empty-desc[data-v-7b52e873]{margin-top:16px;display:block;font-size:16px;line-height:1.5;color:#323b4b}.payment-main .empty-content .empty-create-btn[data-v-7b52e873]{margin-top:16px}.payment-pagination-wrap[data-v-7b52e873]{margin-top:16px;display:flex;justify-content:flex-end}.payment-pagination-wrap[data-v-7b52e873] .search-pagination-container{padding-right:0}.payment-pagination-wrap[data-v-7b52e873] .search-pagination-container .left,.payment-pagination-wrap[data-v-7b52e873] .search-pagination-container .right{background:#fff}.payment-pagination-wrap[data-v-7b52e873] .search-pagination-container .el-input__inner{box-shadow:inset 0 0 0 48px #fff,0 0 0 0 #fff}.created-dialog[data-v-7b52e873] .el-dialog,.draft-delete-confirm-dialog[data-v-7b52e873] .el-dialog,.immediate-confirm-dialog[data-v-7b52e873] .el-dialog,.invalidate-dialog[data-v-7b52e873] .el-dialog,.terminated-dialog[data-v-7b52e873] .el-dialog{width:472px}.created-dialog[data-v-7b52e873] .el-dialog__header,.draft-delete-confirm-dialog[data-v-7b52e873] .el-dialog__header,.immediate-confirm-dialog[data-v-7b52e873] .el-dialog__header,.invalidate-dialog[data-v-7b52e873] .el-dialog__header,.terminated-dialog[data-v-7b52e873] .el-dialog__header{text-align:left}.created-dialog[data-v-7b52e873] .el-button,.draft-delete-confirm-dialog[data-v-7b52e873] .el-button,.immediate-confirm-dialog[data-v-7b52e873] .el-button,.invalidate-dialog[data-v-7b52e873] .el-button,.terminated-dialog[data-v-7b52e873] .el-button{width:196px}.created-dialog .cancel-button[data-v-7b52e873],.draft-delete-confirm-dialog .cancel-button[data-v-7b52e873],.immediate-confirm-dialog .cancel-button[data-v-7b52e873],.invalidate-dialog .cancel-button[data-v-7b52e873],.terminated-dialog .cancel-button[data-v-7b52e873]{padding:10px 14px;border-radius:12px;background-color:#f7f8fa;font-size:14px;line-height:20px;color:#7d849b;transition:.3s;cursor:pointer;border:none}.created-dialog .cancel-button[data-v-7b52e873]:hover,.draft-delete-confirm-dialog .cancel-button[data-v-7b52e873]:hover,.immediate-confirm-dialog .cancel-button[data-v-7b52e873]:hover,.invalidate-dialog .cancel-button[data-v-7b52e873]:hover,.terminated-dialog .cancel-button[data-v-7b52e873]:hover{background-color:#e5e7eb}.created-dialog .focus-text[data-v-7b52e873]{color:#fa6300}.created-dialog .link-wrap[data-v-7b52e873]{display:flex;padding:12px 16px;background-color:#f7f8fa;border-radius:14px;align-items:center;justify-content:space-between}.created-dialog .link-wrap .link[data-v-7b52e873]{display:block;color:#323b4b;font-size:14px;line-height:1.5}.created-dialog .link-wrap .kol-icon-copy[data-v-7b52e873]{display:block;color:#7d849b;font-size:24px;line-height:1;transition:.3s;cursor:pointer}.created-dialog .link-wrap .kol-icon-copy[data-v-7b52e873]:hover{color:#fa6300}.created-dialog[data-v-7b52e873] .el-button{width:408px}.user-alert-modal[data-v-7b52e873]{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2001;overflow:auto}.user-alert-modal .alert-body[data-v-7b52e873]{position:absolute;left:50%;top:100px;transform:translateX(-50%);width:472px;max-height:80vh;min-height:610px;padding:16px 32px 32px;border-radius:20px;background-color:#fff}.user-alert-modal .alert-body .alert-content[data-v-7b52e873]{margin-top:16px;padding-bottom:24px;margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px;max-height:480px;overflow-y:auto;overflow-x:hidden}.user-alert-modal .alert-body .alert-content .alert-txt[data-v-7b52e873]{font-size:14px;line-height:1.5;color:#323b4b}.user-alert-modal .alert-body .alert-content .alert-check[data-v-7b52e873]{margin-top:16px}.user-alert-modal .alert-body .alert-content .alert-check .check[data-v-7b52e873]{display:block;width:-moz-fit-content;width:fit-content;font-size:16px;color:#323b4b}.user-alert-modal .alert-body .alert-footer[data-v-7b52e873]{margin-left:-32px;margin-right:-32px;border-top:1px solid #f4f5f7;padding:32px 32px 0}.user-alert-modal .alert-body .alert-footer .alert-button[data-v-7b52e873]{width:100%}