@charset "UTF-8";html,body{color:#4d4d4d;width:100%;height:100%;margin:0;padding:0;font-size:14px;overflow:hidden;font-family:Poppins,-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background-color:#f5f1ee}html{min-height:400px}span{word-wrap:break-word}#root{width:100%;overflow-x:hidden;height:100%;display:flex;flex-direction:column;align-items:center}.bf-login-header{width:100%}*{box-sizing:border-box}.header-wrap{display:flex;justify-content:space-between;align-items:center;align-self:stretch;background-color:#f5f1ee}.header-left{display:flex;align-items:center;gap:50px}.header-right{display:flex;justify-content:flex-end;align-items:center;gap:20px}.header-menu-list{display:flex;align-items:flex-start;gap:var(---Spacing-spacing-30, 30px)}.pc-header{padding:40px 80px 20px}@media screen and (min-width: 1180px){.pc-header{display:flex}}@media screen and (max-width: 1180px){.pc-header{display:none}}.mobile-header{padding:20px}@media screen and (min-width: 1180px){.mobile-header{display:none}}@media screen and (max-width: 1180px){.mobile-header{display:flex}}.header-menu{color:var(--1, #353535);text-align:right;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;text-transform:capitalize}.text-button{color:var(--1, #353535);text-align:right;font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.5px;text-transform:capitalize;cursor:pointer}.nav-back{display:flex;width:100%;align-items:center;gap:5px;padding:12px 0}.nav-back-btn{width:32px;height:32px;border-radius:50px;display:flex;align-items:center;justify-content:center;background-color:#a59d971a;cursor:pointer}.nav-back span{color:#353535;font-size:16px;font-weight:600}.benpay-register{display:flex;align-items:center;gap:10px;padding:20px 0;width:max-content}.benpay-register-item{display:flex;align-items:center;gap:10px;cursor:pointer}.benpay-register-item-content{display:flex;align-items:center;gap:10px}.benpay-register-item-content span:first-child{width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid rgba(165,157,151,.4);display:flex;align-items:center;justify-content:center;color:#a59d97;font-size:16px;position:relative}.benpay-register-item-content span:nth-child(2){color:#a59d97;font-size:16px;font-weight:400}.benpay-register-item-content .item-done-icon:after{content:"";display:block;position:absolute;width:10px;height:5px;border:2px solid rgba(165,157,151,.4);top:50%;left:50%;transform:translate(-50%,-4px) rotate(-45deg);border-top:none;border-right:none}.benpay-register-item-split{width:40px;height:1px;background-color:#a59d9766}.benpay-register .register-active .benpay-register-item-content span:first-child{background-color:#c84938;color:#fff}.benpay-register .register-active .benpay-register-item-content span:nth-child(2){border-color:#c84938;color:#c84938}.input-banner{width:100%;display:flex;flex-direction:column;gap:5px}.input-banner .input-content{background:#fff;border-radius:45px;width:100%;border:1px solid rgba(165,157,151,.4);height:48px;display:flex;align-items:center;padding:0 20px;gap:10px}.input-banner .input-box{flex:1}.input-banner .input-box input{width:100%;height:24px;outline:none;border:none;color:#353535;font-size:14px}.input-banner .input-box textarea{width:100%!important;height:48px;resize:none;outline:none;border:none;font-size:16px;font-weight:400;color:#353535;font-size:14px;word-break:break-all}.input-banner .input-box textarea::placeholder{font-size:14px}.input-banner .input-box textarea::-webkit-scrollbar{display:none}.input-banner .input-des{font-size:12px;color:#8a889d}.input-banner .input-msg{font-weight:400;font-size:12px;color:#e25050}.benpay-button{display:flex;align-items:center;justify-content:center;width:100%;border-radius:100px;height:48px;gap:10px;padding:5px 15px}.benpay-button:hover{cursor:pointer}.benpay-button.primary{background-color:#212121}.benpay-button.primary:hover{background-color:#353535}.benpay-button.lesser{background:rgba(165,157,151,.1)}.benpay-button.lesser .benpay-button-title{color:#353535}.benpay-button.transparent{background:transparent;border:1px solid;border-color:#a59d9766}.benpay-button.transparent .benpay-button-title{color:#353535}.benpay-button.grey{background:#e2e2e8}.benpay-button.grey .benpay-button-title{color:#3e3d4d}.benpay-button.secondary{background:rgba(105,94,234,.1)}.benpay-button.danger{background:rgba(235,81,81,.08)}.benpay-button.danger .benpay-button-title{color:#eb5151}.benpay-button.danger:hover{background:#c84938}.benpay-button.danger:hover .benpay-button-title{color:#fff}.benpay-button .btn-icon{display:flex;align-items:center;justify-content:center}.benpay-button .benpay-button-title{font-size:14px;font-weight:600;color:#ebedf6}.benpay-button.light{background:rgba(105,94,234,.1)}.benpay-button.light .benpay-button-title{color:#212121}.benpay-button.disabled{background:linear-gradient(0deg,rgba(23,23,25,.5) 0%,rgba(23,23,25,.5) 100%),#212121;opacity:.5;cursor:no-drop}.benpay-button.disabled .benpay-button-title{color:#ebedf5}.benpay-button.disabled:hover{background:linear-gradient(0deg,rgba(23,23,25,.5) 0%,rgba(23,23,25,.5) 100%),#212121;opacity:.5}.benpay-sm-btn{padding:5px 15px;color:#353535;font-size:12px;border-radius:100px;background:rgba(165,157,151,.1);cursor:pointer}.benpay-sm-btn:hover{background:rgba(165,157,151,.2)}.benpay-sm-btn-save{background:#212121;color:#fff}.benpay-sm-btn-save:hover{background:#212121}.benpay-sm-btn-danger{background:rgba(235,81,81,.08);color:#eb5151}.benpay-sm-btn-danger:hover{background:#c84938;color:#fff}.benpay-tabs{display:flex;align-items:center;flex-wrap:wrap}.benpay-tabs-item{padding:10px 15px;color:#786f69;font-size:14px;font-weight:400;border-radius:100px;white-space:nowrap;cursor:pointer}.benpay-tabs-item-active{background:rgba(165,157,151,.1);color:#353535}.benpay-date-range-pricker .ant-picker-outlined{border-color:#a59d9766!important;background:transparent!important}.benpay-date-range-pricker .ant-picker-outlined:hover{border-color:#786f69!important}.benpay-date-range-pricker .ant-picker-active-bar{display:none}.benpay-date-range-pricker .ant-picker-outlined:focus,.benpay-date-range-pricker .ant-picker-outlined:focus-within{border-color:#353535!important;box-shadow:none!important}.ant-picker-cell-today .ant-picker-cell-inner{color:#c84938!important}.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:50%!important;background:rgba(165,157,151,.1)!important;border:none!important}.ant-picker-cell-range-start .ant-picker-cell-inner,.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:50%!important;background:#c84938!important;color:#fff!important;border:none!important}@media (max-width: 1200px){.ant-picker-panel:last-child .ant-picker-date-panel{display:none!important}.ant-picker-panel:first-child .ant-picker-date-panel .ant-picker-header-next-btn,.ant-picker-panel:first-child .ant-picker-date-panel .ant-picker-header-super-next-btn{visibility:initial!important}.ant-picker-panel.ant-picker-range-wrapper{min-width:288px!important}.ant-picker-presets{display:none!important}}.ant-modal{width:max-content!important}.benpay-modal{border-radius:20px;background:#f5f1ee;min-width:300px;max-width:calc(100vw - 20px)}.benpay-modal-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.benpay-modal-title{color:#353535;font-size:16px;font-weight:600}.benpay-modal-close{cursor:pointer}.benpay-modal-sub{color:#786f69;font-size:14px;padding:0 20px}.benpay-modal-content{padding:0 20px 20px;width:100%;max-width:760px}.table-banner{width:100%;overflow:auto hidden;position:relative}.table-banner::-webkit-scrollbar{display:block;width:6px;height:6px;background:transparent}.table-banner::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.table-banner:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,53%,.4)}.table-banner:hover::-webkit-scrollbar-track{background:hsla(0,0%,53%,.1)}.table-banner::-webkit-scrollbar-corner{border-radius:4px}.table-banner .table-content{width:100%;border-collapse:collapse}.table-banner .table-row{position:relative}.table-banner .table-row .table-item{padding:10px;text-align:left;color:#353535;text-overflow:ellipsis;font-size:14px;font-weight:400}@media screen and (max-width: 660px){.table-banner .table-row .table-item{min-width:100px}}.table-banner .table-row .table-item a{color:#353535;white-space:nowrap}.table-banner .table-row .table-item a svg{margin-left:3px}.table-banner .table-row .table-item a:hover{color:#c33737;text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:1px}.table-banner .table-row .table-item a:hover svg path{stroke:#c33737}.table-banner .table-row .table-item:last-child{text-align:right;position:sticky;z-index:2;right:0;min-width:max-content;padding-left:10px;background-color:#fff}@media screen and (max-width: 1200px){.table-banner .table-row .table-item:last-child{background-color:#f5f1ee!important}}.table-banner .table-header .table-item{color:#786f69;font-size:12px;font-weight:400;margin-bottom:10px;padding:20px 5px 10px;border-bottom:1px solid rgba(165,157,151,.4);white-space:nowrap}.table-banner .table-no-data{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;padding:60px 0;gap:20px}.table-banner .table-no-data span{color:#a59d97;text-align:center;font-size:14px;font-weight:500}.table-skeleton{position:absolute;top:60px;left:0;z-index:5;width:100%;height:calc(100% - 60px);background-color:#fff;display:flex;flex-direction:column;justify-content:space-around}@media screen and (max-width: 1200px){.table-skeleton{background-color:#f5f1ee!important}}.table-skeleton-row{width:100%;display:flex;justify-content:space-between;gap:20px}.table-skeleton-item{flex:1;height:24px;border-radius:5px;background:rgba(165,157,151,.1)}.benpay-register-page .input-banner{margin-top:30px}.benpay-register-page .benpay-register-step{width:100%;overflow-x:scroll}.benpay-register-page .benpay-register-step::-webkit-scrollbar{display:block;width:6px;height:6px;background:transparent}.benpay-register-page .benpay-register-step::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.benpay-register-page .benpay-register-step:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,53%,.4)}.benpay-register-page .benpay-register-step:hover::-webkit-scrollbar-track{background:hsla(0,0%,53%,.1)}.benpay-register-page .benpay-register-step::-webkit-scrollbar-corner{border-radius:4px}.benpay-register-des{width:100%;text-align:center;color:#786f69;font-size:12px;font-weight:400;margin:10px 0 60px}.benpay-kyc-des{width:100%;padding:30px 20px;border-radius:20px;border:1px solid rgba(165,157,151,.4);display:flex;flex-direction:column;align-items:center;background-image:url(https://static.benfen.org/paymvp/assets/kyc-bg-df020cea.svg);background-repeat:no-repeat;background-position:center bottom;background-size:auto;color:#353535;text-align:center;margin-bottom:60px}.benpay-kyc-des span:nth-child(2){font-size:16px;font-weight:600}.benpay-kyc-des span:nth-child(3){font-size:14px;font-weight:400}.benpay-balance{width:600px;height:315px;border-radius:20px;background:linear-gradient(180deg,#fff9f5 0%,#fff 100%);padding:40px;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 1200px){.benpay-balance{width:100%;border-radius:10px;padding:20px;height:max-content}}.benpay-balance-total,.benpay-balance-settlement{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:20px}.benpay-balance-total-title,.benpay-balance-settlement-title{color:#786f69;font-size:16px;font-weight:400}.benpay-balance-total-title>span,.benpay-balance-settlement-title>span{font-size:12px}@media screen and (max-width: 1200px){.benpay-balance-total,.benpay-balance-settlement{gap:10px}}.benpay-balance-split{width:100%;border-bottom:1px solid rgba(165,157,151,.4)}@media screen and (max-width: 1200px){.benpay-balance-split{margin:20px 0}}.benpay-balance-total-amount{color:#353535;display:flex;gap:5px;align-items:flex-end;position:relative;width:max-content;min-width:120px;min-height:36px}.benpay-balance-total-amount-mask{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:5px;background:rgba(165,157,151,.1);z-index:2}.benpay-balance-total-amount span:first-child{position:relative;z-index:0;font-weight:500;font-size:36px;line-height:36px}@media screen and (max-width: 1200px){.benpay-balance-total-amount span:first-child{line-height:24px;font-size:24px}}.benpay-balance-total-amount span:nth-child(2){position:relative;z-index:0;font-size:16px}.benpay-balance-settlement{justify-content:flex-end;gap:10px}.benpay-balance-settlement-amount{display:flex;justify-content:space-between;position:relative;width:100%;min-height:36px}.benpay-balance-settlement-amount-mask{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;display:flex;justify-content:space-between}.benpay-balance-settlement-amount-mask>div{border-radius:5px;background:rgba(165,157,151,.1);width:120px;height:36px}.benpay-balance-settlement-amount span:first-child{color:#c84938;font-size:20px;font-weight:500}.benpay-balance-settlement-amount span:nth-child(2){cursor:pointer;padding:8px 20px;border-radius:100px;background:#c84938;color:#fff;text-align:center;font-size:14px;font-weight:700;white-space:nowrap;height:max-content}.benpay-balance .settle-disable{opacity:.5;cursor:not-allowed!important}.benpay-userinfo{width:600px;height:315px;border-radius:20px;background:linear-gradient(180deg,#fff9f5 0%,#fff 100%);padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative}.benpay-userinfo>div{position:relative;z-index:1}.benpay-userinfo-bg{position:absolute!important;top:50%;right:0;z-index:0!important;transform:translateY(-50%)}@media screen and (max-width: 1200px){.benpay-userinfo{width:100%;height:max-content;gap:20px;border-radius:10px;padding:20px}.benpay-userinfo-bg svg{height:150px}}.benpay-userinfo-details{display:flex;flex-direction:column}@media screen and (max-width: 1200px){.benpay-userinfo-details{flex-direction:row;gap:10px}.benpay-userinfo-details svg{width:50px;height:50px;flex-shrink:0}}.benpay-userinfo-name{display:flex;flex-direction:column;gap:10px}.benpay-userinfo-name span:first-child{color:#353535;font-size:24px;font-weight:600;display:flex}.benpay-userinfo-name span:last-child{color:#353535;font-size:16px;font-weight:400}@media screen and (max-width: 1200px){.benpay-userinfo-name{gap:0}.benpay-userinfo-name span:first-child{font-size:16px}.benpay-userinfo-name span:last-child{font-size:12px}}.benpay-userinfo-config{display:flex;align-items:center;flex-wrap:wrap;position:relative}.benpay-userinfo-config-item{width:max-content;display:flex;align-items:center;gap:5px;padding-right:15px;height:max-content;border-right:1px solid rgba(165,157,151,.4);color:#353535;font-size:14px;margin-right:15px;margin-bottom:5px;cursor:pointer}.benpay-userinfo-config-item:hover{color:#c84938}.benpay-userinfo-config-item:hover .config-icon path,.benpay-userinfo-config-item:hover .fq-icon path{stroke:#c84938}.benpay-userinfo-config-item:hover .doc-icon path{fill:#c84938}.benpay-userinfo-config-item:last-child{padding-right:0;border:none}@media screen and (max-width: 1200px){.benpay-userinfo-config-item{margin-bottom:10px}.benpay-userinfo-config-item:last-child{border:none}}.benpay-userinfo-config-tips{display:flex;align-items:center;gap:10px;position:absolute;top:0;left:0;padding:10px 15px;border-radius:10px;background:#c84938;color:#fff;font-size:14px;font-style:normal;font-weight:400;transform:translateY(calc(-100% - 10px));box-shadow:0 2px 4px #c8493854}.benpay-userinfo-config-tips div{display:flex;align-items:center;justify-content:center}.benpay-userinfo-config-tips svg{width:20px;height:20px;cursor:pointer}.benpay-userinfo-config-tips svg path{fill:#fff}.benpay-userinfo-config-tips:before{display:block;content:"";width:15px;height:15px;background:#c84938;border-radius:4px;position:absolute;bottom:-5px;transform:rotate(45deg)}.benpay-userinfo-slogan{display:flex;flex-direction:column;gap:30px}.benpay-userinfo-slogan>span{color:#353535;font-size:24px;font-weight:600}.benpay-userinfo-register-btn{width:max-content;padding:15px 30px;border-radius:100px;background:#c84938;display:flex;align-items:center;gap:5px;color:#fff;font-size:16px;cursor:pointer}.fq-modal{padding-bottom:20px}.fq-modal .benpay-modal-content{display:flex;flex-direction:column;gap:20px}.benpay-order-table{padding:40px;border-radius:20px;background:#fff}@media screen and (max-width: 1200px){.benpay-order-table{padding:0;background:transparent}}.benpay-order-table-title{color:#353535;font-size:20px;font-weight:600}.benpay-order-table-tabs{margin:20px 0 30px;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 1200px){.benpay-order-table-tabs{flex-direction:column;align-items:flex-start;gap:20px}}.benpay-order-table .benpay-table-refund-btn{white-space:nowrap;color:#c84938}.benpay-order-table .table-item{padding:20px 10px!important}.list-pay-type{border-radius:5px;border:1px solid rgba(165,157,151,.4);background:rgba(165,157,151,.1);color:#353535;font-size:14px;padding:2px 8px;white-space:nowrap}.list-amount-info{display:flex;align-items:center;gap:5px}.list-amount-info img{width:16px}.list-status{color:#60bf75;font-size:14px;white-space:nowrap;position:relative}.list-status:before{display:block;content:"";width:6px;height:6px;border-radius:50%;background-color:#60bf75;position:absolute;left:-8px;top:7px}.list-status2{color:#f79e1b}.list-status2:before{background-color:#f79e1b}.list-status3{color:#a59d97}.list-status3:before{background-color:#a59d97}.list-status4{color:#c84938}.list-status4:before{background-color:#c84938}.list-time{white-space:nowrap}.list-note{display:flex}.list-note span{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settle-m-list{height:max-content;width:100%}.settle-m-list .settle-m-item{display:flex;flex-direction:column;align-items:flex-start;border-radius:10px;background:#fff;padding:20px;margin-top:20px;gap:10px}.settle-m-list .settle-m-item-box{width:100%;display:flex;justify-content:space-between;font-size:14px;font-weight:400}.settle-m-list .settle-m-item-box div:first-child{color:#786f69;text-align:left}.settle-m-list .settle-m-item-box div:last-child{text-align:right;display:flex;align-items:center;gap:5px;color:#353535}.settle-m-list .settle-m-item img{width:16px;height:16px}.settle-m-list .settle-modal-btn{width:100%}.settle-modal{padding-bottom:20px;max-width:800px}.settle-modal .benpay-modal-content{min-height:200px;max-height:400px;overflow-y:scroll}.settle-modal-btn{width:max-content;padding:5px 20px;border-radius:100px;background:#212121;color:#fff;font-size:14px;font-style:normal;text-align:center;float:right;cursor:pointer!important}.settle-modal-btn-pending{cursor:not-allowed!important;opacity:.8}.settle-modal-btn-success{border:1px solid rgba(165,157,151,.4);background-color:transparent;color:#a59d97;cursor:not-allowed!important}.settle-modal .settle-modal-result{display:flex;flex-direction:column;align-items:center;gap:20px}.settle-modal .settle-modal-result-title{display:flex;flex-direction:column;align-items:center}.settle-modal .settle-modal-result-title span{color:#353535;font-size:16px;font-weight:600}.settle-modal .settle-modal-result-amount{display:flex;align-items:center;flex-direction:column}.settle-modal .settle-modal-result-amount>span{color:#786f69;font-size:16px;font-weight:400}.settle-modal .settle-modal-result-amount div{color:#353535;font-size:32px;font-weight:500}.settle-modal .settle-modal-result-amount div span{color:#353535;font-size:14px;font-weight:500}.settle-modal .settle-modal-result-notice{color:#786f69;font-size:12px;font-weight:400}.settle-modal .settle-modal-result-notice span{color:#c84938}.settle-modal .table-item:last-child{background-color:#f5f1ee!important}.settle-modal .my-scroll{width:100%;height:20px}.settle-m-modal{max-width:100%;min-width:0!important}.settle-m-modal .benpay-modal-content{max-height:400px}.refund-modal{width:440px;max-width:100%;padding-bottom:20px}.refund-modal .benpay-modal-content{display:flex;flex-direction:column;gap:10px}.refund-modal-result{display:flex;align-items:center;flex-direction:column}.refund-modal-result span{color:var(--1, #353535);text-align:right;font-family:Poppins;font-size:16px;font-style:normal;font-weight:600}.refund-modal-item{display:flex;align-items:center;justify-content:space-between}.refund-modal-item span{color:#786f69;font-size:14px}.refund-modal-item span:last-child{color:#353535}.refund-modal-btn{margin-top:40px}.business-page-content-top{display:flex;align-items:center;justify-content:space-between;gap:40px}@media screen and (max-width: 1200px){.business-page-content-top{flex-direction:column;gap:10px}}.business-page-content-table{margin-top:40px}.benpay-input-box{padding:20px;border-radius:12px;border:1px solid rgba(165,157,151,.4);background:#fff;display:flex;flex-direction:column;gap:10px;width:100%}.benpay-input-box-title{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.benpay-input-box-title>span{color:#353535;font-size:14px}.benpay-input-box-title-edit{padding:5px 15px;border-radius:100px;background:rgba(165,157,151,.1);color:#353535;font-family:Poppins;font-size:12px}.benpay-input-box-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.benpay-input-box-content-input{flex:1;overflow:hidden}.benpay-input-box-content-input-initvalue{margin:0;width:calc(100% - 20px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.benpay-input-box-content-input .input-content{padding:0!important}.benpay-input-box-content-input input{font-family:monospace;width:100%}.benpay-input-box-options{display:flex;justify-content:flex-end;gap:10px}.benpay-input-box-options>div{padding:5px 15px;cursor:pointer;font-size:12px;border-radius:100px}.benpay-input-box-options-cancel{background:rgba(165,157,151,.2);color:#353535}.benpay-input-box-options-save{background:#212121;color:#fff}.input-box-editor{border:1px solid #353535}.custom-input,.custom-input .input-content{border:none}.benpay-apikey{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:12px;border:1px solid rgba(165,157,151,.4);background:#fff}.benpay-apikey-title{display:flex;align-items:center;justify-content:space-between}.benpay-apikey-title>span{color:#353535;font-size:14px}.benpay-apikey-content{display:flex;flex-direction:column;gap:20px}.benpay-apikey-content-key,.benpay-apikey-content-publickey{display:flex;flex-direction:column;gap:10px}.benpay-apikey-content-key>span,.benpay-apikey-content-publickey>span{color:#a59d97;font-size:14px}.benpay-apikey-content-key>div,.benpay-apikey-content-publickey>div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.benpay-apikey-content-key>div span,.benpay-apikey-content-publickey>div span{flex:1;font-family:monospace;color:#353535;white-space:wrap;word-break:break-all}.benpay-apikey-content-key>div svg,.benpay-apikey-content-publickey>div svg{cursor:pointer}.benpay-apikey-content-key-options,.benpay-apikey-content-publickey-options{display:flex;justify-content:flex-end!important;align-items:center;gap:10px}.benpay-apikey-content-split{width:100%;height:1px;background-color:#a59d9766}.benpay-apikey-content-publickey>div{display:flex}.benpay-apikey-content-publickey>div span{font-family:monospace;max-height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.api-key-modal{max-width:none}.api-key-modal .benpay-modal-content{max-height:400px;overflow:auto;padding:30px 20px;color:#353535;font-size:14px;width:100%}.key-notice-modal .benpay-modal-content{display:flex;flex-direction:column;gap:20px}.key-notice-modal .benpay-modal-content>span{color:#786f69;font-size:14px}.key-notice-modal .benpay-modal-content>div{display:flex;gap:20px}.white-list{display:flex;flex-direction:column;padding:20px;border-radius:12px;border:1px solid rgba(165,157,151,.4);background:#fff;gap:10px}.white-list-title{display:flex;align-items:center;justify-content:space-between}.white-list-title>span{color:#353535;font-size:14px}.white-list-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.white-list-content-ips{display:flex;flex-wrap:wrap;gap:10px}.white-list-content-icon{cursor:pointer}.white-list-content-ip{cursor:pointer;border-radius:6px;background:rgba(165,157,151,.1);color:#353535;font-size:14px;padding:4px 8px;display:flex;align-items:center;gap:5px}.white-list-content-ip svg{width:15px}.white-list-content-ip:hover{background:rgba(165,157,151,.2)}.white-list-options{display:flex;justify-content:flex-end}.white-list-options>div{display:flex;gap:10px}.white-list-options>div .benpay-button{width:max-content;height:max-content}.white-list-modal{width:440px}.white-list-modal .benpay-modal-content{display:flex;flex-direction:column;gap:20px;padding-bottom:20px}.business-config-page .benpay-sm-page-content{display:flex;flex-direction:column;gap:10px}.consumer-order-legal{width:100%;display:flex;flex-direction:column;position:relative}@media screen and (min-width: 1201px){.consumer-order-legal .nav-back{display:none}}.consumer-order-legal-amount{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px}.consumer-order-legal-amount span:first-child{color:#353535;font-size:16px;font-weight:400}.consumer-order-legal-amount span:last-child{color:#353535;font-size:36px;font-weight:500}.ob-pay-submit-form{width:100%;position:relative}.ob-pay-submit-form .ob-pay-submit-btn{width:100%;height:44px;-webkit-user-select:none;user-select:none;margin-top:40px;border-radius:44px;display:flex;justify-content:center;align-items:center;font-family:Poppins;font-size:14px;font-weight:600;color:#fff;background-color:#212121;cursor:pointer}.ob-pay-submit-form .ob-pay-submit-disabled-btn{opacity:.5;cursor:auto;color:#fff}.ob-pay-submit-form .ob-pay-stripe-message{margin-top:10px;font-family:Poppins;font-size:12px;font-weight:500;color:#e25050}.stripe-loading{top:0;left:0;z-index:10005;position:absolute;flex-direction:column;display:flex;justify-content:center;align-items:center;flex:1 1 auto;width:100%;height:100%;background:transparent}.stripe-loading .stripe-loading-center{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center}.stripe-loading .stripe-loading-center .stripe-loading-spinner{height:58px;width:58px;display:flex;justify-content:center;align-items:center}.consumer-order-selector{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:60px}[data-form-vis=vis] .consumer-order-selector{flex-direction:column;width:100%}@media screen and (max-width: 1200px){.consumer-order-selector{display:none}}.consumer-order-selector-item{flex:1;cursor:pointer;padding:20px;height:90px;border-radius:10px;border:1px solid rgba(165,157,151,.4);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;position:relative}.consumer-order-selector-item span:first-child{color:#353535;font-size:16px;font-weight:600}.consumer-order-selector-item span:nth-child(2){color:#786f69;font-weight:400}.consumer-order-selector-item .channel-disable{position:absolute;right:0;top:0;border-radius:0 10px;background:rgba(165,157,151,.1);color:#a59d97;font-size:12px;font-weight:400;padding:4px 10px}[data-form-vis=vis] .consumer-order-selector-item{width:100%}.consumer-order-selector-item-disable{opacity:.8;cursor:not-allowed}.consumer-order-selector .chanel-selected{border-color:#353535}.consumer-order-selector .chanel-selected>svg{position:absolute;top:0;left:0}.consumer-order-selector-mobile{width:100%;padding:15px 20px;background-color:#fff;border-radius:10px;border:1px solid rgba(165,157,151,.4);display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:60px;position:relative}.consumer-order-selector-mobile .arrow-options-open>svg{transform:rotate(90deg);transition:all .3s}.consumer-order-selector-mobile-selected{display:flex;flex-direction:column;gap:10px}.consumer-order-selector-mobile-selected span{color:#786f69;font-size:12px}.consumer-order-selector-mobile-selected>span:first-child{color:#353535;font-size:14px;font-weight:600}.consumer-order-selector-mobile svg{transform:rotate(-90deg)}@media screen and (min-width: 1201px){.consumer-order-selector-mobile{display:none}}.consumer-order-selector-mobile-options{position:absolute;width:100%;left:0;bottom:0;transform:translateY(105%);border-radius:10px;border:1px solid rgba(165,157,151,.4);background-color:#fff;box-shadow:0 5px 15px -5px #35353533;z-index:2}.consumer-order-selector-mobile-options-item{display:flex;flex-direction:column;gap:10px;position:relative;padding:15px 20px}.consumer-order-selector-mobile-options-item:hover{background:rgba(165,157,151,.1)}.consumer-order-selector-mobile-options-item span{color:#786f69;font-size:12px}.consumer-order-selector-mobile-options-item>span:first-child{color:#353535;font-size:14px;font-weight:600}.consumer-order-selector-mobile-options-item>span:first-child>span{border-radius:5px;background:rgba(165,157,151,.1);padding:4px 10px;margin-left:10px}.consumer-order-selector-mobile-options-item svg{position:absolute;top:50%;right:20px;transform:rotate(0) translateY(-50%)}.consumer-order-bfpay{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;gap:40px}@media screen and (min-width: 1201px){.consumer-order-bfpay .nav-back{display:none}}.consumer-order-bfpay-notice{color:#353535;font-size:20px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:10px}@media screen and (min-width: 1201px){.consumer-order-bfpay-countdown{display:none}}.consumer-order-bfpay-tabs{padding:5px;display:flex;align-items:center;border-radius:12px;border:1px solid rgba(165,157,151,.4)}.consumer-order-bfpay-tab{-webkit-user-select:none;user-select:none;padding:5px 20px;color:#786f69;text-align:center;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px}.consumer-order-bfpay-tab-active{border-radius:8px;background:rgba(165,157,151,.1);color:#353535;font-size:14px;font-weight:600}.consumer-order-bfpay-tab-active svg path{fill:#353535}.consumer-order-bfpay-app{display:flex;flex-direction:column;align-items:center;gap:20px}.consumer-order-bfpay-app-code{width:240px;height:245px;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;position:relative}.consumer-order-bfpay-app-code .code-success,.consumer-order-bfpay-app-code .code-paying{position:absolute;width:240px;height:245px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;gap:10px}.consumer-order-bfpay-app-code .code-success span,.consumer-order-bfpay-app-code .code-paying span{text-align:center}.consumer-order-bfpay-app-code .code-success span:nth-child(2),.consumer-order-bfpay-app-code .code-paying span:nth-child(2){color:#353535;font-family:Poppins;font-size:16px;font-weight:600}.consumer-order-bfpay-app-code .code-success span:nth-child(3),.consumer-order-bfpay-app-code .code-paying span:nth-child(3){color:#786f69;font-size:14px;font-weight:500}.consumer-order-bfpay-app-notice{display:flex;flex-direction:column;align-items:center}.consumer-order-bfpay-app-notice>div span:last-child{color:#c84938;cursor:pointer}.consumer-order-bfpay-wallets{display:flex;justify-content:space-between;width:100%}.consumer-order-bfpay-wallet{display:flex;flex-direction:column;align-items:center;gap:20px}.consumer-order-bfpay-wallet-info{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.consumer-order-bfpay-wallet-info span{color:#353535;font-size:16px;font-weight:600}.consumer-order-bfpay-wallet-icon{display:flex;flex-direction:column;align-items:center;position:relative;gap:20px}.consumer-order-bfpay-wallet-icon>img{width:64px;height:64px}.consumer-order-bfpay-wallet-icon span{color:#353535;font-size:16px;font-weight:600}.consumer-order-bfpay-wallet-icon .warn-icon,.consumer-order-bfpay-wallet-icon .success-icon{width:36px;height:36px;padding:5px;border-radius:50%;border:4px solid #fff;background:#ffdbd6;position:absolute;right:-5px;bottom:-5px;display:flex;align-items:center;justify-content:center}.consumer-order-bfpay-wallet-icon .warn-icon svg,.consumer-order-bfpay-wallet-icon .success-icon svg{width:24px;height:24px}.consumer-order-bfpay-wallet-icon .warn-icon img,.consumer-order-bfpay-wallet-icon .success-icon img{width:38px;height:38px}.consumer-order-bfpay-wallet-icon .success-icon{border:none;background:transparent;right:-12px;bottom:-8px}.consumer-order-bfpay-wallet .connected-icon>img{width:100px;height:100px}.consumer-order-bfpay-wallet-btn{width:320px}.pay-countdown{font-size:14px;color:#786f69}.pay-countdown span{color:#353535;font-weight:600}.pay-countdown .danger-style{color:#c84938}.consumer-order-content{width:100%;border-radius:20px;background-color:#fff;padding:80px 60px;position:relative;background-image:url(https://static.benfen.org/paymvp/assets/order-big-bg-39f8a9ac.svg);background-position:left bottom;background-repeat:no-repeat;background-size:auto;display:flex;flex-direction:column}.consumer-order-content .sm-bg{position:absolute;top:0;right:0}@media screen and (max-width: 1200px){.consumer-order-content{background-color:transparent;background-image:none;align-items:center;padding:0}.consumer-order-content .sm-bg{position:fixed;right:0;top:50px}}.consumer-order-details{width:100%}[data-form-vis=vis] .consumer-order-details{display:flex;gap:60px}@media screen and (max-width: 1200px){[data-form-vis=vis] .consumer-order-details{flex-direction:column}}.consumer-order-details-nofound{align-items:center}.consumer-order-channels{flex:1;width:100%}@media screen and (max-width: 1200px){[data-form-vis=vis] .consumer-order-channels{display:none}}.consumer-order-type{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:-45px;padding-left:60px;border-left:1px solid rgba(165,157,151,.4);position:relative}.consumer-order-type:before{display:block;content:"";width:10px;height:10px;border:1px solid rgba(165,157,151,.4);border-left:none;border-bottom:none;position:absolute;left:0;top:50%;transform:rotate(45deg) translate(-8px);background-color:#fff}@media screen and (max-width: 1200px){.consumer-order-type{border-left:none;padding-left:0;margin-top:0}.consumer-order-type:before{display:none}}.consumer-order-title{color:#353535;font-size:24px;font-weight:600;margin-bottom:10px}@media screen and (max-width: 1200px){.consumer-order-title{text-align:center}}.consumer-order-subtitle{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}[data-form-vis=vis] .consumer-order-subtitle{flex-direction:column-reverse;justify-content:flex-start;align-items:flex-start;gap:40px}.consumer-order-subtitle>span{color:#786f69;font-size:14px;font-weight:400}.consumer-order-subtitle-infos{display:flex;flex-direction:column;align-items:flex-end;gap:5px}[data-form-vis=vis] .consumer-order-subtitle-infos{align-items:flex-start}@media screen and (max-width: 1200px){.consumer-order-subtitle-infos{margin-bottom:30px;align-items:center}}.consumer-order-subtitle-amountinfo{display:flex;align-items:flex-end;gap:5px}.consumer-order-subtitle-amountinfo span{color:#353535;text-align:right;font-size:14px;font-weight:400}.consumer-order-subtitle-amountinfo>div{display:flex;align-items:baseline;gap:5px}.consumer-order-subtitle-amountinfo>div img{width:26px}.consumer-order-subtitle-amountinfo>div>span:nth-child(2){color:#c84938;font-size:36px;font-weight:500;line-height:34px}@media screen and (max-width: 1200px){.consumer-order-subtitle{flex-direction:column-reverse;justify-content:flex-start;align-items:center;margin-top:10px}.consumer-order-subtitle>span{width:100%}.consumer-order-subtitle-amountinfo{width:100%;flex-direction:column;align-items:center;gap:10px}.consumer-order-subtitle-amountinfo>div{align-items:flex-end}}.consumer-order .benpay-button{max-width:600px;margin:0 auto}.consumer-order-fq{margin-top:60px}.consumer-order-fq-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.consumer-order-fq-title-text{color:#786f69;font-size:14px;font-weight:400}.consumer-order-fq-title-left,.consumer-order-fq-title-right{flex:1;height:1px;background-color:#a59d9766;position:relative}.consumer-order-fq-title-left:before,.consumer-order-fq-title-right:before{position:absolute;left:-4px;display:block;content:"";width:4px;height:4px;background-color:#a59d9766;border-radius:50%;top:-2px}.consumer-order-fq-title-left{display:none}.consumer-order-fq-title-left:before{left:unset;right:-4px}.consumer-order-fq-title-left{display:block}.consumer-order-fq-list{padding:20px 0;display:flex;flex-direction:column;gap:20px}.consumer-order-fq-list-item{display:flex;flex-direction:column;gap:5px}.consumer-order-fq-list-item span:first-child{color:#353535;font-size:14px;font-weight:400}.consumer-order-fq-list-item span:last-child{color:#786f69;font-size:14px;font-weight:400}.consumer-order-notfound{margin:0 auto;padding:40px 0 0;display:flex;flex-direction:column;align-items:center;gap:10px}.consumer-order-notfound-banner{display:flex;flex-direction:column;align-items:center;gap:10px}.consumer-order-notfound-banner span:nth-child(2){color:#353535;font-size:16px;font-weight:600}.consumer-order-notfound-banner span:nth-child(3){color:#a59d97;font-size:14px}.consumer-order-result{display:flex;justify-content:center}.consumer-order-result-success{width:100%;max-width:480px}.consumer-order-result-success-border{height:2px;width:100%;background-color:#c84938}.consumer-order-result-success-content{margin:0 10px;border-radius:0 0 20px 20px;background:linear-gradient(180deg,#fff2f0 0%,#fff 5%,rgba(255,255,255,.6) 100%)}.consumer-order-result-success-content-top{padding:40px 30px;display:flex;align-items:flex-end;justify-content:center;gap:5px}.consumer-order-result-success-content-top span{color:#353535;text-align:right;font-size:14px;font-weight:400}.consumer-order-result-success-content-top>div{display:flex;align-items:center;gap:5px}.consumer-order-result-success-content-top>div>span:nth-child(2){color:#c84938;font-size:36px;font-weight:500;line-height:34px}.consumer-order-result-success-content-top>div img{width:26px}.consumer-order-result-success-content-bottom{padding:40px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#353535}.consumer-order-result-success-content-bottom span{text-align:center}.consumer-order-result-success-content-bottom span:nth-child(2){font-size:24px;font-weight:600}.consumer-order-result-success-content-bottom span:nth-child(3){font-size:16px}.consumer-order-result-success-content-bottom span:nth-child(4){color:#a59d97;font-size:14px}.consumer-order-result-success-content-split{display:flex;align-items:center;justify-content:center;width:100%;position:relative;padding:0 30px}.consumer-order-result-success-content-split:before,.consumer-order-result-success-content-split:after{position:absolute;display:block;content:"";width:20px;height:20px;border-radius:50%;background-color:#f5f1ee}.consumer-order-result-success-content-split:before{left:-10px}.consumer-order-result-success-content-split:after{right:-10px}.consumer-order-result-success-content-split span{width:100%;border-bottom:1px dashed rgba(165,157,151,.4)}.benpay-sm-page,.benpay-page{width:100%;cursor:default;font-family:Poppins;background-color:#f5f1ee;padding:40px 20px}.benpay-sm-page-content,.benpay-page-content{width:100%;max-width:1240px;min-width:300px;margin:0 auto;background-color:#f5f1ee}@media screen and (max-width: 1200px){.benpay-sm-page,.benpay-page{padding-top:20px}.benpay-sm-page-content,.benpay-page-content{max-width:600px}}.benpay-sm-page-content{width:100%;max-width:580px;margin:0 auto;background-color:#f5f1ee}::-webkit-scrollbar{width:6px;height:6px;background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,53%,.4)}:hover::-webkit-scrollbar-track{background:hsla(0,0%,53%,.1)}::-webkit-scrollbar-corner{border-radius:4px}body ::-webkit-scrollbar{display:none}button{cursor:pointer!important}@font-face{font-family:Poppins;src:url(https://static.benfen.org/paymvp/assets/Poppins-Regular-45ad3c79.otf) format("opentype")}.react-tooltip{max-width:200px!important;border-radius:8px!important;background:#fff!important;color:#353535!important;font-size:14px!important;font-weight:500!important;padding:10px!important;z-index:99!important;box-shadow:0 5px 20px #0000001a!important}.benfen-pin-field{position:relative;display:flex;width:360px;align-items:center;justify-content:space-between;overflow:hidden}.benfen-pin-field .input-box{display:flex;justify-content:center;align-items:center;width:38px;height:38px;background-color:#a59d9733;border-radius:6px}.benfen-pin-field .input-box.typed:after{content:"";display:block;width:12px;height:12px;background-color:#353535;border-radius:100%}.benfen-pin-field .input-box.typing{border:1px solid #353535}.benfen-pin-field .input-box.typing:after{content:"";display:block;width:2px;height:18px;background-color:#353535;animation:blink 1s infinite;animation-timing-function:steps(2,jump-end)}@keyframes blink{0%{opacity:0}to{opacity:1}}.benfen-pin-field>input{position:absolute;left:-9999px;top:-9999px}.benfen-password-modal-container .password-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#21212180;z-index:10000}.benfen-password-modal-container .password-modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;overflow-y:auto;z-index:10000}.benfen-password-modal-container .password-modal-wrapper .wrapper-inner{display:flex;min-height:100%;align-items:center;justify-content:center}.benfen-password-modal-container .password-modal-wrapper .wrapper-inner .modal-panel{margin:20px;display:flex;flex-direction:column;max-width:480px;flex-grow:1;align-items:stretch;border-radius:20px;background-color:#f5f1ee}.benfen-password-modal-container .password-modal-wrapper .wrapper-inner .modal-panel .title{padding:15px 20px;display:flex;align-items:center;gap:10px;color:#353535;font-size:16px;font-weight:600;line-height:24px}.benfen-password-modal-container .password-modal-wrapper .wrapper-inner .modal-panel .title>span{flex-grow:1}.benfen-password-modal-container .password-modal-wrapper .wrapper-inner .modal-panel .title>img{width:24px;height:24px;cursor:pointer}.benfen-password-modal-container .password-modal-wrapper .wrapper-inner .modal-panel .pin-field-container{padding:60px 20px 80px;display:flex;align-items:center;justify-content:center}.bf-toast .bf-toast-container{display:flex;flex-direction:column;align-items:stretch;gap:10px;max-width:480px;width:100%;padding:20px;border-radius:10px;background-color:#fff;box-shadow:0 20px 36px #786f691a}.bf-toast .bf-toast-container .bf-toast-title{display:flex;align-items:center;gap:10px;font-size:16px;line-height:24px;color:#353535;font-weight:600;font-family:Inter}.bf-toast .bf-toast-container .bf-toast-title .bf-toast-type-icon{width:18px;height:18px}.bf-toast .bf-toast-container .bf-toast-title .bf-toast-title-text{flex-grow:1}.bf-toast .bf-toast-container .bf-toast-title .bf-toast-close-icon{width:24px;height:24px;cursor:pointer}.bf-toast .bf-toast-container .bf-toast-content{display:flex;font-family:Poppins;font-size:14px;line-height:24px;color:#786f69}.Mnem-login-dialog{position:relative;z-index:50}.Mnem-login-dialog .Mnem-login-dialog-center{width:100vw;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(33,33,33,.5)}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel{display:flex;flex-direction:column;align-items:stretch;width:calc(100% - 40px);position:relative;box-sizing:border-box;border-radius:20px;background:#f5f1ee}@media screen and (min-width: 520px){.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel{width:480px}}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-bold-font{color:#2e2e2e;font-family:PingFang HK;font-size:16px;font-weight:600}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-font{color:#2e2e2e;font-family:PingFang HK;font-size:12px;font-weight:300}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-red-font{color:#c84938;font-family:PingFang HK;font-size:12px;font-weight:300;margin-left:5px}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-header{padding:15px 20px;display:flex;align-items:center;justify-content:space-between}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-header .Mnem-login-dialog-panel-header-close{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content{padding:40px 0 60px}@media screen and (min-width: 350px){.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content{padding:40px 40px 60px}}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .qr-show-area{position:relative;margin:0 auto;width:220px;height:220px;border-radius:10px;background:#ffffff;box-shadow:0 20px 40px #0000001a;padding:20px;box-sizing:border-box}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .qr-show-area .qr-bg{width:180px;height:180px;background:#f0f0f0;position:relative}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .qr-show-area .qr-bg:hover{cursor:pointer}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .qr-show-area .qr-bg .qr-img-style{width:100%;height:100%}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .qr-show-area .qr-bg .qr-ben-logo-style{width:36px;height:36px;position:absolute;left:72px;top:72px;z-index:1}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .qr-show-area .qr-expired-refresh-style{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,.7) 0%,rgba(240,240,240,.7) 50%,rgba(255,255,255,.7) 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;z-index:2;padding:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .qr-show-area .qr-expired-refresh-style .refresh-logo-style{width:32px;height:32px}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .qr-show-area .qr-expired-refresh-style .refresh-state-style{color:#2e2e2e;font-family:PingFang HK;font-size:14px;font-weight:400;margin-top:10px;text-align:center}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .qr-show-area .qr-expired-refresh-skeleton-screen-style{animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .qr-show-area .qr-user-refresh{position:absolute;top:-75px;left:50%;transform:translate(-50%) translateY(20px);opacity:0;transition:all .3s ease;padding:20px;background-color:#fcfcfc;border-radius:20px;color:#2e2e2e;font-size:14px;font-family:PingFang HK;font-weight:400;white-space:nowrap;cursor:pointer}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .qr-show-area .qr-user-refresh:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);border-width:12px 12px 0 12px;border-style:solid;border-color:#fcfcfc transparent transparent transparent;width:24px;height:12px}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .qr-show-area .qr-user-show-refresh{opacity:1;transform:translate(-50%) translateY(0);box-shadow:0 16px 48px -10px #0000001a}.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .qr-desc-about,.Mnem-login-dialog .Mnem-login-dialog-center .Mnem-login-dialog-panel .Mnem-login-dialog-panel-content .Mnem-login-dialog-rule{text-align:center;margin-top:40px}.connect-wallet-popover{position:relative;display:flex;justify-content:center;align-items:center;width:100%}@media screen and (min-width: 1200px){.connect-wallet-popover{margin-left:5px;width:auto}}@media screen and (min-width: 1440px){.connect-wallet-popover{justify-content:flex-end}}.connect-wallet-popover .connect-button{padding:0 5px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:40px;font-size:14px;line-height:20px;color:#fff;outline:none;border:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:#2e2e2e;background-image:none;text-transform:none;cursor:pointer;white-space:nowrap}.connect-wallet-popover .connect-button:hover,.connect-wallet-popover .connect-button.open{background:linear-gradient(0deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%),#2e2e2e}@media screen and (min-width: 1200px){.connect-wallet-popover .connect-button{padding:0 15px}}.connect-wallet-popover .connect-new-button{border-radius:40px}.connect-wallet-popover .connect-panel-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;padding:10px;display:flex;flex-direction:column;align-items:center;background-color:#2e2e2e80;z-index:50}@media screen and (min-width: 1200px){.connect-wallet-popover .connect-panel-wrapper{position:absolute;top:40px;padding:0;bottom:auto;left:auto;right:auto;background-color:transparent;clip:rect(0 99999px 99999px -99999px)}}.connect-wallet-popover .connect-panel-wrapper .connect-panel{position:absolute;bottom:10px;z-index:50;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:480px;border-radius:20px;background:#fcfcfc;box-shadow:0 16px 48px -10px #0000001a}@media screen and (min-width: 1200px){.connect-wallet-popover .connect-panel-wrapper .connect-panel{margin-top:10px;position:static;bottom:auto;background:white}}.connect-wallet-popover .connect-panel-wrapper .connect-panel .logined-panel{display:flex;margin:auto 10px;width:calc(100% - 20px);flex-direction:column;align-items:stretch;padding:10px;font-size:12px;line-height:18px}@media screen and (min-width: 1200px){.connect-wallet-popover .connect-panel-wrapper .connect-panel .logined-panel{margin:auto;width:240px}}.connect-wallet-popover .connect-panel-wrapper .connect-panel .logined-panel .backup-item{padding:10px;display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:4px;border-radius:10px;font-size:14px;line-height:20px;color:#2e2e2e}.connect-wallet-popover .connect-panel-wrapper .connect-panel .logined-panel .backup-item:hover{background:#f0f0f0}.connect-wallet-popover .connect-panel-wrapper .connect-panel .logined-panel .backup-item>img{width:14px}.connect-wallet-popover .connect-panel-wrapper .connect-panel .logined-panel .copy-address-item{padding:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:4px;border-radius:10px;font-size:14px;line-height:20px;color:#2e2e2e}.connect-wallet-popover .connect-panel-wrapper .connect-panel .logined-panel .copy-address-item:hover{background:#f0f0f0}.connect-wallet-popover .connect-panel-wrapper .connect-panel .logined-panel .copy-address-item>img{width:14px}.connect-wallet-popover .connect-panel-wrapper .connect-panel .logined-panel .disconnect-item{padding:10px;display:flex;align-items:center;justify-content:space-between;gap:4px;border-radius:10px;font-size:14px;line-height:20px;color:#c84938;cursor:pointer}.connect-wallet-popover .connect-panel-wrapper .connect-panel .logined-panel .disconnect-item:hover{background:rgba(200,73,56,.1)}.connect-wallet-popover .connect-panel-wrapper .connect-panel .unlogined-panel{padding:20px 20px 30px;display:flex;flex-direction:column;align-items:center;width:100%;border-radius:10px}@media screen and (min-width: 1200px){.connect-wallet-popover .connect-panel-wrapper .connect-panel .unlogined-panel{min-width:240px}}.connect-wallet-popover .connect-panel-wrapper .connect-panel .unlogined-panel .description{margin-bottom:10px;display:flex;flex-direction:column;align-items:center;gap:5px}.connect-wallet-popover .connect-panel-wrapper .connect-panel .unlogined-panel .description .line1{font-size:16px;line-height:22px;font-weight:600;color:#2e2e2e;white-space:nowrap}.connect-wallet-popover .connect-panel-wrapper .connect-panel .unlogined-panel .description .line2{font-size:14px;line-height:20px;color:#999}.connect-wallet-popover .connect-panel-wrapper .connect-panel .unlogined-panel .zk-wallet{margin-top:10px;padding:8px 10px;width:100%;border-radius:90px;text-align:center;font-size:14px;line-height:20px;background:#2e2e2e;color:#fff;cursor:pointer}@media screen and (min-width: 1200px){.connect-wallet-popover .connect-panel-wrapper .connect-panel .unlogined-panel .zk-wallet{min-width:200px}}.connect-wallet-popover .connect-panel-wrapper .connect-panel .unlogined-panel .ob-wallet{margin-top:10px;padding:8px 10px;width:100%;border-radius:90px;text-align:center;font-size:14px;line-height:20px;color:#2e2e2e;background:#f0f0f0;cursor:pointer}@media screen and (min-width: 1200px){.connect-wallet-popover .connect-panel-wrapper .connect-panel .unlogined-panel .ob-wallet{min-width:200px}}.bf-header-deposit-button{padding:10px 15px;display:flex;align-items:center;justify-content:center;width:100%;background-color:#0065ff;border-radius:10px;color:#fff;font-size:14px;cursor:pointer}@media screen and (min-width: 1200px){.bf-header-deposit-button{width:auto}}.bf-header-deposit-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#2e2e2e80;z-index:50}@media screen and (min-width: 1200px){.bf-header-deposit-wrapper{justify-content:flex-end}}.bf-header-deposit-wrapper .bf-header-deposit-panel{margin-top:20px;display:flex;flex-direction:column;align-items:stretch;width:100%;height:calc(100% - 20px);background-color:#fcfcfc;border-radius:20px 20px 0 0}@media screen and (min-width: 1200px){.bf-header-deposit-wrapper .bf-header-deposit-panel{margin:0;width:480px;height:100%;border-radius:0}}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-header{padding:10px 20px;display:flex;align-items:center;justify-content:space-between;height:60px;border-radius:20px 20px 0 0}@media screen and (min-width: 1200px){.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-header{border-radius:0}}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-header .bf-header-deposit-panel-header-text{font-size:16px;font-weight:600;color:#353535}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-header .bf-header-deposit-panel-header-close{display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-header .bf-header-deposit-panel-header-close:hover{background-color:#f0f0f0}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-body{margin:0 20px;display:flex;flex-direction:column;align-items:stretch;gap:40px}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-body .deposit-panel-body-block{display:flex;flex-direction:column;align-items:stretch}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-body .deposit-panel-body-block .deposit-panel-body-block-title{font-size:12px;line-height:17px;font-weight:300;color:#2e2e2e}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-body .deposit-panel-body-block .deposit-panel-body-block-content{margin-top:20px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-body .deposit-panel-body-block .deposit-panel-body-block-content .deposit-panel-body-block-content-item{padding:30px;display:flex;flex-direction:column;align-items:stretch;gap:10px;border-radius:20px;background-color:#f0f0f0;cursor:pointer}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-body .deposit-panel-body-block .deposit-panel-body-block-content .deposit-panel-body-block-content-item:hover{background-color:#e6e6e6}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-body .deposit-panel-body-block .deposit-panel-body-block-content .deposit-panel-body-block-content-item .deposit-panel-body-block-content-item-main{display:flex;align-items:center;gap:10px}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-body .deposit-panel-body-block .deposit-panel-body-block-content .deposit-panel-body-block-content-item .deposit-panel-body-block-content-item-main .deposit-panel-body-block-content-item-main-icon{width:20px;height:20px}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-body .deposit-panel-body-block .deposit-panel-body-block-content .deposit-panel-body-block-content-item .deposit-panel-body-block-content-item-main .deposit-panel-body-block-content-item-main-text{font-size:16px;line-height:22px;font-weight:600;color:#2e2e2e}.bf-header-deposit-wrapper .bf-header-deposit-panel .bf-header-deposit-panel-body .deposit-panel-body-block .deposit-panel-body-block-content .deposit-panel-body-block-content-item .deposit-panel-body-block-content-item-desc{font-size:12px;line-height:17px;font-weight:300;color:#2e2e2e}.bf-login-header-download{margin:10px 20px 0;position:relative;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 1440px){.bf-login-header-download{margin:0;width:auto}}.bf-login-header-download .bf-login-header-download-btn{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:5px;background:transparent;border-radius:10px;border:1px solid #cdcdcd;outline:none;cursor:pointer}@media screen and (min-width: 1440px){.bf-login-header-download .bf-login-header-download-btn{width:40px;height:40px;border:none;gap:0;flex-direction:column}}.bf-login-header-download .bf-login-header-download-btn .bf-login-header-download-btn-icon{width:24px;height:24px}@media screen and (min-width: 1440px){.bf-login-header-download .bf-login-header-download-btn .bf-login-header-download-btn-icon{width:20px;height:20px}}.bf-login-header-download .bf-login-header-download-btn .bf-login-header-download-btn-text{font-size:16px;font-weight:600;line-height:22px;color:#2e2e2e;white-space:nowrap}@media screen and (min-width: 1440px){.bf-login-header-download .bf-login-header-download-btn .bf-login-header-download-btn-text{font-size:12px;font-weight:400;line-height:17px}}.bf-login-header-download-panel-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;padding:10px;display:flex;flex-direction:column;align-items:center;background-color:#2e2e2e80;z-index:50}@media screen and (min-width: 1200px){.bf-login-header-download-panel-wrapper{justify-content:center}}@media screen and (min-width: 1440px){.bf-login-header-download-panel-wrapper{position:absolute;top:40px;padding:0;bottom:auto;left:auto;right:auto;background-color:transparent;clip:rect(0 99999px 99999px -99999px)}}.bf-login-header-download-panel-wrapper .bf-login-header-download-panel{position:absolute;bottom:10px;z-index:50;margin:auto 10px;padding:20px;display:flex;flex-direction:column;align-items:stretch;width:calc(100% - 20px);max-width:480px;border-radius:20px;font-size:12px;line-height:18px;background:#fcfcfc;box-shadow:0 16px 48px -10px #0000001a}@media screen and (min-width: 1200px){.bf-login-header-download-panel-wrapper .bf-login-header-download-panel{bottom:auto}}@media screen and (min-width: 1440px){.bf-login-header-download-panel-wrapper .bf-login-header-download-panel{position:static;margin:10px auto 0;width:max-content;background:white}}.bf-login-header-download-panel-wrapper .bf-login-header-download-panel .bf-login-header-download-panel-title{font-size:16px;line-height:22px;color:#2e2e2e;text-align:center;font-weight:600}.bf-login-header-download-panel-wrapper .bf-login-header-download-panel .bf-login-header-download-panel-img{display:inline-block;width:172px;height:172px;margin:10px auto 0}.bf-login-header-download-panel-wrapper .bf-login-header-download-panel .bf-login-header-download-panel-btn{padding:8px 10px;justify-content:center;align-items:center;display:flex;align-self:stretch;margin-top:20px;border-radius:90px;background:#f0f0f0;font-size:14px;color:#2e2e2e;cursor:pointer}.bf-switch-network-popover{position:relative;display:flex;justify-content:center;align-items:center;width:100%}@media screen and (min-width: 1440px){.bf-switch-network-popover{margin-top:0;margin-left:5px;width:auto}}.bf-switch-network-popover .bf-switch-network-btn{display:flex;height:40px;width:100%;align-items:center;justify-content:center;border-radius:10px;color:#2e2e2e;font-size:14px;line-height:20px;padding:0 2px 0 10px;outline:none;border:1px solid #2e2e2e;gap:5px;background:unset;white-space:nowrap}@media screen and (min-width: 1440px){.bf-switch-network-popover .bf-switch-network-btn{width:auto}}.bf-switch-network-popover .bf-switch-network-btn .bf-switch-network-btn-icon{width:24px;height:24px}.bf-switch-network-popover .bf-switch-network-btn .bf-switch-network-btn-icon.btn-icon-rotate{transform:rotate(180deg)}.bf-switch-network-popover .bf-switch-network-new-btn{border-radius:40px}.bf-switch-network-panel-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;padding:10px;display:flex;flex-direction:column;align-items:center;background-color:#2e2e2e80;z-index:50}@media screen and (min-width: 1200px){.bf-switch-network-panel-wrapper{justify-content:center}}@media screen and (min-width: 1440px){.bf-switch-network-panel-wrapper{position:absolute;top:40px;padding:0;bottom:auto;left:auto;right:auto;background-color:transparent;clip:rect(0 99999px 99999px -99999px)}}.bf-switch-network-panel-wrapper .bf-switch-network-panel{position:absolute;bottom:10px;z-index:50;margin:auto 10px;padding:10px;display:flex;flex-direction:column;align-items:stretch;width:calc(100% - 20px);max-width:480px;border-radius:20px;font-size:12px;line-height:18px;background:#fcfcfc;box-shadow:0 16px 48px -10px #0000001a}@media screen and (min-width: 1200px){.bf-switch-network-panel-wrapper .bf-switch-network-panel{bottom:auto}}@media screen and (min-width: 1440px){.bf-switch-network-panel-wrapper .bf-switch-network-panel{position:static;margin:10px auto 0;width:max-content;background-color:#fff}}.bf-switch-network-panel-wrapper .bf-switch-network-panel .bf-switch-network-panel-item{padding:10px;display:flex;align-items:center;width:100%;justify-content:space-between;border-radius:10px;gap:4px;font-size:14px;line-height:20px;color:#2e2e2e;cursor:pointer}.bf-switch-network-panel-wrapper .bf-switch-network-panel .bf-switch-network-panel-item:hover{background:#f0f0f0}@media screen and (min-width: 1440px){.bf-switch-network-panel-wrapper .bf-switch-network-panel .bf-switch-network-panel-item{width:240px}}.bf-switch-network-panel-wrapper .bf-switch-network-panel .bf-switch-network-panel-item span{flex-shrink:0;white-space:nowrap}.bf-login-header-menu-m{position:relative;margin-left:10px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;border-radius:10px}.bf-login-header-menu-m:hover{background-color:#0000000d}.bf-login-header-m-wrapper{position:fixed;top:0;right:0;width:100vw;height:100vh;background-color:#2e2e2e80}.bf-login-header-m-wrapper .bf-login-header-m{position:absolute;top:0;bottom:0;right:0;padding-bottom:20px;display:flex;flex-direction:column;align-items:stretch;width:100%;overflow-y:auto;background:#fcfcfc}@media screen and (min-width: 1200px){.bf-login-header-m-wrapper .bf-login-header-m{max-width:480px}}.bf-login-header-m-wrapper .bf-login-header-m .bf-login-header-title{padding:20px;display:flex;align-items:center}.bf-login-header-m-wrapper .bf-login-header-m .bf-login-header-title .bf-login-header-title-logo-benpay{height:35px}.bf-login-header-m-wrapper .bf-login-header-m .bf-login-header-title .bf-login-header-title-logo-benfen{height:50px}.bf-login-header-m-wrapper .bf-login-header-m .bf-login-header-title .bf-login-header-title-placeholder{flex-grow:1}.bf-login-header-m-wrapper .bf-login-header-m .bf-login-header-title .bf-login-header-title-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;cursor:pointer}.bf-login-header-m-wrapper .bf-login-header-m .bf-login-header-title .bf-login-header-title-close:hover{background-color:#f0f0f0}.bf-login-header-m-wrapper .bf-login-header-m .bf-login-header-buttons{padding:0 20px;margin-bottom:10px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.bf-login-header-m-wrapper .bf-login-header-m .bf-login-header-buttons .bf-login-header-buttons-line1{display:flex;align-items:center;justify-content:space-between;gap:10px}.bf-login-header-m-wrapper .bf-login-header-m .bf-login-header-m-box{margin:10px 0 0;padding:0 20px;display:flex;flex-direction:column;align-items:stretch;width:100%;gap:10px}.bf-login-header-m-wrapper .bf-login-header-m .bf-login-header-menu-item{margin:10px 20px 0;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:16px;line-height:22px;font-weight:600;color:#2e2e2e;cursor:pointer}.bf-login-header-menu-nav-item{display:flex;flex-direction:column;align-items:stretch}.bf-login-header-menu-nav-item .header-menu-nav-item-main{padding:10px 0;display:flex;justify-content:space-between;align-items:center;font-size:16px;line-height:22px;color:#2e2e2e;font-weight:600;cursor:pointer}.bf-login-header-menu-nav-item .header-menu-nav-item-main .header-menu-nav-item-main-icon{width:24px;height:24px}.bf-login-header-menu-nav-item .header-menu-nav-item-main .header-menu-nav-item-main-icon.expanded{transform:rotate(180deg)}.bf-login-header-menu-nav-item .header-menu-nav-item-children{display:flex;flex-direction:column;align-items:stretch;border-left:1px solid #cdcdcd}.bf-login-header-menu-nav-item .header-menu-nav-item-children .header-menu-nav-item-children-item{padding:10px 0 10px 20px;display:flex;flex-direction:column;align-items:stretch;gap:10px;cursor:pointer}.bf-login-header-menu-nav-item .header-menu-nav-item-children .header-menu-nav-item-children-item .header-menu-nav-item-children-item-main{display:flex;align-items:center;gap:5px;font-size:14px;line-height:20px;color:#2e2e2e}.bf-login-header-menu-nav-item .header-menu-nav-item-children .header-menu-nav-item-children-item .header-menu-nav-item-children-item-main .header-menu-nav-item-children-item-icon{width:14px;height:14px}.bf-login-header-menu-nav-item .header-menu-nav-item-children .header-menu-nav-item-children-item .header-menu-nav-item-children-item-desc{font-size:12px;line-height:18px;color:#2e2e2e;font-weight:300}.bf-login-header-message-notification{margin:10px 20px 0;position:relative;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 1440px){.bf-login-header-message-notification{margin:0}}.bf-login-header-message-notification .message-notification-button{display:flex;align-items:center;width:100%;height:42px;border:none;outline:none;border-radius:10px}@media screen and (min-width: 1440px){.bf-login-header-message-notification .message-notification-button{width:40px;height:40px;justify-content:center}}.bf-login-header-message-notification .message-notification-button .message-notification-container{display:flex;flex-direction:column;align-items:center}.bf-login-header-message-notification .message-notification-button .message-notification-container .message-notification-button-icon{display:none;width:20px;height:20px}.bf-login-header-message-notification .message-notification-button .message-notification-container .message-notification-button-icon.is-benfen-header{width:24px;height:24px}@media screen and (min-width: 1440px){.bf-login-header-message-notification .message-notification-button .message-notification-container .message-notification-button-icon{display:block}}.bf-login-header-message-notification .message-notification-button .message-notification-container .message-notification-button-text{flex-grow:1;font-size:16px;font-weight:600;line-height:22px;color:#2e2e2e;text-align:left;white-space:nowrap}@media screen and (min-width: 1440px){.bf-login-header-message-notification .message-notification-button .message-notification-container .message-notification-button-text{font-size:12px;font-weight:400;line-height:17px;text-align:center}}.bf-login-header-message-notification .message-notification-button .message-notification-button-count{padding:0 5px;display:flex;align-items:center;justify-content:center;border-radius:9px;background-color:#c84938;font-size:12px;line-height:18px;font-weight:500;color:#fff}@media screen and (min-width: 1440px){.bf-login-header-message-notification .message-notification-button .message-notification-button-count{display:none}}.bf-login-header-message-notification .message-notification-button .message-notification-button-tip{display:none}@media screen and (min-width: 1440px){.bf-login-header-message-notification .message-notification-button .message-notification-button-tip{display:block}}.message-notification-panel-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;padding:10px;display:flex;flex-direction:column;align-items:center;background-color:#2e2e2e80;z-index:50}@media screen and (min-width: 1200px){.message-notification-panel-wrapper{justify-content:center}}@media screen and (min-width: 1440px){.message-notification-panel-wrapper{position:absolute;top:40px;padding:0;bottom:auto;left:auto;right:auto;background-color:transparent;clip:rect(0 99999px 99999px -99999px)}}.message-notification-panel-wrapper .message-notification-panel{position:absolute;bottom:10px;z-index:50;margin:auto 10px;padding:10px;display:flex;flex-direction:column;align-items:stretch;width:calc(100% - 20px);max-width:480px;border-radius:20px;font-size:12px;line-height:18px;background:#fcfcfc;box-shadow:0 16px 48px -10px #0000001a}@media screen and (min-width: 1200px){.message-notification-panel-wrapper .message-notification-panel{bottom:auto}}@media screen and (min-width: 1440px){.message-notification-panel-wrapper .message-notification-panel{position:static;margin:10px auto 0;width:400px;background-color:#fff}}.message-notification-panel-wrapper .message-notification-panel .message-notification-panel-header{padding:10px;display:flex;align-items:center}.message-notification-panel-wrapper .message-notification-panel .message-notification-panel-header .message-notification-panel-header-title{font-size:16px;line-height:22px;font-weight:600;color:#2e2e2e}.message-notification-panel-wrapper .message-notification-panel .message-notification-panel-header .message-notification-panel-header-count{margin-left:5px;padding:0 5px;border-radius:9px;background:#c84938;font-size:12px;line-height:17px;font-weight:300;color:#fff}.message-notification-panel-wrapper .message-notification-panel .message-notification-panel-header .grow{flex-grow:1}.message-notification-panel-wrapper .message-notification-panel .message-notification-panel-header .message-notification-panel-header-read-all{display:flex;align-items:center;margin-right:5px;font-size:12px;line-height:17px;font-weight:300;color:#2e2e2e;cursor:pointer}.message-notification-panel-wrapper .message-notification-panel .message-notification-message-list{margin-top:10px;display:flex;flex-direction:column;align-items:stretch}.message-notification-panel-wrapper .message-notification-panel .message-notification-message-list .message-notification-message-item{padding:10px;display:flex;flex-direction:column;align-items:stretch;gap:5px;border-radius:8px;cursor:pointer}.message-notification-panel-wrapper .message-notification-panel .message-notification-message-list .message-notification-message-item:hover{background:#f0f0f0}.message-notification-panel-wrapper .message-notification-panel .message-notification-message-list .message-notification-message-item .message-notification-message-item-line-main{display:flex;align-items:center;gap:10px}.message-notification-panel-wrapper .message-notification-panel .message-notification-message-list .message-notification-message-item .message-notification-message-item-line-main .message-notification-message-item-line-main-title{position:relative;font-size:14px;line-height:20px;color:#2e2e2e}.message-notification-panel-wrapper .message-notification-panel .message-notification-message-list .message-notification-message-item .message-notification-message-item-line-main .message-notification-message-item-line-main-title .bf-login-header-bell-tip{right:-10px}.message-notification-panel-wrapper .message-notification-panel .message-notification-message-list .message-notification-message-item .message-notification-message-item-line-main .grow{flex-grow:1}.message-notification-panel-wrapper .message-notification-panel .message-notification-message-list .message-notification-message-item .message-notification-message-item-line-main .message-notification-message-item-line-main-time,.message-notification-panel-wrapper .message-notification-panel .message-notification-message-list .message-notification-message-item .message-notification-message-item-line-sub{font-size:12px;line-height:17px;font-weight:300;color:#2e2e2e}.message-notification-panel-wrapper .message-notification-panel .message-notification-message-empty{margin-top:10px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.message-notification-panel-wrapper .message-notification-panel .message-notification-message-empty .message-notification-message-empty-icon{width:108px;height:108px}.message-notification-panel-wrapper .message-notification-panel .message-notification-message-empty .message-notification-message-empty-text{font-size:12px;line-height:17px;font-weight:300;color:#2e2e2e;text-align:center}.bf-login-header-lang{margin:10px 20px 0;position:relative;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 1440px){.bf-login-header-lang{margin:0;width:auto}}.bf-login-header-lang .bf-login-header-lang-btn{display:flex;align-items:center;width:100%;height:42px;border:none;outline:none;border-radius:10px}@media screen and (min-width: 1440px){.bf-login-header-lang .bf-login-header-lang-btn{width:40px;height:40px;justify-content:center}}.bf-login-header-lang .bf-login-header-lang-btn .bf-login-header-lang-btn-text{font-size:16px;font-weight:600;line-height:22px;color:#2e2e2e}@media screen and (min-width: 1440px){.bf-login-header-lang .bf-login-header-lang-btn .bf-login-header-lang-btn-text{display:none}}.bf-login-header-lang .bf-login-header-lang-btn .bf-login-header-lang-btn-icon{display:none;width:24px;height:24px}@media screen and (min-width: 1440px){.bf-login-header-lang .bf-login-header-lang-btn .bf-login-header-lang-btn-icon{display:block}}.bf-login-header-lang .bf-login-header-lang-btn .benpay-login-header-lang-btn-container{display:flex;flex-direction:column;align-items:center}.bf-login-header-lang .bf-login-header-lang-btn .benpay-login-header-lang-btn-container .benpay-login-header-lang-btn-icon{display:none;width:20px;height:20px}@media screen and (min-width: 1440px){.bf-login-header-lang .bf-login-header-lang-btn .benpay-login-header-lang-btn-container .benpay-login-header-lang-btn-icon{display:block}}.bf-login-header-lang .bf-login-header-lang-btn .benpay-login-header-lang-btn-container .benpay-login-header-lang-btn-text{color:#2e2e2e;font-size:16px;font-weight:600;line-height:22px;white-space:nowrap}@media screen and (min-width: 1440px){.bf-login-header-lang .bf-login-header-lang-btn .benpay-login-header-lang-btn-container .benpay-login-header-lang-btn-text{font-size:12px;line-height:17px;font-weight:400;text-align:center}}.bf-login-header-lang-panel-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;padding:10px;display:flex;flex-direction:column;align-items:center;background-color:#2e2e2e80;z-index:50}@media screen and (min-width: 1200px){.bf-login-header-lang-panel-wrapper{justify-content:center}}@media screen and (min-width: 1440px){.bf-login-header-lang-panel-wrapper{position:absolute;top:40px;padding:0;bottom:auto;left:auto;right:auto;background-color:transparent;clip:rect(0 99999px 99999px -99999px)}}.bf-login-header-lang-panel-wrapper .bf-login-header-lang-panel{position:absolute;bottom:10px;z-index:50;margin:auto 10px;padding:10px;display:flex;flex-direction:column;align-items:stretch;width:calc(100% - 20px);max-width:480px;border-radius:20px;font-size:12px;line-height:18px;background:#fcfcfc;box-shadow:0 16px 48px -10px #0000001a}@media screen and (min-width: 1200px){.bf-login-header-lang-panel-wrapper .bf-login-header-lang-panel{bottom:auto}}@media screen and (min-width: 1440px){.bf-login-header-lang-panel-wrapper .bf-login-header-lang-panel{position:static;margin:10px auto 0;width:max-content;background-color:#fff}}.bf-login-header-lang-panel-wrapper .bf-login-header-lang-panel .bf-login-header-lang-panel-item{padding:10px;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:10px;gap:4px;font-size:14px;line-height:20px;color:#2e2e2e;cursor:pointer}.bf-login-header-lang-panel-wrapper .bf-login-header-lang-panel .bf-login-header-lang-panel-item:hover{background:#f0f0f0}@media screen and (min-width: 1440px){.bf-login-header-lang-panel-wrapper .bf-login-header-lang-panel .bf-login-header-lang-panel-item{width:240px}}.bf-login-header-lang-panel-wrapper .bf-login-header-lang-panel .bf-login-header-lang-panel-item span{flex-shrink:0;white-space:nowrap}@font-face{font-family:PoppinsRegular;src:url(https://static.benfen.org/font/Poppins-Regular.ttf)}.bf-login-header{position:sticky;top:0;z-index:20;box-sizing:border-box;padding:20px;font-family:PingFang HK,PoppinsRegular,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.bf-login-header *{box-sizing:border-box}.bf-login-header button{background-color:transparent;background-image:none;text-transform:none;font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}@media screen and (min-width: 1200px){.bf-login-header{padding:16px 50px}}.bf-login-header .bf-login-header-center{display:flex;align-items:center}.bf-login-header .bf-login-header-center .bf-login-header-logo{display:flex;flex-shrink:0}.bf-login-header .bf-login-header-center .bf-login-header-logo .bf-login-header-benpay-logo,.bf-login-header .bf-login-header-center .bf-login-header-logo .bf-login-header-benfen-logo{height:35px;cursor:pointer}.bf-login-header .bf-login-header-center .bf-login-header-nav{margin-left:60px;position:relative;display:flex;align-items:center;gap:2px}.bf-login-header .bf-login-header-center .bf-login-header-new-nav{border-radius:14px;padding:5px;box-sizing:border-box;background:#f0f0f0}.bf-login-header .bf-login-header-center .bf-login-header-grow{height:100%;flex-grow:1}.bf-login-header .bf-login-header-center .bf-login-header-icons-line{margin:0 10px;width:1px;height:14px;background:rgba(0,0,0,.19)}.bf-login-header .bf-login-header-center .bf-login-header-icons-line-transparent{background:transparent}.bf-login-header .bf-login-header-center .bf-login-header-icons{display:flex;align-items:center;gap:20px;margin-right:20px}.bf-login-header .bf-login-header-center .bf-login-header-placeholder-before-buttons{height:100%;width:10px}.bf-login-new-header{padding:40px}@media screen and (max-width: 1199px){.bf-login-new-header{padding:20px}}.bf-login-header-nav-content-popover-btn-svg{transform-origin:center;transition:all;transform:rotate(180deg)}.bf-login-header-bell-tip{position:absolute;top:0;right:0;width:8px;height:8px;border-radius:100%;background-color:#c84938;filter:drop-shadow(0px 0px 5px rgba(226,80,80,.6))}.animate_fadeInDown{animation:fadeInDown .15s ease-in;animation-fill-mode:forwards}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}.animate_fadeOutUp{animation:fadeOutUp .15s ease-out;animation-fill-mode:forwards}@keyframes fadeOutUp{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-10%,0)}}.bf_animate_fadeInLeft{animation:bfFadeInLeft .15s ease-in;animation-fill-mode:forwards}@keyframes bfFadeInLeft{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate_fadeOutRight{animation:fadeOutRight .15s ease-out;animation-fill-mode:forwards}@keyframes fadeOutRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,0,0)}}.animate_fadeIn{animation:fadeIn .15s ease-in;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate_fadeOut{animation:fadeOut .15s ease-out;animation-fill-mode:forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate_rotateDown{animation:rotateDown .15s ease-in;animation-fill-mode:forwards}@keyframes rotateDown{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.animate_rotateUp{animation:rotateUp .15s ease-in;animation-fill-mode:forwards}@keyframes rotateUp{0%{transform:rotate(180deg)}to{transform:rotate(0)}}.bf-login-header-nav-item{position:relative;display:flex;justify-content:center;align-items:center}.bf-login-header-nav-item .bf-login-header-nav-item-button{padding:10px;display:flex;align-items:center;height:40px;border-radius:10px;font-size:14px;line-height:20px;color:#2e2e2e;border:none;outline:none;cursor:pointer}.bf-login-header-nav-item .bf-login-header-nav-item-button.expandable{padding:10px 2px 10px 10px}.bf-login-header-nav-item .bf-login-header-nav-item-button:hover,.bf-login-header-nav-item .bf-login-header-nav-item-button.expanded{background-color:#0000000d}.bf-login-header-nav-item .bf-login-header-nav-item-button .bf-login-header-nav-item-button-text{white-space:nowrap}.bf-login-header-nav-item .bf-login-header-nav-item-button .bf-login-header-nav-item-button-icon{width:24px;height:24px}.bf-login-header-nav-item .bf-login-header-nav-item-panel-wrapper{position:absolute;top:40px;padding:0;bottom:auto;left:auto;right:auto;display:flex;flex-direction:column;align-items:center;background-color:transparent;z-index:50;clip:rect(0 99999px 99999px -99999px)}.bf-login-header-nav-item .bf-login-header-nav-item-panel-wrapper .bf-login-header-nav-item-panel{margin:10px auto 0;padding:10px;width:max-content;max-width:284px;display:flex;flex-direction:column;align-items:stretch;gap:10px;background-color:#fff;border-radius:20px;box-shadow:0 16px 48px -10px #0000001a}.bf-login-header-nav-item .bf-login-header-nav-item-panel-wrapper .bf-login-header-nav-item-panel .header-nav-item-children-item{padding:10px;display:flex;flex-direction:column;align-items:stretch;gap:10px;border-radius:10px;cursor:pointer}.bf-login-header-nav-item .bf-login-header-nav-item-panel-wrapper .bf-login-header-nav-item-panel .header-nav-item-children-item.selected,.bf-login-header-nav-item .bf-login-header-nav-item-panel-wrapper .bf-login-header-nav-item-panel .header-nav-item-children-item:hover{background-color:#f0f0f0}.bf-login-header-nav-item .bf-login-header-nav-item-panel-wrapper .bf-login-header-nav-item-panel .header-nav-item-children-item .header-nav-item-children-item-main{display:flex;align-items:center;gap:5px;font-size:14px;line-height:20px;color:#2e2e2e}.bf-login-header-nav-item .bf-login-header-nav-item-panel-wrapper .bf-login-header-nav-item-panel .header-nav-item-children-item .header-nav-item-children-item-main .header-nav-item-children-item-icon{width:14px;height:14px}.bf-login-header-nav-item .bf-login-header-nav-item-panel-wrapper .bf-login-header-nav-item-panel .header-nav-item-children-item .header-nav-item-children-item-desc{font-size:12px;line-height:18px;color:#2e2e2e;font-weight:300}.bf-login-new-header-nav-item .bf-login-header-nav-item-button:hover,.bf-login-new-header-nav-item .bf-login-header-nav-item-button.expanded{background-color:#fff}.spinner img{animation:loading 1s linear infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zxrpwb__bx-pagiation___0kQjI{width:100%;padding:20px 0;box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.zxrpwb__bx-pagiation___0kQjI{padding:0}}.zxrpwb__bx-pagiation___0kQjI .zxrpwb__left___FVj-a{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.zxrpwb__bx-pagiation___0kQjI .zxrpwb__left___FVj-a .zxrpwb__rect___0m2Va{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin-right:8px;padding:5px;cursor:pointer;border-radius:8px;background:linear-gradient(0deg,rgba(165,157,151,.1) 0%,rgba(165,157,151,.1) 100%),rgba(165,157,151,.1)}.zxrpwb__bx-pagiation___0kQjI .zxrpwb__left___FVj-a .zxrpwb__rect___0m2Va .zxrpwb__rotate-arrow___Xfmna{transform:rotate(180deg)}.zxrpwb__bx-pagiation___0kQjI .zxrpwb__right___9es-Z{display:flex;align-items:center}.zxrpwb__warning___1VuOr{color:#f89753}.zxrpwb__success___-lAJv{color:#69d4c1}.zxrpwb__danger___dgKvK{color:#c33737}.zxrpwb__main___XsT2X{color:#4a3de6}.zxrpwb__text-1___pvZKD{color:#171719}.zxrpwb__text-2___BpZdw{color:#5a6070}.zxrpwb__text-3___Y4lNi{color:#22367b}.zxrpwb__text-4___j9mYz{color:#a59d97}.zxrpwb__font-size-10___OlzO3{font-size:12px;transform:scale(.85)}.zxrpwb__font-size-12___BTzU-{font-size:12px}.zxrpwb__font-size-13___ONoqg{font-size:13px}.zxrpwb__font-size-14___p1arO{font-size:14px}.zxrpwb__font-size-16___HQ4o6{font-size:16px}.zxrpwb__font-size-18___z7V26{font-size:18px}.zxrpwb__font-size-20___1BcbW{font-size:20px}.zxrpwb__font-size-22___RYpQv{font-size:22px}.zxrpwb__font-size-24___hgQ9m{font-size:24px}.zxrpwb__font-size-28___y05no{font-size:28px}.zxrpwb__font-size-30___ZRaY3{font-size:30px}.zxrpwb__font-size-32___4wAJH{font-size:32px}.zxrpwb__font-size-36___2wams{font-size:36px}.zxrpwb__font-size-40___audrh{font-size:40px}.zxrpwb__font-size-44___cVC1w{font-size:44px}.zxrpwb__font-size-48___iFCUe{font-size:48px}.zxrpwb__font-weight-400___-bkp1{font-weight:400}.zxrpwb__font-weight-500___yGcCp{font-weight:500}.zxrpwb__font-weight-600___7f3gR{font-weight:600}.zxrpwb__font-weight-700___RQZgG{font-weight:700}.zxrpwb__font-weight-900___s2Tb1{font-weight:900}
