.lt-copy .ppp1 {
    padding: 20px;
    background: #eee;
    display: flex;
    width: 100%;
    position: relative
}

.lt-copy .ppp1 button {
    position: absolute;
    top: 0;
    right: 0
}

.xx-manual-pay .info .pix-data .ant-list-item-meta-description {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.xx-manual-pay-comfirm-module .point {
    color: #1a73f9;
    font-weight: 800
}

.xx-manual-pay .xx-footer {
    width: 100%;
    background-color: #fff;
    bottom: 0;
    text-align: center;
    left: 0;
    padding: 5px 10px 10px
}

.xx-manual-pay .info {
    padding: 10px
}

.xx-manual-pay .info .logo {
    height: 40px;
    text-align: center;
    margin: 0 10px 10px
}

.xx-manual-pay .info .logo img {
    height: 100%
}

.xx-manual-pay .info .ant-card {
    margin-bottom: 5px
}

.xx-manual-pay .info .ant-card-head {
    background: #e8f1ff;
    color: #3e4964
}

.xx-manual-pay .info .ant-card-head-title {
    white-space: pre-wrap !important
}

.xx-manual-pay .info .ant-card-head-title .point {
    color: #1a73f9;
    font-weight: 800
}

.xx-manual-pay .info .ant-card-head-title .big-point {
    color: #ff0;
    background: #1a73f9;
    padding: 5px;
    text-align: center;
    border-radius: 10%;
    margin-right: 5px
}

.xx-manual-pay .info .ant-card-body {
    padding: 0 !important
}

.xx-manual-pay .info .ant-list-item-meta-description {
    color: rgba(233, 30, 99, .8392156862745098)
}

.xx-manual-pay .info .ant-list-item {
    padding: 4px 8px !important
}

.player-holder {
    width: 100%;
    height: 100%
}

.player-holder .iframe-placeholder {
    background: transparent !important
}

.player-holder .loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1
}

.xx-smart-pay {
    background: #fff
}

.xx-smart-pay .xx-footer {
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    border-top: 1px solid hsla(0, 0%, 50.2%, .34901960784313724)
}

.xx-smart-pay .xx-footer .fotter-box {
    margin: 25px
}

.xx-smart-pay .xx-body {
    padding-bottom: 50px
}

.xx-smart-pay .info-box {
    align-items: center;
    padding: 8px
}

.xx-smart-pay .info-title {
    height: 55px;
    display: flex;
    align-items: center;
    text-align: center;
    font-family: lato, ubuntu, helvetica, sans-serif;
    font-size: large;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0;
    color: #333
}

.xx-smart-pay .info-title-time {
    font-weight: 400;
    font-size: xx-small;
    text-align: center
}

.xx-smart-pay .info-title-money {
    text-align: center;
    font-size: large;
    font-weight: 900
}

.xx-smart-pay .info-title-order {
    font-weight: 400;
    font-size: xx-small;
    text-align: center
}

.xx-smart-pay .method-box {
    width: 100%;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid rgba(202, 199, 208, .45882353);
    box-shadow: 0 5px 7px #b1a8a8
}

.xx-smart-pay .method-item {
    margin: 15px
}

.xx-smart-pay .method-item,
.xx-smart-pay .method-row-box-select {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.xx-smart-pay .method-row-box-select {
    width: 100%
}

.xx-smart-pay .method-row-box-title {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 15px;
    gap: 15px
}

.xx-smart-pay .method-row-upi-content {
    width: 100%
}

.xx-smart-pay .method-row-upi-step {
    margin-bottom: 10px
}

.xx-smart-pay .explain-box {
    height: 80px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: lato, ubuntu, helvetica, sans-serif;
    text-align: center
}

.xx-smart-pay .explain-box-title-1 {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.xx-smart-pay .explain-box-title-2 {
    color: "#555";
    font-size: 12px;
    align-items: center;
    width: 100%
}

.xx-smart-pay .pay-method-list-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.xx-smart-pay .pay-method-list-left {
    width: 50px;
    height: 50px
}

.xx-smart-pay .pay-method-list-right {
    display: flex;
    flex-direction: column
}

.xx-smart-pay .pay-method-item {
    height: 80px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.xx-smart-pay .pay-other-method-box {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center
}

.ngcash1-manual-pay {
    height: 100%;
    width: 100%;
    min-height: 100vh;
    background: #ebecf0;
    font-size: 60px
}

.ngcash1-manual-pay .input-wrap {
    width: 100%;
    padding: .5rem .1rem .05rem;
    border-bottom: 1px solid #d6d6d6;
    display: flex
}

.ngcash1-manual-pay .input-prefix:after {
    content: "";
    border-left: 1px solid #d6d6d6;
    margin-left: .1rem;
    height: 2.4rem
}

.ngcash1-manual-pay .input-prefix {
    color: #292b30;
    font-size: 25px
}

.ngcash1-manual-pay .m-input-prefix {
    margin-left: .1em
}

.ngcash1-manual-pay .m-input,
.ngcash1-manual-pay .m-input-prefix {
    color: #292b30;
    border: none;
    background: 0 0;
    outline: none;
    font-size: 25px
}

.ngcash1-manual-pay .m-input {
    height: 100%
}

.ngcash1-manual-pay .layout-header {
    background: #0057e4;
    color: #fff;
    text-align: center;
    height: 10rem;
    padding-top: 1px;
    margin-bottom: -.9rem;
    font-family: Poppins;
    font-weight: 600
}

.ngcash1-manual-pay .layout-header .logo {
    height: 3rem;
    margin-top: 2rem;
    text-align: center;
    background: #0057e4
}

.ngcash1-manual-pay .layout-header .logo img {
    display: block;
    margin: .4rem auto;
    width: 45%
}

.ngcash1-manual-pay .layout-content {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    max-width: 500px;
    margin: -3.5rem auto 20px;
    width: 90%
}

.ngcash1-manual-pay .layout-content .main-container {
    padding-bottom: .48rem
}

.ngcash1-manual-pay .layout-content .main-container .merchant-info {
    background: #f7f7f9;
    padding: 15px 22px;
    color: #696b6d
}

.ngcash1-manual-pay .layout-content .page-container .content {
    padding: 25px 30px 0;
    font-size: 17px;
    text-align: center;
    color: #000;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    margin-bottom: 25px
}

.ngcash1-manual-pay .layout-content .page-container .warning-content {
    font-size: 14px;
    text-align: center;
    color: #e22828;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    margin-bottom: 25px
}

.ngcash1-manual-pay .layout-content .page-container .number-input {
    padding: 10px 25px
}

.ngcash1-manual-pay .layout-content .page-container .next-button {
    padding: 25px
}

.ngcash1-manual-pay .step-2 {
    height: 100%;
    width: 100%;
    text-align: center
}

.ngcash1-manual-pay .step-2 .g-mobile-logo {
    height: 40px;
    text-align: center
}

.ngcash1-manual-pay .step-2 .g-mobile-logo img {
    height: 100%
}

.ngcash1-manual-pay .step-2 .container {
    display: flex;
    justify-content: space-between;
    border: 1px dashed #000;
    border-radius: 10px;
    padding: 7px;
    margin: 10px;
    font-size: 18px
}

.ngcash1-manual-pay .step-2 .left {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ngcash1-manual-pay .step-2 .right {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-left: 1px dashed #000;
    padding-left: 20px
}

.ngcash1-manual-pay .step-2 .g-mobile-container {
    text-align: center;
    padding: 20px
}

.ngcash1-manual-pay .step-2 .g-mobile-container .g-qr-img {
    padding: 15px;
    background-color: #fff;
    border: 10px solid silver;
    margin: 15px auto;
    width: 270px;
    height: 270px
}

.ngcash1-manual-pay .step-2 .g-mobile-container .w-line {
    border-top: 2px solid silver;
    margin-bottom: -10px;
    height: 1px
}

.ngcash1-manual-pay .step-2 .g-mobile-container .g-red-title {
    font-weight: 700;
    color: #b51c00;
    margin-bottom: 10px
}

.ngcash1-manual-pay .step-2 .g-mobile-container .g-red-text {
    color: #b51c00;
    margin-bottom: 10px
}

.ngcash1-manual-pay .step-2 .g-mobile-container .g-qr-text {
    color: #8f8c8c;
    margin-bottom: 10px
}

.ngcash1-manual-pay .step-2 .g-mobile-container .g-blue-title {
    font-weight: 700;
    color: #0081fe;
    margin-bottom: 10px
}

.ngcash1-manual-pay .step-2 .g-mobile-container .g-blue-text {
    color: #0081fe;
    margin-bottom: 10px
}

.ngcash1-manual-pay .step-2 .g-mobile-container .g-dark-blue-title {
    font-weight: 700;
    color: #0215b7;
    margin-bottom: 10px
}

.ngcash1-manual-pay .step-2 .g-mobile-container .g-dark-blue-text {
    color: #0215b7;
    margin-bottom: 10px
}

.ngcash1-manual-pay .step-2 .g-mobile-container .g-img {
    max-width: 100%;
    max-height: 100%
}

.realPay-smart-pay .xx-footer .copys {
    width: 100%;
    z-index: 100;
    font-size: 14px;
    color: #755757;
    text-align: center;
    bottom: .6rem;
    padding-bottom: .2rem;
    margin-top: .2rem
}

.realPay-smart-pay .layout-header {
    color: #fff;
    text-align: center;
    height: 10rem;
    padding-top: 1px;
    margin-bottom: -.9rem;
    font-family: Poppins;
    font-weight: 600
}

.realPay-smart-pay .layout-header .logo {
    height: 3rem;
    margin-top: 2rem;
    text-align: center
}

.realPay-smart-pay .layout-header .logo img {
    display: block;
    margin: .4rem auto;
    width: 45%
}

.realPay-smart-pay .layout-header .info-amount-value-box {
    margin-top: 2rem;
    font-size: large;
    align-items: center;
    font-family: lato, ubuntu, helvetica, sans-serif;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0;
    color: #591818
}

.realPay-smart-pay .submit-utr-link {
    color: #b88d34;
    font-size: 14px;
    padding: 0 .35rem
}

.ngcash-manual-pay .layout-content .page-container .warning-content {
    font-size: 14px;
    text-align: center;
    color: #e22828;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    margin-bottom: 25px
}

body {
    margin: 0
}

.pay-result {
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    grid-gap: 3rem;
    gap: 3rem;
    align-items: center;
    justify-content: center
}

.tip-title {
    text-align: left;
    font-size: large;
    font-weight: 600
}

.tip-content {
    padding: .3rem;
    font-size: revert;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    grid-gap: 1rem;
    gap: 1rem
}

.ngcash-manual-pay {
    height: 100%;
    width: 100%;
    min-height: 100vh;
    background: #ebecf0;
    font-size: 60px
}

.ngcash-manual-pay .input-wrap {
    width: 100%;
    padding: .5rem .1rem .05rem;
    border-bottom: 1px solid #d6d6d6;
    display: flex
}

.ngcash-manual-pay .input-prefix:after {
    content: "";
    border-left: 1px solid #d6d6d6;
    margin-left: .1rem;
    height: 2.4rem
}

.ngcash-manual-pay .input-prefix {
    color: #292b30;
    font-size: 25px
}

.ngcash-manual-pay .m-input-prefix {
    margin-left: .1em
}

.ngcash-manual-pay .m-input,
.ngcash-manual-pay .m-input-prefix {
    color: #292b30;
    border: none;
    background: 0 0;
    outline: none;
    font-size: 25px
}

.ngcash-manual-pay .m-input {
    height: 100%
}

.ngcash-manual-pay .layout-header {
    background: #0057e4;
    color: #fff;
    text-align: center;
    height: 10rem;
    padding-top: 1px;
    margin-bottom: -.9rem;
    font-family: Poppins;
    font-weight: 600
}

.ngcash-manual-pay .layout-header .logo {
    height: 3rem;
    margin-top: 2rem;
    text-align: center;
    background: #0057e4
}

.ngcash-manual-pay .layout-header .logo img {
    display: block;
    margin: .4rem auto;
    width: 45%
}

.ngcash-manual-pay .layout-content {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    max-width: 500px;
    margin: -3.5rem auto 20px;
    width: 90%
}

.ngcash-manual-pay .layout-content .main-container {
    padding-bottom: .48rem
}

.ngcash-manual-pay .layout-content .main-container .merchant-info {
    background: #f7f7f9;
    padding: 15px 22px;
    color: #696b6d
}

.ngcash-manual-pay .layout-content .page-container .content {
    padding: 25px 30px 0;
    font-size: 17px;
    text-align: center;
    color: #000;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    margin-bottom: 30px
}

.ngcash-manual-pay .layout-content .page-container .number-input {
    padding: 10px 25px
}

.ngcash-manual-pay .layout-content .page-container .next-button {
    padding: 25px
}

.ngcash-manual-pay .step-2 {
    height: 100%;
    width: 100%;
    text-align: center
}

.ngcash-manual-pay .step-2 .g-mobile-logo {
    height: 40px;
    text-align: center
}

.ngcash-manual-pay .step-2 .g-mobile-logo img {
    height: 100%
}

.ngcash-manual-pay .step-2 .container {
    display: flex;
    justify-content: space-between;
    border: 1px dashed #000;
    border-radius: 10px;
    padding: 7px;
    margin: 10px;
    font-size: 18px
}

.ngcash-manual-pay .step-2 .left {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ngcash-manual-pay .step-2 .right {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-left: 1px dashed #000;
    padding-left: 20px
}

.ngcash-manual-pay .step-2 .g-mobile-container {
    text-align: center;
    padding: 20px
}

.ngcash-manual-pay .step-2 .g-mobile-container .g-qr-img {
    padding: 15px;
    background-color: #fff;
    border: 10px solid silver;
    margin: 15px auto;
    width: 270px;
    height: 270px
}

.ngcash-manual-pay .step-2 .g-mobile-container .w-line {
    border-top: 2px solid silver;
    margin-bottom: -10px;
    height: 1px
}

.ngcash-manual-pay .step-2 .g-mobile-container .g-red-title {
    font-weight: 700;
    color: #b51c00;
    margin-bottom: 10px
}

.ngcash-manual-pay .step-2 .g-mobile-container .g-red-text {
    color: #b51c00;
    margin-bottom: 10px
}

.ngcash-manual-pay .step-2 .g-mobile-container .g-qr-text {
    color: #8f8c8c;
    margin-bottom: 10px
}

.ngcash-manual-pay .step-2 .g-mobile-container .g-blue-title {
    font-weight: 700;
    color: #0081fe;
    margin-bottom: 10px
}

.ngcash-manual-pay .step-2 .g-mobile-container .g-blue-text {
    color: #0081fe;
    margin-bottom: 10px
}

.ngcash-manual-pay .step-2 .g-mobile-container .g-dark-blue-title {
    font-weight: 700;
    color: #0215b7;
    margin-bottom: 10px
}

.ngcash-manual-pay .step-2 .g-mobile-container .g-dark-blue-text {
    color: #0215b7;
    margin-bottom: 10px
}

.ngcash-manual-pay .step-2 .g-mobile-container .g-img {
    max-width: 100%;
    max-height: 100%
}

.easy-pay {
    width: 100vw;
    height: 100vh;
    display: block;
    background: #15abee
}

.easy-pay .ant-tabs-ink-bar {
    position: absolute;
    background: #15abee;
    pointer-events: none
}

.easy-pay .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #363636 !important;
    font-weight: 500
}

.easy-pay .xx-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
    border-top: 1px solid hsla(0, 0%, 50.2%, .34901960784313724);
    text-align: center
}

.easy-pay .xx-footer .fotter-box {
    margin: 25px
}

.easy-pay .xx-footer .explain-box-title-1 {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.easy-pay .xx-footer .explain-box-title-2 {
    color: "#555";
    font-size: 12px;
    align-items: center;
    width: 100%
}

.easy-pay .mheader {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 2.5%;
    width: 100%;
    height: 4.375rem;
    left: 0;
    top: 0;
    background-color: #15abee;
    line-height: 4.375rem;
    font-size: 2rem;
    color: #fff;
    font-family: "Nunito Sans";
    font-style: normal;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.easy-pay .content {
    margin-top: 1.5rem;
    width: 100%
}

.easy-pay .content .amountDiv {
    width: 95%;
    display: flex;
    margin: auto 2.5%;
    height: 140px;
    background-color: #fff;
    border-radius: .2rem;
    align-items: center;
    justify-content: space-around
}

.easy-pay .content .amountDiv .amountInfo {
    float: left;
    color: #15abee
}

.easy-pay .content .amountDiv .amountInfo .amount {
    font-size: 2rem;
    line-height: 44px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.easy-pay .paymentCentent {
    background-color: #fff;
    margin-left: 2.5%;
    border-radius: .3rem;
    margin-right: 2.5%;
    margin-top: 1rem;
    padding: 15px
}

.easy-pay .title-content {
    margin: .5rem 0 1rem
}

.easy-pay .title-content,
.easy-pay .title-content1 {
    color: #15abee;
    font-weight: 700;
    font-size: .9375rem;
    line-height: 1.125rem
}

.easy-pay .title-content1 {
    margin: .5rem 0 .2rem
}

.easy-pay .tip-content {
    color: red;
    font-size: .8125rem;
    line-height: .9375rem;
    margin-top: .5rem
}

.easy-pay .paymentBut {
    background-color: #15abee;
    border-radius: .2rem;
    border: none;
    width: 100%;
    height: 2.75rem;
    margin-top: 1.5rem
}

.easy-pay .mtext {
    color: rgba(55, 55, 55, .5);
    font-size: .8125rem;
    line-height: .9375rem
}

.easy-pay .header_wrap {
    justify-content: center !important;
    flex-direction: column;
    display: flex;
    align-items: center;
    width: 95%;
    position: relative
}

.easy-pay .header_wrap img {
    width: 80px;
    height: 80px
}

.easy-pay .wrap {
    width: 85%;
    max-width: 1024px;
    margin: 0 auto
}

.easy-pay .order_right_wrap {
    flex: 1 1;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.easy-pay .index_infor {
    width: 100%;
    padding: 15px 0 30px;
    grid-gap: 25px;
    gap: 25px
}

.easy-pay .order_infor {
    flex-direction: column
}

.easy-pay .transfer_infor {
    align-items: flex-start
}

.easy-pay .order_timer {
    margin-left: auto;
    grid-gap: 10px;
    gap: 10px;
    padding: 8px 15px;
    border-radius: 7px;
    box-shadow: 0 0 10px #467fc1;
    background: #467fc1 !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.easy-pay .timer {
    font-family: m-600;
    color: #fff
}

.easy-pay .amount {
    color: #467fc1;
    font-size: 26px;
    font-family: m-700
}

.easy-pay .title {
    font-size: 12px
}

.easy-pay .order_infor_col {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    flex-direction: column;
    display: flex
}

.easy-pay .order_infor_row {
    grid-gap: 10px;
    gap: 10px;
    display: flex;
    justify-content: space-between
}

.easy-pay .info-title {
    height: 55px;
    display: flex;
    align-items: center;
    padding: 0 .7rem
}

.easy-pay .result {
    color: red;
    font-size: 12px
}

.easy-pay .text_shadow {
    box-shadow: 0 0 10px #0c8ef6;
    border-radius: 5px;
    padding: 9px 15px;
    font-size: 11px;
    grid-gap: 10px;
    gap: 10px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    display: flex
}

.easy-pay .text_step {
    font-size: 12px;
    white-space: nowrap;
    color: #fff;
    padding: 7px 12px;
    background: #009eff;
    border-radius: 5px
}

.easy-pay .qr_dev {
    display: flex;
    justify-content: center
}

.easy-pay .qr_block {
    width: 100%;
    max-width: 350px;
    margin: 4px 0
}

.easy-pay .qr_frame {
    width: 75%;
    margin: 0 auto;
    position: relative
}

.easy-pay .qr_alert_con {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex
}

.easy-pay .qr_button {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 8px 54px;
    border-radius: 5px;
    color: #009eff;
    font-family: m-700;
    font-size: 12px;
    letter-spacing: .4px;
    border: .6mm solid #009eff;
    transition: .4s;
    cursor: pointer
}

.easy-pay .qr_infor {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    padding: 20px;
    display: flex;
    width: 100%;
    justify-content: center
}

.easy-pay .upi_desc {
    font-size: 12px;
    margin: 8px;
    padding: 15px;
    text-align: center
}

.easy-pay .upi_option {
    border: 1px solid #eee;
    border-radius: 5px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.easy-pay .upi_option.active {
    border-color: #15abee
}

.easy-pay .right_qr_wrap {
    flex: 1 1;
    grid-gap: 20px;
    gap: 20px;
    flex-direction: column;
    display: flex
}

.easy-pay .textbox_wrap {
    width: 100%;
    grid-gap: 8px;
    gap: 8px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.easy-pay .textbox_wrap .title {
    font-family: m-700;
    font-size: 1.5em
}

.easy-pay .submit_btn {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 10px;
    background: #009eff;
    align-self: flex-start;
    cursor: pointer;
    transition: .4s;
    border: 0;
    color: #fff
}

.easy-pay .deposit_alert_con {
    width: 100%;
    flex-direction: column;
    display: flex
}

.easy-pay .deposit_alert_con .title {
    font-size: 20px;
    font-family: m-700;
    margin-bottom: 25px
}

.easy-pay .deposit_alert_con .li {
    list-style-type: decimal;
    font-size: clamp(13px, 1vw, 15px);
    margin-bottom: 15px;
    line-height: 1.3;
    letter-spacing: .2px
}

.easy-pay .info-amount-box {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAACjBAMAAADFml9eAAAAFVBMVEU4ifk4ifkHWv1qwPN0yvJRpvYugvpGJgo9AAAAAnRSTlMImTeZbNAAAAMoSURBVHja7djRbdtAEEXRtSsQXEIM6jvBsoAYYQf0VmBQ/ZcQJgZiy7Ekzl1JhpZ3SjiYt2/IlNLdNyc0m5RUi8/LH7cHHWLT5R8uW3i2OQ+bdC9EbMac83czGn3YZrX8lISIRnSeXrZ4ROeRLR5R2VBEZWMRlS146MpWEVHZSB/IxiIqG+kD2QLzmGWr6gPZUB/IhvpANtQHssFlk23ZZNmq+0A2cnzIRpdNNrRsssWPD9nQ8SEbXTbZ0LLJhpZNtlPzmGU7w2eVbHzZZEPLJhtaNtnQsskW/IaXjd5sssGXTTb0ssnGlk028rLJxpZNNrRssh2cLst25mWTDS2bbOHvKtmOzDbLdvZlky38XSUbO3VlY9eHbOj6kA0um2zg+pANXR+yoetDNnR9yMYKQTZUCLKhQpANFYJsqBBkQ4UgGyoE2VAhyMYyKlv0l5FsPKOygaNNNnS0ycYKQTZytMkGMyobyqhsKKOyoYzKhjIqG8qobCijsqGMyoYyKhvKqGwoo7KhjMr2bzrZyLzIRibLdumMyoYyKhs5P2RD54ds5BNBtoUZ7ef5Nbwb2Y6eH3tWsp0+Pw6ByXbo/Oj74dTItve0LRCTbf/8WEom29vTFiCT7XV20/MwyBaK524qpQyyhczK3xllC5vJFnrPytv0si1atPdmsi1ctPJh4hldHdv2PzTZwul8nWfZ4mjgalsT2yE02RAaedpWwnYEDT1t62DblWPTy/bpqpXjM8j2yUwn1EbZovmUja0abIS22bZlwfSyRQNKG6FltmmR2ijb4gu39mlrlm1bimyXU2ON0CjbcjXWCG2yBdRG2YCabEgNNkKDbCE12AgNshXZLvZtUFmkzbEF1UbZ4g8bboTW2Ipsl48oboS22KIRlQ1FFBdpU2zhiOIibYktHlHZUERxkTbE1sl2nYjyIm2HbSJsw9rZ0LLJhtTGtbNNsl0torxIG2GbZLvesvH7ow22ItuVvg9koxGtONtaYJuo2rhmNr5sNWwPq122CrandL/aZas4236mu5UeH1Vsm3TjKe0q2Cruj3Tj61a+gm1ettt2676CbVb7DX6RtCyA6JoYAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 .03rem .1rem 0 hsla(0, 0%, 62%, .15);
    border-radius: .04rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 82px;
    padding: .7rem;
    margin: 0 .7rem
}

.easy-pay .info-amount-box .info-amount-title-box,
.easy-pay .info-amount-box .info-amount-value-box {
    align-items: center;
    font-family: lato, ubuntu, helvetica, sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0;
    color: #fff
}

.easy-pay .info-amount-box .info-amount-value-box {
    font-size: xx-large
}

.easy-pay .new-method-box {
    border-radius: .2rem;
    border: .01rem solid #fff
}

.easy-pay .new-method-contentbox {
    border-radius: .06rem;
    border: .01rem solid #fff
}

.easy-pay .new-method-contentbox-select {
    border-radius: .06rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.easy-pay .qr-code-box {
    padding: 0 .7rem;
    margin-top: 10px
}

.easy-pay .method-item-box {
    padding: .2rem .6rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .2rem;
    border: .01rem solid #fff
}

.easy-pay .method-item-box.active {
    border-radius: .2rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.easy-pay .method-item-box .method-contentbox-left {
    display: flex;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem
}

.easy-pay .method-item-box .method-contentbox-left .method-contentbox-lefticon {
    margin-left: .11rem;
    width: 2rem;
    height: 2rem
}

.easy-pay .method-item-box .method-contentbox-left .method-contentbox-lefttitle {
    font-size: 10px;
    font-family: m-600
}

.easy-pay .method-item-box .method-contentbox-right {
    height: 100%;
    align-items: center;
    margin-right: .12rem
}

.easy-pay .method-item-box .method-contentbox-right .method-contentbox-righticon {
    width: 1.2rem;
    height: 1.2rem
}

.xx-smart-pay {
    width: 100%;
    height: 100%;
    background: #f7f4f4;
    font-family: "Nunito Light", sans-serif
}

.xx-smart-pay .xx-footer {
    width: 100%;
    bottom: 0
}

.xx-smart-pay .xx-footer .pay-button-div {
    background: #fff;
    display: flex
}

.xx-smart-pay .xx-footer .pay-button-div .pay-button {
    width: 25%;
    height: 40px;
    background: #000;
    border-color: #fff;
    padding: 2px;
    font-size: 15px;
    border-radius: 2px;
    font-weight: 400;
    margin-left: 42%
}

.xx-smart-pay .xx-footer .pay-button-div .amount {
    margin-top: 2%;
    margin-left: 5%;
    font-weight: 400;
    font-size: 1.2rem
}

.xx-smart-pay .header {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #f7f4f4;
    color: #000
}

.xx-smart-pay .header .header-logo img {
    width: 100px;
    height: 100px
}

.xx-smart-pay .header .header-payinfo {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 80px
}

.xx-smart-pay .header .header-payinfo .h-title .orderNo {
    font-size: 12px
}

.xx-smart-pay .header .header-payinfo .amount {
    font-weight: 800;
    font-size: 1.6rem
}

.xx-smart-pay .header-title {
    display: flex;
    justify-content: center
}

.xx-smart-pay .header-title .header-back {
    margin-top: 5px;
    margin-left: -170px
}

.xx-smart-pay .header-title .header-back img {
    padding: 0, 0;
    width: 100px;
    height: 30px
}

.xx-smart-pay .header-title .payment-text {
    align-self: center;
    font-weight: 600;
    font-size: 1.6rem
}

.xx-smart-pay .header-title .receiver {
    margin-left: 21%;
    font-weight: 600;
    font-size: 1.4rem
}

.xx-smart-pay .pay-method-list {
    border: none
}

.xx-smart-pay .pay-method-list .ant-list-item:last-child {
    border-bottom: 1px solid rgba(202, 199, 208, .4588235294117647)
}

.ant-list-item.xx-smart-pay .pay-method-list:not(:last-child) {
    border-bottom: none
}

.xx-smart-pay .pay-method-item {
    margin-top: 5px;
    border-radius: 5px;
    border: 1px solid rgba(202, 199, 208, .4588235294117647)
}

.xx-smart-pay .pay-method-item.active {
    background-color: rgba(109, 55, 192, .07058823529411765)
}

.xx-smart-pay .pay-method-item .upi-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid grey;
    margin-right: 3px
}

.xx-smart-pay .pay-method-item .upi-icon img {
    height: 14px;
    width: auto
}

.ceco2Pay-smart-pay {
    width: 100vw;
    height: 100vh;
    max-width: 500px;
    margin: auto
}

.ceco2Pay-smart-pay .xx-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
    border-top: 1px solid hsla(0, 0%, 50.2%, .34901960784313724);
    text-align: center
}

.ceco2Pay-smart-pay .xx-footer .fotter-box {
    margin: 25px
}

.ceco2Pay-smart-pay .xx-footer .explain-box-title-1 {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.ceco2Pay-smart-pay .xx-footer .explain-box-title-2 {
    color: "#555";
    font-size: 12px;
    align-items: center;
    width: 100%
}

.ceco2Pay-smart-pay .mheader {
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 4;
    background: #fff;
    padding: 20px 0
}

.ceco2Pay-smart-pay .header_wrap {
    justify-content: center !important;
    flex-direction: column;
    display: flex;
    align-items: center;
    width: 95%;
    position: relative
}

.ceco2Pay-smart-pay .header_wrap img {
    width: 80px;
    height: 80px
}

.ceco2Pay-smart-pay .wrap {
    width: 85%;
    max-width: 1024px;
    margin: 0 auto
}

.ceco2Pay-smart-pay .order_right_wrap {
    flex: 1 1;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ceco2Pay-smart-pay .index_infor {
    width: 100%;
    padding: 15px 0 30px;
    grid-gap: 25px;
    gap: 25px
}

.ceco2Pay-smart-pay .order_infor {
    flex-direction: column
}

.ceco2Pay-smart-pay .transfer_infor {
    align-items: flex-start
}

.ceco2Pay-smart-pay .order_timer {
    margin-left: auto;
    grid-gap: 10px;
    gap: 10px;
    padding: 8px 15px;
    border-radius: 7px;
    box-shadow: 0 0 10px #467fc1;
    background: #467fc1 !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.ceco2Pay-smart-pay .timer {
    font-family: m-600;
    color: #fff
}

.ceco2Pay-smart-pay .amount {
    color: #467fc1;
    font-size: 26px;
    font-family: m-700
}

.ceco2Pay-smart-pay .title {
    font-size: 12px
}

.ceco2Pay-smart-pay .order_infor_col {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    flex-direction: column;
    display: flex
}

.ceco2Pay-smart-pay .order_infor_row {
    grid-gap: 10px;
    gap: 10px;
    display: flex;
    justify-content: space-between
}

.ceco2Pay-smart-pay .info-title {
    height: 55px;
    display: flex;
    align-items: center;
    padding: 0 .7rem
}

.ceco2Pay-smart-pay .result {
    color: red;
    font-size: 12px
}

.ceco2Pay-smart-pay .text_shadow_alert {
    color: #ee0e6f
}

.ceco2Pay-smart-pay .text_shadow_alert,
.ceco2Pay-smart-pay .text_shadow_notice {
    box-shadow: 0 0 10px #0c8ef6;
    border-radius: 5px;
    padding: 9px 15px;
    font-size: 14px;
    grid-gap: 10px;
    gap: 10px;
    width: 90%;
    margin: 0 auto;
    align-items: center
}

.ceco2Pay-smart-pay .text_shadow_notice {
    color: #323c45
}

.ceco2Pay-smart-pay .text_shadow {
    box-shadow: 0 0 10px #0c8ef6;
    border-radius: 5px;
    padding: 9px 15px;
    font-size: 14px;
    grid-gap: 10px;
    gap: 10px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    color: #009eff
}

.ceco2Pay-smart-pay .text_step {
    font-size: 12px;
    white-space: nowrap;
    color: #fff;
    padding: 7px 12px;
    background: #009eff;
    border-radius: 5px
}

.ceco2Pay-smart-pay .qr_dev {
    display: flex;
    justify-content: center
}

.ceco2Pay-smart-pay .qr_block {
    width: 100%;
    max-width: 350px;
    margin: 4px 0
}

.ceco2Pay-smart-pay .qr_frame {
    width: 75%;
    margin: 0 auto;
    position: relative
}

.ceco2Pay-smart-pay .qr_alert_con {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex
}

.ceco2Pay-smart-pay .qr_button {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 8px 54px;
    border-radius: 5px;
    color: #009eff;
    font-family: m-700;
    font-size: 12px;
    letter-spacing: .4px;
    border: .6mm solid #009eff;
    transition: .4s;
    cursor: pointer
}

.ceco2Pay-smart-pay .qr_infor {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    padding: 20px;
    display: flex;
    width: 100%;
    justify-content: center
}

.ceco2Pay-smart-pay .upi_desc {
    font-size: 12px;
    margin: 8px;
    padding: 15px;
    text-align: center
}

.ceco2Pay-smart-pay .upi_option {
    border: .6mm solid #b9b9b9;
    transition: .4s;
    padding: 7px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.ceco2Pay-smart-pay .right_qr_wrap {
    flex: 1 1;
    grid-gap: 20px;
    gap: 20px;
    flex-direction: column;
    display: flex
}

.ceco2Pay-smart-pay .textbox_wrap {
    width: 100%;
    grid-gap: 8px;
    gap: 8px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ceco2Pay-smart-pay .textbox_wrap .title {
    font-family: m-700;
    font-size: 1.5em
}

.ceco2Pay-smart-pay .submit_btn {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 10px;
    background: #009eff;
    align-self: flex-start;
    cursor: pointer;
    transition: .4s;
    border: 0;
    color: #fff
}

.ceco2Pay-smart-pay .deposit_alert_con {
    width: 100%;
    flex-direction: column;
    display: flex
}

.ceco2Pay-smart-pay .deposit_alert_con .title {
    font-size: 20px;
    font-family: m-700;
    margin-bottom: 25px
}

.ceco2Pay-smart-pay .deposit_alert_con .li {
    list-style-type: decimal;
    font-size: clamp(13px, 1vw, 15px);
    margin-bottom: 15px;
    line-height: 1.3;
    letter-spacing: .2px
}

.ceco2Pay-smart-pay .info-amount-box {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAACjBAMAAADFml9eAAAAFVBMVEU4ifk4ifkHWv1qwPN0yvJRpvYugvpGJgo9AAAAAnRSTlMImTeZbNAAAAMoSURBVHja7djRbdtAEEXRtSsQXEIM6jvBsoAYYQf0VmBQ/ZcQJgZiy7Ekzl1JhpZ3SjiYt2/IlNLdNyc0m5RUi8/LH7cHHWLT5R8uW3i2OQ+bdC9EbMac83czGn3YZrX8lISIRnSeXrZ4ROeRLR5R2VBEZWMRlS146MpWEVHZSB/IxiIqG+kD2QLzmGWr6gPZUB/IhvpANtQHssFlk23ZZNmq+0A2cnzIRpdNNrRsssWPD9nQ8SEbXTbZ0LLJhpZNtlPzmGU7w2eVbHzZZEPLJhtaNtnQsskW/IaXjd5sssGXTTb0ssnGlk028rLJxpZNNrRssh2cLst25mWTDS2bbOHvKtmOzDbLdvZlky38XSUbO3VlY9eHbOj6kA0um2zg+pANXR+yoetDNnR9yMYKQTZUCLKhQpANFYJsqBBkQ4UgGyoE2VAhyMYyKlv0l5FsPKOygaNNNnS0ycYKQTZytMkGMyobyqhsKKOyoYzKhjIqG8qobCijsqGMyoYyKhvKqGwoo7KhjMr2bzrZyLzIRibLdumMyoYyKhs5P2RD54ds5BNBtoUZ7ef5Nbwb2Y6eH3tWsp0+Pw6ByXbo/Oj74dTItve0LRCTbf/8WEom29vTFiCT7XV20/MwyBaK524qpQyyhczK3xllC5vJFnrPytv0si1atPdmsi1ctPJh4hldHdv2PzTZwul8nWfZ4mjgalsT2yE02RAaedpWwnYEDT1t62DblWPTy/bpqpXjM8j2yUwn1EbZovmUja0abIS22bZlwfSyRQNKG6FltmmR2ijb4gu39mlrlm1bimyXU2ON0CjbcjXWCG2yBdRG2YCabEgNNkKDbCE12AgNshXZLvZtUFmkzbEF1UbZ4g8bboTW2Ipsl48oboS22KIRlQ1FFBdpU2zhiOIibYktHlHZUERxkTbE1sl2nYjyIm2HbSJsw9rZ0LLJhtTGtbNNsl0torxIG2GbZLvesvH7ow22ItuVvg9koxGtONtaYJuo2rhmNr5sNWwPq122CrandL/aZas4236mu5UeH1Vsm3TjKe0q2Cruj3Tj61a+gm1ettt2676CbVb7DX6RtCyA6JoYAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 .03rem .1rem 0 hsla(0, 0%, 62%, .15);
    border-radius: .04rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 82px;
    padding: .7rem;
    margin: 0 .7rem
}

.ceco2Pay-smart-pay .info-amount-box .info-amount-title-box,
.ceco2Pay-smart-pay .info-amount-box .info-amount-value-box {
    align-items: center;
    font-family: lato, ubuntu, helvetica, sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0;
    color: #fff
}

.ceco2Pay-smart-pay .info-amount-box .info-amount-value-box {
    font-size: xx-large
}

.ceco2Pay-smart-pay .new-method-box {
    border-radius: .2rem;
    border: .01rem solid #fff
}

.ceco2Pay-smart-pay .new-method-contentbox {
    border-radius: .06rem;
    border: .01rem solid #fff
}

.ceco2Pay-smart-pay .new-method-contentbox-select {
    border-radius: .06rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.ceco2Pay-smart-pay .qr-code-box {
    padding: 0 .7rem;
    margin-top: 10px
}

.ceco2Pay-smart-pay .method-item-box {
    padding: .2rem .6rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .2rem;
    border: .01rem solid #fff
}

.ceco2Pay-smart-pay .method-item-box.active {
    border-radius: .2rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.ceco2Pay-smart-pay .method-item-box .method-contentbox-left {
    display: flex;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem
}

.ceco2Pay-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefticon {
    margin-left: .11rem;
    width: 2rem;
    height: 2rem
}

.ceco2Pay-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefttitle {
    font-size: 10px;
    font-family: m-600
}

.ceco2Pay-smart-pay .method-item-box .method-contentbox-right {
    height: 100%;
    align-items: center;
    margin-right: .12rem
}

.ceco2Pay-smart-pay .method-item-box .method-contentbox-right .method-contentbox-righticon {
    width: 1.2rem;
    height: 1.2rem
}

.oxPay-smart-pay {
    width: 100vw;
    height: 100vh;
    max-width: 500px;
    margin: auto
}

.oxPay-smart-pay .xx-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
    border-top: 1px solid hsla(0, 0%, 50.2%, .34901960784313724);
    text-align: center
}

.oxPay-smart-pay .xx-footer .fotter-box {
    margin: 25px
}

.oxPay-smart-pay .xx-footer .explain-box-title-1 {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.oxPay-smart-pay .xx-footer .explain-box-title-2 {
    color: "#555";
    font-size: 12px;
    align-items: center;
    width: 100%
}

.oxPay-smart-pay .mheader {
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 4;
    background: #fff;
    padding: 20px 0
}

.oxPay-smart-pay .header_wrap {
    justify-content: center !important;
    flex-direction: column;
    display: flex;
    align-items: center;
    width: 95%;
    position: relative
}

.oxPay-smart-pay .header_wrap img {
    width: 80px;
    height: 80px
}

.oxPay-smart-pay .wrap {
    width: 85%;
    max-width: 1024px;
    margin: 0 auto
}

.oxPay-smart-pay .order_right_wrap {
    flex: 1 1;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.oxPay-smart-pay .index_infor {
    width: 100%;
    padding: 15px 0 30px;
    grid-gap: 25px;
    gap: 25px
}

.oxPay-smart-pay .order_infor {
    flex-direction: column
}

.oxPay-smart-pay .transfer_infor {
    align-items: flex-start
}

.oxPay-smart-pay .order_timer {
    margin-left: auto;
    grid-gap: 10px;
    gap: 10px;
    padding: 8px 15px;
    border-radius: 7px;
    box-shadow: 0 0 10px #467fc1;
    background: #467fc1 !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.oxPay-smart-pay .timer {
    font-family: m-600;
    color: #fff
}

.oxPay-smart-pay .amount {
    color: #467fc1;
    font-size: 26px;
    font-family: m-700
}

.oxPay-smart-pay .title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #9e9e9e
}

.oxPay-smart-pay .order_infor_col {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    flex-direction: column;
    display: flex
}

.oxPay-smart-pay .order_infor_row {
    grid-gap: 10px;
    gap: 10px;
    display: flex;
    justify-content: space-between
}

.oxPay-smart-pay .info-title {
    height: 55px;
    display: flex;
    align-items: center;
    padding: 0 .7rem
}

.oxPay-smart-pay .result {
    color: #f61010;
    font-size: 1.1rem
}

.oxPay-smart-pay .text_shadow {
    box-shadow: 0 0 10px #0c8ef6;
    border-radius: 5px;
    padding: 9px 15px;
    font-size: 11px;
    grid-gap: 10px;
    gap: 10px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    display: flex
}

.oxPay-smart-pay .text_step {
    font-size: 12px;
    white-space: nowrap;
    color: #fff;
    padding: 7px 12px;
    background: #009eff;
    border-radius: 5px
}

.oxPay-smart-pay .qr_dev {
    display: flex;
    justify-content: center
}

.oxPay-smart-pay .qr_block {
    width: 100%;
    max-width: 350px;
    margin: 4px 0
}

.oxPay-smart-pay .qr_frame {
    width: 75%;
    margin: 0 auto;
    position: relative
}

.oxPay-smart-pay .qr_alert_con {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex
}

.oxPay-smart-pay .qr_button {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 8px 54px;
    border-radius: 5px;
    color: #009eff;
    font-family: m-700;
    font-size: 12px;
    letter-spacing: .4px;
    border: .6mm solid #009eff;
    transition: .4s;
    cursor: pointer
}

.oxPay-smart-pay .toptext {
    color: #eb7100;
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 1rem;
    text-align: center
}

.oxPay-smart-pay .qr_infor {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    padding: 20px;
    display: flex;
    width: 100%;
    justify-content: center
}

.oxPay-smart-pay .upi_desc {
    font-size: 12px;
    margin: 8px;
    padding: 15px;
    text-align: center
}

.oxPay-smart-pay .pay_option {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.oxPay-smart-pay .right_qr_wrap {
    flex: 1 1;
    grid-gap: 20px;
    gap: 20px;
    flex-direction: column;
    display: flex
}

.oxPay-smart-pay .textbox_wrap {
    width: 100%;
    grid-gap: 8px;
    gap: 8px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.oxPay-smart-pay .textbox_wrap .title {
    font-family: m-700;
    font-size: 1.5em
}

.oxPay-smart-pay .submit_btn {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 10px;
    background: #009eff;
    align-self: flex-start;
    cursor: pointer;
    transition: .4s;
    border: 0;
    color: #fff
}

.oxPay-smart-pay .deposit_alert_con {
    width: 100%;
    flex-direction: column;
    display: flex
}

.oxPay-smart-pay .deposit_alert_con .title {
    font-size: 20px;
    font-family: m-700;
    margin-bottom: 25px
}

.oxPay-smart-pay .deposit_alert_con .li {
    list-style-type: decimal;
    font-size: clamp(13px, 1vw, 15px);
    margin-bottom: 15px;
    line-height: 1.3;
    letter-spacing: .2px
}

.oxPay-smart-pay .info-amount-box {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAACjBAMAAADFml9eAAAAFVBMVEU4ifk4ifkHWv1qwPN0yvJRpvYugvpGJgo9AAAAAnRSTlMImTeZbNAAAAMoSURBVHja7djRbdtAEEXRtSsQXEIM6jvBsoAYYQf0VmBQ/ZcQJgZiy7Ekzl1JhpZ3SjiYt2/IlNLdNyc0m5RUi8/LH7cHHWLT5R8uW3i2OQ+bdC9EbMac83czGn3YZrX8lISIRnSeXrZ4ROeRLR5R2VBEZWMRlS146MpWEVHZSB/IxiIqG+kD2QLzmGWr6gPZUB/IhvpANtQHssFlk23ZZNmq+0A2cnzIRpdNNrRsssWPD9nQ8SEbXTbZ0LLJhpZNtlPzmGU7w2eVbHzZZEPLJhtaNtnQsskW/IaXjd5sssGXTTb0ssnGlk028rLJxpZNNrRssh2cLst25mWTDS2bbOHvKtmOzDbLdvZlky38XSUbO3VlY9eHbOj6kA0um2zg+pANXR+yoetDNnR9yMYKQTZUCLKhQpANFYJsqBBkQ4UgGyoE2VAhyMYyKlv0l5FsPKOygaNNNnS0ycYKQTZytMkGMyobyqhsKKOyoYzKhjIqG8qobCijsqGMyoYyKhvKqGwoo7KhjMr2bzrZyLzIRibLdumMyoYyKhs5P2RD54ds5BNBtoUZ7ef5Nbwb2Y6eH3tWsp0+Pw6ByXbo/Oj74dTItve0LRCTbf/8WEom29vTFiCT7XV20/MwyBaK524qpQyyhczK3xllC5vJFnrPytv0si1atPdmsi1ctPJh4hldHdv2PzTZwul8nWfZ4mjgalsT2yE02RAaedpWwnYEDT1t62DblWPTy/bpqpXjM8j2yUwn1EbZovmUja0abIS22bZlwfSyRQNKG6FltmmR2ijb4gu39mlrlm1bimyXU2ON0CjbcjXWCG2yBdRG2YCabEgNNkKDbCE12AgNshXZLvZtUFmkzbEF1UbZ4g8bboTW2Ipsl48oboS22KIRlQ1FFBdpU2zhiOIibYktHlHZUERxkTbE1sl2nYjyIm2HbSJsw9rZ0LLJhtTGtbNNsl0torxIG2GbZLvesvH7ow22ItuVvg9koxGtONtaYJuo2rhmNr5sNWwPq122CrandL/aZas4236mu5UeH1Vsm3TjKe0q2Cruj3Tj61a+gm1ettt2676CbVb7DX6RtCyA6JoYAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 .03rem .1rem 0 hsla(0, 0%, 62%, .15);
    border-radius: .04rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 82px;
    padding: .7rem;
    margin: 0 .7rem
}

.oxPay-smart-pay .info-amount-box .info-amount-title-box,
.oxPay-smart-pay .info-amount-box .info-amount-value-box {
    align-items: center;
    font-family: lato, ubuntu, helvetica, sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0;
    color: #fff
}

.oxPay-smart-pay .info-amount-box .info-amount-value-box {
    font-size: xx-large
}

.oxPay-smart-pay .new-method-contentbox {
    border-radius: .06rem;
    border: .01rem solid #fff
}

.oxPay-smart-pay .new-method-contentbox-select {
    border-radius: .06rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.oxPay-smart-pay .qr-code-box {
    padding: 0 .7rem;
    margin-top: 10px
}

.oxPay-smart-pay .method-item-box {
    padding: .2rem .6rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .2rem;
    border: .01rem solid #fff
}

.oxPay-smart-pay .method-item-box.active {
    border-radius: .2rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.oxPay-smart-pay .method-item-box .method-contentbox-left {
    display: flex;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem
}

.oxPay-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefticon {
    margin-left: .11rem;
    width: 2rem;
    height: 2rem
}

.oxPay-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefttitle {
    font-size: 10px;
    font-family: m-600
}

.oxPay-smart-pay .method-item-box .method-contentbox-right {
    height: 100%;
    align-items: center;
    margin-right: .12rem
}

.oxPay-smart-pay .method-item-box .method-contentbox-right .method-contentbox-righticon {
    width: 1.2rem;
    height: 1.2rem
}

.realPay-smart-pay {
    width: 100vw;
    height: 100vh
}

.realPay-smart-pay .xx-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
    border-top: 1px solid hsla(0, 0%, 50.2%, .34901960784313724);
    text-align: center
}

.realPay-smart-pay .xx-footer .fotter-box {
    margin: 25px
}

.realPay-smart-pay .xx-footer .explain-box-title-1 {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.realPay-smart-pay .xx-footer .explain-box-title-2 {
    color: "#555";
    font-size: 12px;
    align-items: center;
    width: 100%
}

.realPay-smart-pay .pay_option {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.realPay-smart-pay .info-amount-box {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAACjBAMAAADFml9eAAAAFVBMVEU4ifk4ifkHWv1qwPN0yvJRpvYugvpGJgo9AAAAAnRSTlMImTeZbNAAAAMoSURBVHja7djRbdtAEEXRtSsQXEIM6jvBsoAYYQf0VmBQ/ZcQJgZiy7Ekzl1JhpZ3SjiYt2/IlNLdNyc0m5RUi8/LH7cHHWLT5R8uW3i2OQ+bdC9EbMac83czGn3YZrX8lISIRnSeXrZ4ROeRLR5R2VBEZWMRlS146MpWEVHZSB/IxiIqG+kD2QLzmGWr6gPZUB/IhvpANtQHssFlk23ZZNmq+0A2cnzIRpdNNrRsssWPD9nQ8SEbXTbZ0LLJhpZNtlPzmGU7w2eVbHzZZEPLJhtaNtnQsskW/IaXjd5sssGXTTb0ssnGlk028rLJxpZNNrRssh2cLst25mWTDS2bbOHvKtmOzDbLdvZlky38XSUbO3VlY9eHbOj6kA0um2zg+pANXR+yoetDNnR9yMYKQTZUCLKhQpANFYJsqBBkQ4UgGyoE2VAhyMYyKlv0l5FsPKOygaNNNnS0ycYKQTZytMkGMyobyqhsKKOyoYzKhjIqG8qobCijsqGMyoYyKhvKqGwoo7KhjMr2bzrZyLzIRibLdumMyoYyKhs5P2RD54ds5BNBtoUZ7ef5Nbwb2Y6eH3tWsp0+Pw6ByXbo/Oj74dTItve0LRCTbf/8WEom29vTFiCT7XV20/MwyBaK524qpQyyhczK3xllC5vJFnrPytv0si1atPdmsi1ctPJh4hldHdv2PzTZwul8nWfZ4mjgalsT2yE02RAaedpWwnYEDT1t62DblWPTy/bpqpXjM8j2yUwn1EbZovmUja0abIS22bZlwfSyRQNKG6FltmmR2ijb4gu39mlrlm1bimyXU2ON0CjbcjXWCG2yBdRG2YCabEgNNkKDbCE12AgNshXZLvZtUFmkzbEF1UbZ4g8bboTW2Ipsl48oboS22KIRlQ1FFBdpU2zhiOIibYktHlHZUERxkTbE1sl2nYjyIm2HbSJsw9rZ0LLJhtTGtbNNsl0torxIG2GbZLvesvH7ow22ItuVvg9koxGtONtaYJuo2rhmNr5sNWwPq122CrandL/aZas4236mu5UeH1Vsm3TjKe0q2Cruj3Tj61a+gm1ettt2676CbVb7DX6RtCyA6JoYAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 .03rem .1rem 0 hsla(0, 0%, 62%, .15);
    border-radius: .04rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 82px;
    padding: .7rem;
    margin: 0 .7rem
}

.realPay-smart-pay .info-amount-box .info-amount-title-box,
.realPay-smart-pay .info-amount-box .info-amount-value-box {
    align-items: center;
    font-family: lato, ubuntu, helvetica, sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0;
    color: #fff
}

.realPay-smart-pay .info-amount-box .info-amount-value-box {
    font-size: xx-large
}

.realPay-smart-pay .new-method-box {
    margin-top: 10px;
    border-radius: .2rem;
    border: .01rem solid #fff
}

.realPay-smart-pay .new-method-contentbox {
    border-radius: .06rem;
    border: .01rem solid #fff
}

.realPay-smart-pay .new-method-contentbox-select {
    border-radius: .06rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.realPay-smart-pay .qr-code-box {
    padding: 0 .7rem;
    margin-top: 10px
}

.realPay-smart-pay .order_infor_row {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 5px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: .2rem;
    border: .01rem solid rgba(75, 55, 55, .4196078431372549)
}

.realPay-smart-pay .info-title {
    height: 55px;
    display: flex;
    align-items: center;
    padding: 0 .7rem
}

.realPay-smart-pay .result {
    font-size: 14px
}

.realPay-smart-pay .right_qr_wrap {
    padding: 0 .7rem;
    margin-top: 10px;
    flex: 1 1;
    grid-gap: 20px;
    gap: 20px;
    flex-direction: column;
    display: flex
}

.realPay-smart-pay .right_qr_wrap .text_shadow {
    border-radius: 5px;
    padding: 9px 15px;
    font-size: 14px;
    grid-gap: 10px;
    gap: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    display: flex
}

.realPay-smart-pay .method-item-box {
    padding: .2rem .6rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .2rem;
    border: .01rem solid #fff
}

.realPay-smart-pay .method-item-box.active {
    border-radius: .2rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.realPay-smart-pay .method-item-box .method-contentbox-left {
    display: flex;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem
}

.realPay-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefticon {
    margin-left: .11rem;
    width: 2rem;
    height: 2rem
}

.realPay-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefttitle {
    margin-left: .26rem;
    font-family: ArialMT;
    font-weight: 500;
    font-stretch: normal;
    letter-spacing: 0;
    color: #333
}

.realPay-smart-pay .method-item-box .method-contentbox-right {
    height: 100%;
    align-items: center;
    margin-right: .12rem
}

.realPay-smart-pay .method-item-box .method-contentbox-right .method-contentbox-righticon {
    width: 1.2rem;
    height: 1.2rem
}

:root {
    --fontFamily-nunito: "Nunito", sans-serif
}

.xx-smart-paytm3 {
    width: 100%;
    height: 100%;
    background: #fff;
    font-family: "Nunito Light", sans-serif
}

.xx-smart-paytm3 .xx-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
    border-top: 1px solid hsla(0, 0%, 50.2%, .34901960784313724)
}

.xx-smart-paytm3 .xx-footer .fotter-box {
    margin: 25px
}

.xx-smart-paytm3 .xx-body {
    padding-bottom: 50px
}

.xx-smart-paytm3 .order_infor_row {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 5px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: .2rem;
    border: .01rem solid rgba(75, 55, 55, .4196078431372549)
}

.xx-smart-paytm3 .info-title {
    padding: 0 .7rem
}

.xx-smart-paytm3 .result {
    font-size: 14px
}

.xx-smart-paytm3 .info-box {
    align-items: center;
    padding: 8px
}

.xx-smart-paytm3 .info-title {
    height: 55px;
    display: flex;
    align-items: center;
    font-family: lato, ubuntu, helvetica, sans-serif;
    font-size: large;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0;
    color: #333
}

.xx-smart-paytm3 .info-amount-box {
    height: 82px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAACjBAMAAADFml9eAAAAFVBMVEU4ifk4ifkHWv1qwPN0yvJRpvYugvpGJgo9AAAAAnRSTlMImTeZbNAAAAMoSURBVHja7djRbdtAEEXRtSsQXEIM6jvBsoAYYQf0VmBQ/ZcQJgZiy7Ekzl1JhpZ3SjiYt2/IlNLdNyc0m5RUi8/LH7cHHWLT5R8uW3i2OQ+bdC9EbMac83czGn3YZrX8lISIRnSeXrZ4ROeRLR5R2VBEZWMRlS146MpWEVHZSB/IxiIqG+kD2QLzmGWr6gPZUB/IhvpANtQHssFlk23ZZNmq+0A2cnzIRpdNNrRsssWPD9nQ8SEbXTbZ0LLJhpZNtlPzmGU7w2eVbHzZZEPLJhtaNtnQsskW/IaXjd5sssGXTTb0ssnGlk028rLJxpZNNrRssh2cLst25mWTDS2bbOHvKtmOzDbLdvZlky38XSUbO3VlY9eHbOj6kA0um2zg+pANXR+yoetDNnR9yMYKQTZUCLKhQpANFYJsqBBkQ4UgGyoE2VAhyMYyKlv0l5FsPKOygaNNNnS0ycYKQTZytMkGMyobyqhsKKOyoYzKhjIqG8qobCijsqGMyoYyKhvKqGwoo7KhjMr2bzrZyLzIRibLdumMyoYyKhs5P2RD54ds5BNBtoUZ7ef5Nbwb2Y6eH3tWsp0+Pw6ByXbo/Oj74dTItve0LRCTbf/8WEom29vTFiCT7XV20/MwyBaK524qpQyyhczK3xllC5vJFnrPytv0si1atPdmsi1ctPJh4hldHdv2PzTZwul8nWfZ4mjgalsT2yE02RAaedpWwnYEDT1t62DblWPTy/bpqpXjM8j2yUwn1EbZovmUja0abIS22bZlwfSyRQNKG6FltmmR2ijb4gu39mlrlm1bimyXU2ON0CjbcjXWCG2yBdRG2YCabEgNNkKDbCE12AgNshXZLvZtUFmkzbEF1UbZ4g8bboTW2Ipsl48oboS22KIRlQ1FFBdpU2zhiOIibYktHlHZUERxkTbE1sl2nYjyIm2HbSJsw9rZ0LLJhtTGtbNNsl0torxIG2GbZLvesvH7ow22ItuVvg9koxGtONtaYJuo2rhmNr5sNWwPq122CrandL/aZas4236mu5UeH1Vsm3TjKe0q2Cruj3Tj61a+gm1ettt2676CbVb7DX6RtCyA6JoYAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 .03rem .1rem 0 hsla(0, 0%, 62%, .15);
    border-radius: .04rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 30px
}

.xx-smart-paytm3 .info-amount-title-box,
.xx-smart-paytm3 .info-amount-value-box {
    align-items: center;
    font-family: lato, ubuntu, helvetica, sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0;
    color: #fff
}

.xx-smart-paytm3 .info-amount-value-box {
    font-size: xx-large
}

.xx-smart-paytm3 .method-box {
    padding: 8px;
    border-radius: 15px;
    box-shadow: 0 5px 7px #b1a8a8
}

.xx-smart-paytm3 .method-row-box-select {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 5px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgba(202, 199, 208, .45882353);
    background-color: rgba(109, 55, 192, .07058824)
}

.xx-smart-paytm3 .method-row-box-title {
    font-family: lato, ubuntu, helvetica, sans-serif;
    font-size: medium;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0;
    color: #333
}

.xx-smart-paytm3 .qr_alert_con {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex
}

.xx-smart-paytm3 .qr_button {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 8px 54px;
    border-radius: 5px;
    color: #009eff;
    font-family: m-700;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .4px;
    border: .6mm solid rgba(142, 189, 220, .46);
    transition: .4s;
    cursor: pointer
}

.xx-smart-paytm3 .method-row-upi-content {
    width: 100%
}

.xx-smart-paytm3 .method-row-upi-step {
    margin-bottom: 10px
}

.xx-smart-paytm3 .explain-box {
    height: 80px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: lato, ubuntu, helvetica, sans-serif;
    text-align: center
}

.xx-smart-paytm3 .explain-box-title-1 {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.xx-smart-paytm3 .explain-box-title-2 {
    color: "#555";
    font-size: 12px;
    align-items: center;
    width: 100%
}

.xx-smart-paytm3 .pay-method-list-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.xx-smart-paytm3 .pay-method-list-left {
    width: 50px;
    height: 50px
}

.xx-smart-paytm3 .pay-method-list-right {
    display: flex;
    flex-direction: column
}

.xx-smart-paytm3 .pay-method-list {
    border: none
}

.xx-smart-paytm3 .pay-method-list .ant-list-item:last-child {
    border-bottom: 1px solid rgba(202, 199, 208, .4588235294117647)
}

.ant-list-item.xx-smart-paytm3 .pay-method-list:not(:last-child) {
    border-bottom: none
}

.xx-smart-paytm3 .pay-method-item {
    height: 40px;
    border-radius: 5px;
    border: 1px solid rgba(202, 199, 208, .4588235294117647);
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.xx-smart-paytm3 .pay-method-item.active {
    background-color: rgba(109, 55, 192, .07058823529411765)
}

.xx-smart-paytm3 .pay-method-item .upi-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid grey;
    margin-right: 3px
}

.xx-smart-paytm3 .pay-method-item .upi-icon img {
    height: 14px;
    width: auto
}

.xx-smart-paytm3 .pay-other-method-box {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center
}

.realPay5-smart-pay {
    width: 100vw;
    height: 100vh
}

.realPay5-smart-pay .xx-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
    border-top: 1px solid hsla(0, 0%, 50.2%, .34901960784313724);
    text-align: center
}

.realPay5-smart-pay .xx-footer .fotter-box {
    margin: 25px
}

.realPay5-smart-pay .xx-footer .explain-box-title-1 {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.realPay5-smart-pay .xx-footer .explain-box-title-2 {
    color: "#555";
    font-size: 12px;
    align-items: center;
    width: 100%
}

.realPay5-smart-pay .info-title {
    height: 55px;
    display: flex;
    align-items: center;
    padding: 0 .7rem
}

.realPay5-smart-pay .pay_option {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.realPay5-smart-pay .info-amount-box {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAACjBAMAAADFml9eAAAAFVBMVEU4ifk4ifkHWv1qwPN0yvJRpvYugvpGJgo9AAAAAnRSTlMImTeZbNAAAAMoSURBVHja7djRbdtAEEXRtSsQXEIM6jvBsoAYYQf0VmBQ/ZcQJgZiy7Ekzl1JhpZ3SjiYt2/IlNLdNyc0m5RUi8/LH7cHHWLT5R8uW3i2OQ+bdC9EbMac83czGn3YZrX8lISIRnSeXrZ4ROeRLR5R2VBEZWMRlS146MpWEVHZSB/IxiIqG+kD2QLzmGWr6gPZUB/IhvpANtQHssFlk23ZZNmq+0A2cnzIRpdNNrRsssWPD9nQ8SEbXTbZ0LLJhpZNtlPzmGU7w2eVbHzZZEPLJhtaNtnQsskW/IaXjd5sssGXTTb0ssnGlk028rLJxpZNNrRssh2cLst25mWTDS2bbOHvKtmOzDbLdvZlky38XSUbO3VlY9eHbOj6kA0um2zg+pANXR+yoetDNnR9yMYKQTZUCLKhQpANFYJsqBBkQ4UgGyoE2VAhyMYyKlv0l5FsPKOygaNNNnS0ycYKQTZytMkGMyobyqhsKKOyoYzKhjIqG8qobCijsqGMyoYyKhvKqGwoo7KhjMr2bzrZyLzIRibLdumMyoYyKhs5P2RD54ds5BNBtoUZ7ef5Nbwb2Y6eH3tWsp0+Pw6ByXbo/Oj74dTItve0LRCTbf/8WEom29vTFiCT7XV20/MwyBaK524qpQyyhczK3xllC5vJFnrPytv0si1atPdmsi1ctPJh4hldHdv2PzTZwul8nWfZ4mjgalsT2yE02RAaedpWwnYEDT1t62DblWPTy/bpqpXjM8j2yUwn1EbZovmUja0abIS22bZlwfSyRQNKG6FltmmR2ijb4gu39mlrlm1bimyXU2ON0CjbcjXWCG2yBdRG2YCabEgNNkKDbCE12AgNshXZLvZtUFmkzbEF1UbZ4g8bboTW2Ipsl48oboS22KIRlQ1FFBdpU2zhiOIibYktHlHZUERxkTbE1sl2nYjyIm2HbSJsw9rZ0LLJhtTGtbNNsl0torxIG2GbZLvesvH7ow22ItuVvg9koxGtONtaYJuo2rhmNr5sNWwPq122CrandL/aZas4236mu5UeH1Vsm3TjKe0q2Cruj3Tj61a+gm1ettt2676CbVb7DX6RtCyA6JoYAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 .03rem .1rem 0 hsla(0, 0%, 62%, .15);
    border-radius: .04rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 82px;
    padding: .7rem;
    margin: 0 .7rem
}

.realPay5-smart-pay .info-amount-box .info-amount-title-box,
.realPay5-smart-pay .info-amount-box .info-amount-value-box {
    align-items: center;
    font-family: lato, ubuntu, helvetica, sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0;
    color: #fff
}

.realPay5-smart-pay .info-amount-box .info-amount-value-box {
    font-size: xx-large
}

.realPay5-smart-pay .new-method-box {
    margin-top: 10px;
    border-radius: .2rem;
    border: .01rem solid #fff
}

.realPay5-smart-pay .new-method-contentbox {
    border-radius: .06rem;
    border: .01rem solid #fff
}

.realPay5-smart-pay .new-method-contentbox-select {
    border-radius: .06rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.realPay5-smart-pay .qr-code-box {
    padding: 0 .7rem;
    margin-top: 10px
}

.realPay5-smart-pay .order_infor_row {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 5px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: .2rem;
    border: .01rem solid rgba(75, 55, 55, .4196078431372549)
}

.realPay5-smart-pay .right_qr_wrap {
    padding: 0 .7rem;
    margin-top: 10px;
    flex: 1 1;
    grid-gap: 20px;
    gap: 20px;
    flex-direction: column;
    display: flex
}

.realPay5-smart-pay .right_qr_wrap .text_shadow {
    border-radius: 5px;
    padding: 9px 15px;
    font-size: 14px;
    grid-gap: 10px;
    gap: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    display: flex
}

.realPay5-smart-pay .method-item-box {
    padding: .2rem .6rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .2rem;
    border: .01rem solid #fff
}

.realPay5-smart-pay .method-item-box.active {
    border-radius: .2rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.realPay5-smart-pay .method-item-box .method-contentbox-left {
    display: flex;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem
}

.realPay5-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefticon {
    margin-left: .11rem;
    width: 2rem;
    height: 2rem
}

.realPay5-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefttitle {
    margin-left: .26rem;
    font-family: ArialMT;
    font-weight: 500;
    font-stretch: normal;
    letter-spacing: 0;
    color: #333
}

.realPay5-smart-pay .method-item-box .method-contentbox-right {
    height: 100%;
    align-items: center;
    margin-right: .12rem
}

.realPay5-smart-pay .method-item-box .method-contentbox-right .method-contentbox-righticon {
    width: 1.2rem;
    height: 1.2rem
}

.realPay5-smart-pay .method-item-box .text_shadow_notice {
    box-shadow: 0 0 0 #0c8ef6;
    border-radius: 5px;
    font-size: 14px;
    grid-gap: 10px;
    gap: 10px;
    width: 90%;
    margin-top: 20px;
    align-items: center;
    color: #323c45
}

.realPay5-smart-pay .qr_alert_con {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex
}

.realPay5-smart-pay .qr_button {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 6px 25px;
    border-radius: 5px;
    font-weight: 500;
    color: #000;
    font-family: m-700;
    font-size: 12px;
    letter-spacing: .4px;
    border: .5mm solid #000;
    transition: .4s;
    cursor: pointer
}

.ceco6Pay-smart-pay {
    width: 100vw;
    height: 100vh;
    max-width: 500px;
    margin: auto
}

.ceco6Pay-smart-pay .xx-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
    border-top: 1px solid hsla(0, 0%, 50.2%, .34901960784313724);
    text-align: center
}

.ceco6Pay-smart-pay .xx-footer .fotter-box {
    margin: 25px
}

.ceco6Pay-smart-pay .xx-footer .explain-box-title-1 {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.ceco6Pay-smart-pay .xx-footer .explain-box-title-2 {
    color: "#555";
    font-size: 12px;
    align-items: center;
    width: 100%
}

.ceco6Pay-smart-pay .mheader {
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 4;
    background: #fff;
    padding: 20px 0
}

.ceco6Pay-smart-pay .header_wrap {
    justify-content: center !important;
    flex-direction: column;
    display: flex;
    align-items: center;
    width: 95%;
    position: relative
}

.ceco6Pay-smart-pay .header_wrap img {
    width: 80px;
    height: 80px
}

.ceco6Pay-smart-pay .wrap {
    width: 85%;
    max-width: 1024px;
    margin: 0 auto
}

.ceco6Pay-smart-pay .order_right_wrap {
    flex: 1 1;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ceco6Pay-smart-pay .index_infor {
    width: 100%;
    padding: 15px 0 30px;
    grid-gap: 25px;
    gap: 25px
}

.ceco6Pay-smart-pay .order_infor {
    flex-direction: column
}

.ceco6Pay-smart-pay .transfer_infor {
    align-items: flex-start
}

.ceco6Pay-smart-pay .order_timer {
    margin-left: auto;
    grid-gap: 10px;
    gap: 10px;
    padding: 8px 15px;
    border-radius: 7px;
    box-shadow: 0 0 10px #467fc1;
    background: #467fc1 !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.ceco6Pay-smart-pay .timer {
    font-family: m-600;
    color: #fff
}

.ceco6Pay-smart-pay .amount {
    color: #467fc1;
    font-size: 26px;
    font-family: m-700
}

.ceco6Pay-smart-pay .title {
    font-size: 12px
}

.ceco6Pay-smart-pay .order_infor_col {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    flex-direction: column;
    display: flex
}

.ceco6Pay-smart-pay .order_infor_row {
    grid-gap: 10px;
    gap: 10px;
    display: flex;
    justify-content: space-between
}

.ceco6Pay-smart-pay .info-title {
    height: 55px;
    display: flex;
    align-items: center;
    padding: 0 .7rem
}

.ceco6Pay-smart-pay .result {
    color: red;
    font-size: 14px
}

.ceco6Pay-smart-pay .text_shadow {
    box-shadow: 0 0 10px #0c8ef6;
    border-radius: 5px;
    padding: 9px 15px;
    font-size: 11px;
    grid-gap: 10px;
    gap: 10px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    display: flex
}

.ceco6Pay-smart-pay .text_step {
    font-size: 12px;
    white-space: nowrap;
    color: #fff;
    padding: 7px 12px;
    background: #009eff;
    border-radius: 5px
}

.ceco6Pay-smart-pay .qr_dev {
    display: flex;
    justify-content: center
}

.ceco6Pay-smart-pay .qr_block {
    width: 100%;
    max-width: 350px;
    margin: 4px 0
}

.ceco6Pay-smart-pay .qr_frame {
    width: 75%;
    margin: 0 auto;
    position: relative
}

.ceco6Pay-smart-pay .qr_alert_con {
    margin-top: 15px;
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex
}

.ceco6Pay-smart-pay .qr_button {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 8px 54px;
    border-radius: 5px;
    color: #009eff;
    font-family: m-700;
    font-size: 12px;
    letter-spacing: .4px;
    border: .6mm solid #009eff;
    transition: .4s;
    cursor: pointer
}

.ceco6Pay-smart-pay .qr_infor {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    padding: 20px;
    display: flex;
    width: 100%;
    justify-content: center
}

.ceco6Pay-smart-pay .upi_desc {
    font-size: 12px;
    margin: 8px;
    padding: 15px;
    text-align: center
}

.ceco6Pay-smart-pay .upi_option {
    border: .6mm solid #b9b9b9;
    transition: .4s;
    padding: 7px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.ceco6Pay-smart-pay .right_qr_wrap {
    flex: 1 1;
    grid-gap: 20px;
    gap: 20px;
    flex-direction: column;
    display: flex
}

.ceco6Pay-smart-pay .textbox_wrap {
    width: 100%;
    grid-gap: 8px;
    gap: 8px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ceco6Pay-smart-pay .textbox_wrap .title {
    font-family: m-700;
    font-size: 1.5em
}

.ceco6Pay-smart-pay .submit_btn {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 10px;
    background: #009eff;
    align-self: flex-start;
    cursor: pointer;
    transition: .4s;
    border: 0;
    color: #fff
}

.ceco6Pay-smart-pay .deposit_alert_con {
    width: 100%;
    flex-direction: column;
    display: flex
}

.ceco6Pay-smart-pay .deposit_alert_con .title {
    font-size: 20px;
    font-family: m-700;
    margin-bottom: 25px
}

.ceco6Pay-smart-pay .deposit_alert_con .li {
    list-style-type: decimal;
    font-size: clamp(13px, 1vw, 15px);
    margin-bottom: 15px;
    line-height: 1.3;
    letter-spacing: .2px
}

.ceco6Pay-smart-pay .info-amount-box {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAACjBAMAAADFml9eAAAAFVBMVEU4ifk4ifkHWv1qwPN0yvJRpvYugvpGJgo9AAAAAnRSTlMImTeZbNAAAAMoSURBVHja7djRbdtAEEXRtSsQXEIM6jvBsoAYYQf0VmBQ/ZcQJgZiy7Ekzl1JhpZ3SjiYt2/IlNLdNyc0m5RUi8/LH7cHHWLT5R8uW3i2OQ+bdC9EbMac83czGn3YZrX8lISIRnSeXrZ4ROeRLR5R2VBEZWMRlS146MpWEVHZSB/IxiIqG+kD2QLzmGWr6gPZUB/IhvpANtQHssFlk23ZZNmq+0A2cnzIRpdNNrRsssWPD9nQ8SEbXTbZ0LLJhpZNtlPzmGU7w2eVbHzZZEPLJhtaNtnQsskW/IaXjd5sssGXTTb0ssnGlk028rLJxpZNNrRssh2cLst25mWTDS2bbOHvKtmOzDbLdvZlky38XSUbO3VlY9eHbOj6kA0um2zg+pANXR+yoetDNnR9yMYKQTZUCLKhQpANFYJsqBBkQ4UgGyoE2VAhyMYyKlv0l5FsPKOygaNNNnS0ycYKQTZytMkGMyobyqhsKKOyoYzKhjIqG8qobCijsqGMyoYyKhvKqGwoo7KhjMr2bzrZyLzIRibLdumMyoYyKhs5P2RD54ds5BNBtoUZ7ef5Nbwb2Y6eH3tWsp0+Pw6ByXbo/Oj74dTItve0LRCTbf/8WEom29vTFiCT7XV20/MwyBaK524qpQyyhczK3xllC5vJFnrPytv0si1atPdmsi1ctPJh4hldHdv2PzTZwul8nWfZ4mjgalsT2yE02RAaedpWwnYEDT1t62DblWPTy/bpqpXjM8j2yUwn1EbZovmUja0abIS22bZlwfSyRQNKG6FltmmR2ijb4gu39mlrlm1bimyXU2ON0CjbcjXWCG2yBdRG2YCabEgNNkKDbCE12AgNshXZLvZtUFmkzbEF1UbZ4g8bboTW2Ipsl48oboS22KIRlQ1FFBdpU2zhiOIibYktHlHZUERxkTbE1sl2nYjyIm2HbSJsw9rZ0LLJhtTGtbNNsl0torxIG2GbZLvesvH7ow22ItuVvg9koxGtONtaYJuo2rhmNr5sNWwPq122CrandL/aZas4236mu5UeH1Vsm3TjKe0q2Cruj3Tj61a+gm1ettt2676CbVb7DX6RtCyA6JoYAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 .03rem .1rem 0 hsla(0, 0%, 62%, .15);
    border-radius: .04rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 82px;
    padding: .7rem;
    margin: 0 .7rem
}

.ceco6Pay-smart-pay .info-amount-box .info-amount-title-box,
.ceco6Pay-smart-pay .info-amount-box .info-amount-value-box {
    align-items: center;
    font-family: lato, ubuntu, helvetica, sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0;
    color: #fff
}

.ceco6Pay-smart-pay .info-amount-box .info-amount-value-box {
    font-size: xx-large
}

.ceco6Pay-smart-pay .new-method-box {
    border-radius: .2rem;
    border: .01rem solid #fff
}

.ceco6Pay-smart-pay .new-method-contentbox {
    border-radius: .06rem;
    border: .01rem solid #fff
}

.ceco6Pay-smart-pay .new-method-contentbox-select {
    border-radius: .06rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.ceco6Pay-smart-pay .qr-code-box {
    padding: 0 .7rem;
    margin-top: 10px
}

.ceco6Pay-smart-pay .method-item-box {
    padding: .2rem .6rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .2rem;
    border: .01rem solid #fff
}

.ceco6Pay-smart-pay .method-item-box.active {
    border-radius: .2rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.ceco6Pay-smart-pay .method-item-box .method-contentbox-left {
    display: flex;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem
}

.ceco6Pay-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefticon {
    margin-left: .11rem;
    width: 2rem;
    height: 2rem
}

.ceco6Pay-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefttitle {
    font-size: 10px;
    font-family: m-600
}

.ceco6Pay-smart-pay .method-item-box .method-contentbox-right {
    height: 100%;
    align-items: center;
    margin-right: .12rem
}

.ceco6Pay-smart-pay .method-item-box .method-contentbox-right .method-contentbox-righticon {
    width: 1.2rem;
    height: 1.2rem
}

.ceco7Pay-smart-pay {
    width: 100vw;
    height: 100vh;
    max-width: 500px;
    margin: auto
}

.ceco7Pay-smart-pay .xx-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
    border-top: 1px solid hsla(0, 0%, 50.2%, .34901960784313724);
    text-align: center
}

.ceco7Pay-smart-pay .xx-footer .fotter-box {
    margin: 25px
}

.ceco7Pay-smart-pay .xx-footer .explain-box-title-1 {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.ceco7Pay-smart-pay .xx-footer .explain-box-title-2 {
    color: "#555";
    font-size: 12px;
    align-items: center;
    width: 100%
}

.ceco7Pay-smart-pay .mheader {
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 4;
    background: #fff;
    padding: 20px 0
}

.ceco7Pay-smart-pay .header_wrap {
    justify-content: center !important;
    flex-direction: column;
    display: flex;
    align-items: center;
    width: 95%;
    position: relative
}

.ceco7Pay-smart-pay .header_wrap img {
    width: 80px;
    height: 80px
}

.ceco7Pay-smart-pay .wrap {
    width: 85%;
    max-width: 1024px;
    margin: 0 auto
}

.ceco7Pay-smart-pay .order_right_wrap {
    flex: 1 1;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ceco7Pay-smart-pay .index_infor {
    width: 100%;
    padding: 15px 0 30px;
    grid-gap: 25px;
    gap: 25px
}

.ceco7Pay-smart-pay .order_infor {
    flex-direction: column
}

.ceco7Pay-smart-pay .transfer_infor {
    align-items: flex-start
}

.ceco7Pay-smart-pay .order_timer {
    margin-left: auto;
    grid-gap: 10px;
    gap: 10px;
    padding: 8px 15px;
    border-radius: 7px;
    box-shadow: 0 0 10px #467fc1;
    background: #467fc1 !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.ceco7Pay-smart-pay .timer {
    font-family: m-600;
    color: #fff
}

.ceco7Pay-smart-pay .amount {
    color: #467fc1;
    font-size: 26px;
    font-family: m-700
}

.ceco7Pay-smart-pay .title {
    font-size: 12px
}

.ceco7Pay-smart-pay .order_infor_col {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    flex-direction: column;
    display: flex
}

.ceco7Pay-smart-pay .order_infor_row {
    grid-gap: 10px;
    gap: 10px;
    display: flex;
    justify-content: space-between
}

.ceco7Pay-smart-pay .info-title {
    height: 55px;
    display: flex;
    align-items: center;
    padding: 0 .7rem
}

.ceco7Pay-smart-pay .result {
    color: red;
    font-size: 12px
}

.ceco7Pay-smart-pay .text_shadow {
    box-shadow: 0 0 10px #0c8ef6;
    border-radius: 5px;
    padding: 9px 15px;
    font-size: 11px;
    grid-gap: 10px;
    gap: 10px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    display: flex
}

.ceco7Pay-smart-pay .text_step {
    font-size: 12px;
    white-space: nowrap;
    color: #fff;
    padding: 7px 12px;
    background: #009eff;
    border-radius: 5px
}

.ceco7Pay-smart-pay .qr_dev {
    display: flex;
    justify-content: center
}

.ceco7Pay-smart-pay .qr_block {
    width: 100%;
    max-width: 350px;
    margin: 4px 0
}

.ceco7Pay-smart-pay .qr_frame {
    width: 75%;
    margin: 0 auto;
    position: relative
}

.ceco7Pay-smart-pay .qr_alert_con {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex
}

.ceco7Pay-smart-pay .qr_button {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 8px 54px;
    border-radius: 5px;
    color: #009eff;
    font-family: m-700;
    font-size: 12px;
    letter-spacing: .4px;
    border: .6mm solid #009eff;
    transition: .4s;
    cursor: pointer
}

.ceco7Pay-smart-pay .qr_infor {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    padding: 20px;
    display: flex;
    width: 100%;
    justify-content: center
}

.ceco7Pay-smart-pay .upi_desc {
    font-size: 12px;
    margin: 8px;
    padding: 15px;
    text-align: center
}

.ceco7Pay-smart-pay .upi_option {
    border: .6mm solid #b9b9b9;
    transition: .4s;
    padding: 7px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.ceco7Pay-smart-pay .right_qr_wrap {
    flex: 1 1;
    grid-gap: 20px;
    gap: 20px;
    flex-direction: column;
    display: flex
}

.ceco7Pay-smart-pay .textbox_wrap {
    width: 100%;
    grid-gap: 8px;
    gap: 8px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ceco7Pay-smart-pay .textbox_wrap .title {
    font-family: m-700;
    font-size: 1.5em
}

.ceco7Pay-smart-pay .submit_btn {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 10px;
    background: #009eff;
    align-self: flex-start;
    cursor: pointer;
    transition: .4s;
    border: 0;
    color: #fff
}

.ceco7Pay-smart-pay .deposit_alert_con {
    width: 100%;
    flex-direction: column;
    display: flex
}

.ceco7Pay-smart-pay .deposit_alert_con .title {
    font-size: 20px;
    font-family: m-700;
    margin-bottom: 25px
}

.ceco7Pay-smart-pay .deposit_alert_con .li {
    list-style-type: decimal;
    font-size: clamp(13px, 1vw, 15px);
    margin-bottom: 15px;
    line-height: 1.3;
    letter-spacing: .2px
}

.ceco7Pay-smart-pay .info-amount-box {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAACjBAMAAADFml9eAAAAFVBMVEU4ifk4ifkHWv1qwPN0yvJRpvYugvpGJgo9AAAAAnRSTlMImTeZbNAAAAMoSURBVHja7djRbdtAEEXRtSsQXEIM6jvBsoAYYQf0VmBQ/ZcQJgZiy7Ekzl1JhpZ3SjiYt2/IlNLdNyc0m5RUi8/LH7cHHWLT5R8uW3i2OQ+bdC9EbMac83czGn3YZrX8lISIRnSeXrZ4ROeRLR5R2VBEZWMRlS146MpWEVHZSB/IxiIqG+kD2QLzmGWr6gPZUB/IhvpANtQHssFlk23ZZNmq+0A2cnzIRpdNNrRsssWPD9nQ8SEbXTbZ0LLJhpZNtlPzmGU7w2eVbHzZZEPLJhtaNtnQsskW/IaXjd5sssGXTTb0ssnGlk028rLJxpZNNrRssh2cLst25mWTDS2bbOHvKtmOzDbLdvZlky38XSUbO3VlY9eHbOj6kA0um2zg+pANXR+yoetDNnR9yMYKQTZUCLKhQpANFYJsqBBkQ4UgGyoE2VAhyMYyKlv0l5FsPKOygaNNNnS0ycYKQTZytMkGMyobyqhsKKOyoYzKhjIqG8qobCijsqGMyoYyKhvKqGwoo7KhjMr2bzrZyLzIRibLdumMyoYyKhs5P2RD54ds5BNBtoUZ7ef5Nbwb2Y6eH3tWsp0+Pw6ByXbo/Oj74dTItve0LRCTbf/8WEom29vTFiCT7XV20/MwyBaK524qpQyyhczK3xllC5vJFnrPytv0si1atPdmsi1ctPJh4hldHdv2PzTZwul8nWfZ4mjgalsT2yE02RAaedpWwnYEDT1t62DblWPTy/bpqpXjM8j2yUwn1EbZovmUja0abIS22bZlwfSyRQNKG6FltmmR2ijb4gu39mlrlm1bimyXU2ON0CjbcjXWCG2yBdRG2YCabEgNNkKDbCE12AgNshXZLvZtUFmkzbEF1UbZ4g8bboTW2Ipsl48oboS22KIRlQ1FFBdpU2zhiOIibYktHlHZUERxkTbE1sl2nYjyIm2HbSJsw9rZ0LLJhtTGtbNNsl0torxIG2GbZLvesvH7ow22ItuVvg9koxGtONtaYJuo2rhmNr5sNWwPq122CrandL/aZas4236mu5UeH1Vsm3TjKe0q2Cruj3Tj61a+gm1ettt2676CbVb7DX6RtCyA6JoYAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 .03rem .1rem 0 hsla(0, 0%, 62%, .15);
    border-radius: .04rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 82px;
    padding: .7rem;
    margin: 0 .7rem
}

.ceco7Pay-smart-pay .info-amount-box .info-amount-title-box,
.ceco7Pay-smart-pay .info-amount-box .info-amount-value-box {
    align-items: center;
    font-family: lato, ubuntu, helvetica, sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0;
    color: #fff
}

.ceco7Pay-smart-pay .info-amount-box .info-amount-value-box {
    font-size: xx-large
}

.ceco7Pay-smart-pay .new-method-box {
    border-radius: .2rem;
    border: .01rem solid #fff
}

.ceco7Pay-smart-pay .new-method-contentbox {
    border-radius: .06rem;
    border: .01rem solid #fff
}

.ceco7Pay-smart-pay .new-method-contentbox-select {
    border-radius: .06rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.ceco7Pay-smart-pay .qr-code-box {
    padding: 0 .7rem;
    margin-top: 10px
}

.ceco7Pay-smart-pay .method-item-box {
    padding: .2rem .6rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .2rem;
    border: .01rem solid #fff
}

.ceco7Pay-smart-pay .method-item-box.active {
    border-radius: .2rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.ceco7Pay-smart-pay .method-item-box .method-contentbox-left {
    display: flex;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem
}

.ceco7Pay-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefticon {
    margin-left: .11rem;
    width: 2rem;
    height: 2rem
}

.ceco7Pay-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefttitle {
    font-size: 10px;
    font-family: m-600
}

.ceco7Pay-smart-pay .method-item-box .method-contentbox-right {
    height: 100%;
    align-items: center;
    margin-right: .12rem
}

.ceco7Pay-smart-pay .method-item-box .method-contentbox-right .method-contentbox-righticon {
    width: 1.2rem;
    height: 1.2rem
}

.realPay8-smart-pay {
    width: 100vw;
    height: 100vh
}

.realPay8-smart-pay .xx-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
    border-top: 1px solid hsla(0, 0%, 50.2%, .34901960784313724);
    text-align: center
}

.realPay8-smart-pay .xx-footer .fotter-box {
    margin: 25px
}

.realPay8-smart-pay .xx-footer .explain-box-title-1 {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.realPay8-smart-pay .xx-footer .explain-box-title-2 {
    color: "#555";
    font-size: 12px;
    align-items: center;
    width: 100%
}

.realPay8-smart-pay .info-title {
    height: 55px;
    display: flex;
    align-items: center;
    padding: 0 .7rem
}

.realPay8-smart-pay .pay_option {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.realPay8-smart-pay .info-amount-box {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAACjBAMAAADFml9eAAAAFVBMVEU4ifk4ifkHWv1qwPN0yvJRpvYugvpGJgo9AAAAAnRSTlMImTeZbNAAAAMoSURBVHja7djRbdtAEEXRtSsQXEIM6jvBsoAYYQf0VmBQ/ZcQJgZiy7Ekzl1JhpZ3SjiYt2/IlNLdNyc0m5RUi8/LH7cHHWLT5R8uW3i2OQ+bdC9EbMac83czGn3YZrX8lISIRnSeXrZ4ROeRLR5R2VBEZWMRlS146MpWEVHZSB/IxiIqG+kD2QLzmGWr6gPZUB/IhvpANtQHssFlk23ZZNmq+0A2cnzIRpdNNrRsssWPD9nQ8SEbXTbZ0LLJhpZNtlPzmGU7w2eVbHzZZEPLJhtaNtnQsskW/IaXjd5sssGXTTb0ssnGlk028rLJxpZNNrRssh2cLst25mWTDS2bbOHvKtmOzDbLdvZlky38XSUbO3VlY9eHbOj6kA0um2zg+pANXR+yoetDNnR9yMYKQTZUCLKhQpANFYJsqBBkQ4UgGyoE2VAhyMYyKlv0l5FsPKOygaNNNnS0ycYKQTZytMkGMyobyqhsKKOyoYzKhjIqG8qobCijsqGMyoYyKhvKqGwoo7KhjMr2bzrZyLzIRibLdumMyoYyKhs5P2RD54ds5BNBtoUZ7ef5Nbwb2Y6eH3tWsp0+Pw6ByXbo/Oj74dTItve0LRCTbf/8WEom29vTFiCT7XV20/MwyBaK524qpQyyhczK3xllC5vJFnrPytv0si1atPdmsi1ctPJh4hldHdv2PzTZwul8nWfZ4mjgalsT2yE02RAaedpWwnYEDT1t62DblWPTy/bpqpXjM8j2yUwn1EbZovmUja0abIS22bZlwfSyRQNKG6FltmmR2ijb4gu39mlrlm1bimyXU2ON0CjbcjXWCG2yBdRG2YCabEgNNkKDbCE12AgNshXZLvZtUFmkzbEF1UbZ4g8bboTW2Ipsl48oboS22KIRlQ1FFBdpU2zhiOIibYktHlHZUERxkTbE1sl2nYjyIm2HbSJsw9rZ0LLJhtTGtbNNsl0torxIG2GbZLvesvH7ow22ItuVvg9koxGtONtaYJuo2rhmNr5sNWwPq122CrandL/aZas4236mu5UeH1Vsm3TjKe0q2Cruj3Tj61a+gm1ettt2676CbVb7DX6RtCyA6JoYAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 .03rem .1rem 0 hsla(0, 0%, 62%, .15);
    border-radius: .04rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 82px;
    padding: .7rem;
    margin: 0 .7rem
}

.realPay8-smart-pay .info-amount-box .info-amount-title-box,
.realPay8-smart-pay .info-amount-box .info-amount-value-box {
    align-items: center;
    font-family: lato, ubuntu, helvetica, sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0;
    color: #fff
}

.realPay8-smart-pay .info-amount-box .info-amount-value-box {
    font-size: xx-large
}

.realPay8-smart-pay .new-method-box {
    margin-top: 10px;
    border-radius: .2rem;
    border: .01rem solid #fff
}

.realPay8-smart-pay .new-method-contentbox {
    border-radius: .06rem;
    border: .01rem solid #fff
}

.realPay8-smart-pay .new-method-contentbox-select {
    border-radius: .06rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.realPay8-smart-pay .qr-code-box {
    padding: 0 .7rem;
    margin-top: 10px
}

.realPay8-smart-pay .order_infor_row {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 5px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: .2rem;
    border: .01rem solid rgba(75, 55, 55, .4196078431372549)
}

.realPay8-smart-pay .right_qr_wrap {
    padding: 0 .7rem;
    margin-top: 10px;
    flex: 1 1;
    grid-gap: 20px;
    gap: 20px;
    flex-direction: column;
    display: flex
}

.realPay8-smart-pay .right_qr_wrap .text_shadow {
    border-radius: 5px;
    padding: 9px 15px;
    font-size: 14px;
    grid-gap: 10px;
    gap: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    display: flex
}

.realPay8-smart-pay .method-item-box {
    padding: .2rem .6rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .2rem;
    border: .01rem solid #fff
}

.realPay8-smart-pay .method-item-box.active {
    border-radius: .2rem;
    border: .01rem solid #00b8f2;
    background-color: #beedff
}

.realPay8-smart-pay .method-item-box .method-contentbox-left {
    display: flex;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem
}

.realPay8-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefticon {
    margin-left: .11rem;
    width: 2rem;
    height: 2rem
}

.realPay8-smart-pay .method-item-box .method-contentbox-left .method-contentbox-lefttitle {
    margin-left: .26rem;
    font-family: ArialMT;
    font-weight: 500;
    font-stretch: normal;
    letter-spacing: 0;
    color: #333
}

.realPay8-smart-pay .method-item-box .method-contentbox-right {
    height: 100%;
    align-items: center;
    margin-right: .12rem
}

.realPay8-smart-pay .method-item-box .method-contentbox-right .method-contentbox-righticon {
    width: 1.2rem;
    height: 1.2rem
}

.realPay8-smart-pay .method-item-box .text_shadow_notice {
    box-shadow: 0 0 0 #0c8ef6;
    border-radius: 5px;
    font-size: 14px;
    grid-gap: 10px;
    gap: 10px;
    width: 90%;
    margin-top: 20px;
    align-items: center;
    color: #323c45
}

.realPay8-smart-pay .qr_alert_con {
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex
}

.realPay8-smart-pay .qr_button {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 6px 25px;
    border-radius: 5px;
    font-weight: 500;
    color: #000;
    font-family: m-700;
    font-size: 12px;
    letter-spacing: .4px;
    border: .5mm solid #000;
    transition: .4s;
    cursor: pointer
}

body {
    overflow-x: hidden !important
}

.bg {
    margin: 0 !important;
    min-height: 100vh !important;
    width: 100vw;
    background-size: cover;
    background-repeat: no-repeat;
    overflow-y: auto;
    overflow-x: hidden !important;
    flex-direction: column;
    justify-content: space-between
}

.bg,
.ceco1header-content {
    display: flex;
    align-items: center
}

.ceco1header-content {
    width: 100%;
    justify-content: center
}

.ceco1header-content-container {
    margin-top: 20px
}

.ceco1header-content-amount-text {
    display: block;
    margin: 0;
    font-size: 40px;
    font-weight: 500;
    line-height: normal
}

.ceco1header-content-amount-subtext {
    display: block;
    margin: 0;
    font-size: 14px;
    color: rgba(15, 15, 15, .7);
    font-weight: 500;
    line-height: normal
}

.ceco1-paymentmethod-drawer-timer-text {
    font-size: 30px;
    font-weight: 500;
    display: block;
    text-align: center
}

.ceco1-paymentmethod-drawer-timer-subtext {
    font-size: 14;
    font-weight: 400;
    display: block;
    text-align: center
}

.messageinfo-content {
    display: flex;
    justify-content: center;
    margin: 30px 0;
    border-radius: 10px;
    border: 1px solid #efefef;
    padding: 20px
}

.messageinfo-qr-text {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 7px
}

.notice-content {
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid #efefef;
    padding: 20px
}

.notice-content-title {
    margin-top: 0;
    margin-bottom: 5px
}

.notice-content-text {
    display: block;
    margin-top: 7px;
    font-size: 14px
}

.notice-content-text span {
    color: #4563ff !important
}

.ant-modal-confirm-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center !important
}

.modal--container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.modal--title {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 2px
}

.modal--message {
    font-size: 16px;
    font-weight: 400;
    margin: 2px 0
}

.modal--message,
p {
    text-align: center
}

.ceco2header-content {
    display: flex;
    justify-content: space-between
}

.ceco2header-content-container {
    margin-top: 20px
}

.ceco2header-content-amount-text {
    display: block;
    margin: 0;
    font-size: 40px;
    font-weight: 500;
    line-height: normal
}

.ceco2header-content-amount-subtext {
    display: block;
    margin: 0;
    font-size: 14px;
    color: rgba(15, 15, 15, .7);
    font-weight: 500;
    line-height: normal
}

.utr-id-container {
    position: relative;
    height: 48px;
    border: 1px solid #efefef;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    margin-bottom: 12px
}

.utr-id-text {
    position: absolute;
    top: -8px;
    left: 10px;
    background-color: #fff;
    padding: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #0f0f0f
}

.instructions-content-title {
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
    text-align: left
}

.instructions-content-subtext {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 7px
}

.instructions-note-content {
    padding: 7px 12px;
    border: 1px solid #e3e3e3;
    border-radius: 10px
}

.instructions-note-text {
    font-size: 14px;
    line-height: normal
}

.instructions-note-text span {
    font-weight: 500
}

body {
    margin: 0 !important;
    z-index: 9999999
}

.ant-card-body {
    padding: 0 !important
}

.container {
    width: 100%
}

.left-content {
    width: 70%
}

.ceco3header-content {
    display: flex;
    justify-content: space-between
}

.ceco3header-content-container {
    margin-top: 20px
}

.ceco3header-content-amount-text {
    display: block;
    margin: 0;
    font-size: 40px;
    font-weight: 500;
    line-height: normal
}

.ceco3header-content-amount-subtext {
    display: block;
    margin: 0;
    font-size: 14px;
    color: rgba(15, 15, 15, .7);
    font-weight: 500;
    line-height: normal
}

.ceco3header-content-countdown-text {
    color: #ff4949;
    font-size: 22px;
    font-weight: 500;
    display: block
}

.payment-method-content {
    margin: 20px 0
}

.payment-method-title {
    font-size: 14px;
    font-weight: 500
}

.payment-timer-text {
    color: #ff4949;
    font-size: 22px;
    font-weight: 500;
    display: block;
    text-align: center;
    margin-top: 10px
}

.payment-timer-subtext {
    color: #0f0f0f;
    opacity: 1%;
    font-size: 12px;
    font-weight: 400;
    display: block;
    text-align: center
}

.manual-transfer-upi-container {
    position: relative;
    height: 48px;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    margin-bottom: 12px;
    margin-top: 8px
}

.manual-transfer-upi-text {
    position: absolute;
    top: -8px;
    left: 10px;
    background-color: #f4f4f4;
    padding: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #0f0f0f
}

.note-content {
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid #efefef;
    padding: 20px
}

.note-content-title {
    margin-top: 0;
    margin-bottom: 5px
}

.note-content-text {
    font-size: 14px;
    display: block;
    margin-top: 7px
}

.note-content-text span {
    color: #4563ff !important
}

/*# sourceMappingURL=main.e18ff35e.chunk.css.map */