.home-header .home-menu .menu-main .home-btn .credit-box {
  display: flex;
}

.home-header .home-menu .menu-main .home-btn .head-box .user_menu {
  display: block;
}
.fix-footer{
  display: none !important;
}
@media screen and (max-width: 1200px) {
  .home-header .home-menu .home-logo .header-credits-box {
    display: none;
  }

  .home-header .home-menu .home-logo .header-credits-box.show {
    display: flex;
  }

  .home-header .home-menu .menu-main .menu-item.credit {
    display: none;
  }

  #headMob {
    display: none !important;
  }

  .footer-window {
    display: none !important;
  }

  #backTop {
    bottom: 3.1rem;
  }
}

@media screen and (min-width: 1200px) {
  .dialog_pay_mask {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999;
    background-color: #000;
    opacity: 0.18;
    display: none;
  }

  .dialog_pay_mob {
    display: none;
  }

  .dialog_pay_mask.show {
    display: block;
  }

  .dialog_pay {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .dialog_pay.showpay {
    display: flex;
  }

  .dialog_pay.showpay .pay_info {
    display: block;
  }

  .dialog_pay.showsuc {
    display: flex;
  }

  .dialog_pay.showsuc .pay_failed,
  .dialog_pay.showsuc .pay_info {
    display: none;
  }

  .dialog_pay.showerr .pay_success,
  .dialog_pay.showerr .pay_info {
    display: none;
  }

  .dialog_pay.showsuc .pay_success {
    display: flex;
  }

  .dialog_pay.showerr {
    display: flex;
  }

  .dialog_pay.showerr .pay_failed {
    display: flex;
  }

  .dialog_pay_container {
    position: relative;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid rgba(60, 74, 104, 0.1);
    width: 963px;
    height: 720px;
    overflow-y: auto;
  }

  .dialog_pay_container .close_icon {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
  }

  #payment_loading {
    width: 376px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.8);
  }

  .loading_box {
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: left; */
    font: normal normal 500 20px/28px HelveticaNeueLTPro-Md;
    color: #fff;
    transform: translate(-50%, -50%);
    width: 130px;
    height: 124px;
    /* UI Properties */
    z-index: 2;
  }

  .loading_box p {
    text-align: center;
    color: #000;
  }

  .loading-rect1 {
    width: 24px;
    height: 18px;
    background: url(/dist/img/loading-rect1.svg) no-repeat;
    margin-left: 14px;
    background-size: contain;
    animation: loading-rect1 1s linear infinite;
  }

  .loading-rect2 {
    width: 24px;
    height: 24px;
    background: url(/dist/img/loading-rect2.svg) no-repeat;
    margin-left: 14px;
    background-size: contain;
    animation: loading-rect2 1s linear infinite;
  }

  .loading-rect3 {
    width: 24px;
    height: 22px;
    background: url(/dist/img/loading-rect3.svg) no-repeat;
    background-size: contain;
    animation: loading-rect3 1s linear infinite;
    margin-left: 14px;
  }

  @keyframes loading-rect1 {
    30% {
      transform: translateY(-10px);
    }

    90% {
      transform: translateY(-10px);
    }

    100% {
      transform: translateY(0);
    }
  }

  .face_swap_loading {
    width: 120px;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
  }

  @keyframes loading-rect2 {
    30% {
      transform: translateY(0);
    }

    60% {
      transform: translateY(-10px);
    }

    90% {
      transform: translateY(-10px);
    }

    100% {
      transform: translateY(0);
    }
  }

  @keyframes loading-rect3 {
    60% {
      transform: translateY(0);
    }

    90% {
      transform: translateY(-10px);
    }

    100% {
      transform: translateY(0);
    }
  }

  .dialog_pay_container .close_icon .icon {
    width: 24px;
    height: 24px;
    background: no-repeat center url("/dist/img/close.svg");
    background-size: 100%;
  }

  .dialog_pay_container .close_icon:hover {
    background-color: #f0f1f1;
    border-radius: 10px;
  }

  .dialog_pay_container .pay_info {
    width: 100%;
    height: 100%;
    padding-top: 30px;
    padding-left: 27px;
    display: none;
  }

  .dialog_pay_container .pay_info .pay_info_content {
    height: 634px;
    display: flex;
  }

  .dialog_pay_container .pay_info .pay_left {
    width: 474px;
    height: 100%;
    border-radius: 3px;
    background-color: #f8f8f8;
    padding: 31px 24px 0 31px;
    margin-right: 51px;
  }

  .dialog_pay_container .pay_info .pay_left .title {
    padding-left: 4px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(57, 50, 90, 0.2);
  }

  .dialog_pay_container .pay_info .pay_left .title .title_icon {
    width: 43px;
    height: 43px;
    background: no-repeat center url("/dist/img/icon_coins.svg");
    background-size: 100%;
  }

  .dialog_pay_container .pay_info .pay_left .title .title_text {
    margin-left: 8px;
    font: normal normal 600 20px/30px Poppins;
  }

  .dialog_pay_container .pay_info .pay_left .product_price_box {
    padding-left: 10px;
    padding-right: 17px;
    padding-bottom: 13px;
    margin-top: 17px;
    border-bottom: 1px solid rgba(57, 50, 90, 0.2);
  }

  .dialog_pay_container .pay_info .pay_left .product_price_box > div {
    display: flex;
    justify-content: space-between;
  }

  .dialog_pay_container .pay_info .pay_left .product_price_box .product_name {
    margin-bottom: 16px;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .product_name
    .name {
    font: normal normal 700 15px/21px Poppins;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .product_name
    .price {
    font: normal normal 400 15px/21px Poppins;
  }

  .dialog_pay_container .pay_info .pay_left .product_price_box .subtotal {
    margin-bottom: 11px;
  }

  .dialog_pay_container .pay_info .pay_left .product_price_box .subtotal .name {
    font: normal normal 300 15px/21px Poppins;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .subtotal
    .price {
    font: normal normal 500 15px/21px Poppins;
  }

  .dialog_pay_container .pay_info .pay_left .product_price_box .discount .name {
    font: normal normal 300 15px/21px Poppins;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .discount
    .name
    .off {
    color: #77c002;
    font: normal normal 300 15px/21px Poppins;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .discount
    .price {
    color: #77c002;
    font: normal normal 500 15px/21px Poppins;
  }

  .dialog_pay_container .pay_info .pay_left .product_price_box .total_price {
    margin-top: 54px;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price
    .name {
    font: normal normal 300 15px/25px Poppins;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price
    .price {
    font: normal normal 700 18px/25px Poppins;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price
    .price
    .cur_price {
    position: relative;
    font: normal normal 600 18px/25px Poppins;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price
    .price
    .coupon_price {
    font: normal normal 600 18px/25px Poppins;
    display: none;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price.active
    .cur_price {
    padding-right: 5px;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price.active
    .cur_price::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: red;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price.active
    .coupon_price {
    display: inline-block;
  }

  .dialog_pay_container .pay_info .pay_left .product_info_box {
    position: relative;
    margin-top: 19px;
    padding-left: 10px;
    padding-bottom: 17px;
    height: 256px;
    border-bottom: 1px solid rgba(57, 50, 90, 0.2);
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .product_info_des {
    font: normal normal 300 14px/20px Poppins;
    color: #a8a7a8;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .product_info_des
    span {
    font: normal normal 300 14px/20px Poppins;
    color: #a8a7a8;
  }

  .dialog_pay_container .pay_info .pay_left .product_info_box .coupon_box {
    position: absolute;
    width: 100%;
    top: 83px;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_btn {
    position: absolute;
    font: normal normal 300 14px/20px Poppins;
    color: #0f45f5;
    text-decoration: underline;
    top: -45px;
    cursor: pointer;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_tip {
    position: absolute;
    left: 0;
    top: -24px;
    font: normal normal 500 14px/20px Poppins;
    color: #0f45f5;
    visibility: hidden;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_input {
    display: flex;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_input
    input {
    width: 303px;
    height: 40px;
    border: 1px solid rgba(109, 113, 122, 0.3);
    background-color: #fff;
    border-radius: 3px;
    padding: 0 5px;
    font-family: Poppins;
    font-size: 14px;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_input
    .btn_box {
    margin-left: 6px;
    position: relative;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_input
    .apply_btn {
    width: 98px;
    height: 40px;
    border-radius: 3px;
    background-color: #0f45f5;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    font-family: Poppins;
    cursor: pointer;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_input
    .remove_btn {
    position: absolute;
    bottom: -21px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    display: none;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_err {
    position: absolute;
    bottom: -18px;
    font-size: 12px;
    font-weight: 300;
    font-family: Poppins;
    color: #fe6969;
    display: none;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_err.active {
    display: block;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box.active
    .coupon_tip {
    opacity: 1;
    visibility: visible;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box.active
    .coupon_input {
    opacity: 1;
    visibility: visible;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box.paying {
    pointer-events: none;
  }

  .dialog_pay_container .pay_info .pay_left .product_info_box .service {
    position: absolute;
    bottom: 17px;
  }

  .dialog_pay_container .pay_info .pay_left .product_info_box .service_item {
    position: relative;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
    font-family: HelveticaNeueLTPro-Md;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .service_item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    width: 7px;
    height: 7px;
    background-color: #39325a;
  }

  .dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .service_item:last-child {
    margin-bottom: 0;
  }

  .dialog_pay_container .pay_info .pay_left .payIcon {
    margin: 10px auto 0 0;
    width: 418px;
    height: 45px;
    background: no-repeat center url("/dist/img/logoList.png");
    background-size: 100%;
  }

  .dialog_pay_container .pay_info .pay_right {
    width: 376px;
    position: relative;
  }

  .dialog_pay_container .pay_info .pay_right .title {
    font: normal normal 600 24px/33px Poppins;
    letter-spacing: 0px;
    margin-bottom: 17px;
  }

  .dialog_pay_container .pay_info .pay_right .paypal_content {
    width: 100%;
  }

  .dialog_pay_container .pay_info .pay_right .paypal_content .paypal_tip {
    position: relative;
    margin-top: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .dialog_pay_container .pay_info .pay_right .paypal_content .paypal_tip span {
    position: relative;
    padding: 0 8px;
    color: #a19cb5;
    font: normal normal 300 12px/17px Poppins;
    z-index: 1;
    max-width: 80%;
    background-color: #fff;
  }

  .dialog_pay_container
    .pay_info
    .pay_right
    .paypal_content
    .paypal_tip::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(57, 50, 90, 0.2);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .dialog_pay_container .pay_info .pay_right .paypal_content.paying {
    pointer-events: none;
  }

  .dialog_pay_container .pay_info .pay_right .fromData {
    margin-top: 4px;
  }

  .dialog_pay_container
    .pay_info
    .pay_right
    .fromData
    #link-authentication-element {
    position: relative;
    margin-bottom: 25px;
  }

  .dialog_pay_container
    .pay_info
    .pay_right
    .fromData
    #link-authentication-element::before {
    content: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
  }

  .dialog_pay_container .pay_info .pay_right .fromData .buyNow {
    margin-top: 16px;
    font: normal normal 600 16px/44px Poppins;
    letter-spacing: 0px;
    color: #ffffff;
    width: 375px;
    height: 44px;
    background: #fd3050 0% 0% no-repeat padding-box;
    border-radius: 3px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .dialog_pay_container .pay_info .pay_right .fromData .buyNow i {
    color: #fff;
    font-style: normal;
  }

  .dialog_pay_container .pay_info .pay_right .fromData .buyNow img {
    width: 23px;
    height: 23px;
    animation: loading 2s linear infinite;
    display: none;
  }

  .dialog_pay_container .pay_info .pay_right .fromData .buyNow.loading {
    pointer-events: none;
  }

  .dialog_pay_container .pay_info .pay_right .fromData .buyNow.loading i {
    display: none;
  }

  .dialog_pay_container .pay_info .pay_right .fromData .buyNow.loading img {
    display: initial;
  }

  .dialog_pay_container .pay_info .pay_right .fromData .buyNow.disabled {
    pointer-events: none;
  }

  .dialog_pay_container .pay_info .pay_right .fromData .buyNow:hover {
    opacity: 0.7;
    background-color: #fd3050 !important;
  }

  .dialog_pay_container .pay_info .footer {
    text-align: center;
    font: normal normal 300 12px/17px Poppins;
    letter-spacing: 0px;
    width: 50%;
    margin-top: 14px;
  }

  .dialog_pay_container .pay_info .footer .links {
    text-decoration: underline;
    font: normal normal 300 12px/12px Poppins;
    letter-spacing: 0px;
    color: #386ef5;
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #39325a;
    margin-left: 5px;
    padding-left: 8px;
    cursor: pointer;
  }

  .dialog_pay_container .pay_success {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .dialog_pay_container .pay_success .success_content {
    width: 807px;
    text-align: center;
  }

  .dialog_pay_container .pay_success .success_content .icon {
    width: 90px;
    height: 90px;
    background: no-repeat center url("/dist/img/success_icon.svg");
    background-size: 100%;
    margin: 0 auto 25px;
  }

  .dialog_pay_container .pay_success .success_content .tip {
    font: normal normal 600 28px/39px Poppins;
    margin-bottom: 42px;
  }

  .dialog_pay_container .pay_success .success_content .success_des {
    width: 100%;
    /* height: 180px; */
    border-radius: 10px;
    border: 1px solid rgba(60, 74, 104, 0.1);
    margin-bottom: 39px;
    padding: 28px 50px 20px;
  }

  .dialog_pay_container .pay_success .success_content .success_des p {
    padding: 0 20px;
    font: normal normal 500 16px/19px Helvetica HelveticaNeueLTPro-Md;
    text-align: center;
  }

  .dialog_pay_container .pay_success .success_content .success_des p span {
    font: normal normal 500 16px/19px Helvetica HelveticaNeueLTPro-Md;
  }

  .dialog_pay_container
    .pay_success
    .success_content
    .success_des
    p
    span.product_info,
  .dialog_pay_container
    .pay_success
    .success_content
    .success_des
    p
    span.user_email {
    font-weight: 500;
  }

  .dialog_pay_container .pay_success .success_content .success_des p a {
    font: normal normal 300 16px/25px Poppins;
    color: #0e45f5;
    text-decoration: underline;
  }

  .dialog_pay_container
    .pay_success
    .success_content
    .success_des
    p:last-child {
    margin-top: 23px;
  }

  .dialog_pay_container .pay_success .success_content button {
    width: 205px;
    height: 57px;
    background: #0e45f5;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
  }

  .dialog_pay_container .pay_failed {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .dialog_pay_container .pay_failed .failed_content {
    width: 706px;
    text-align: center;
  }

  .dialog_pay_container .pay_failed .failed_content .icon {
    width: 160px;
    height: 160px;
    background: no-repeat center url("/dist/img/err_icon.svg");
    background-size: 100%;
    margin: 0 auto;
  }

  .dialog_pay_container .pay_failed .failed_content .tip {
    font: normal normal 600 28px/39px Poppins;
    margin-bottom: 22px;
  }

  .dialog_pay_container .pay_failed .failed_content p {
    font: normal normal 300 16px/24px Poppins;
    margin-bottom: 77px;
  }

  .dialog_pay_container .pay_failed .failed_content #failed_pay {
    width: 205px;
    height: 57px;
    background-color: #0e45f5;
    color: #fff;
    border-radius: 3px;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 17px;
  }

  .dialog_pay_container .pay_failed .failed_content .help {
    display: block;
    font: normal normal 300 16px/25px Poppins;
  }

  .credits_combo_main_page {
    margin-top: 80px;
  }

  .credits_combo_main_page #credits_fiexd_container {
    display: none;
  }

  .credits_combo_main_page .credits_pack_combo {
    background: #f6f7ff;
  }

  .credits_combo_main_page .credits_subscribe_page,
  .credits_combo_main_page .credits_pack_page {
    /* display: none; */
  }

  .credits_combo_main_page .credits_subscribe_page .m_credits_combo_container,
  .credits_combo_main_page .credits_pack_page .m_credits_combo_container {
    display: none;
  }

  .credits_combo_main_page .credits_subscribe_page .m_credits_pack_container,
  .credits_combo_main_page .credits_pack_page .m_credits_pack_container {
    display: none;
  }

  .credits_combo_main_page .credits_container_loading {
    filter: blur(5px);
  }

  .credits_combo_main_page .credits_title {
    width: 1005px;
    margin: 0 auto;
  }

  .credits_combo_main_page .credits_title .subscribe_h1 {
    height: 169px;
    padding-top: 38px;
    box-sizing: border-box;
  }

  .credits_combo_main_page .credits_title .subscribe_h1 .subscribe_h1_dom {
    font: normal normal normal 36px/48px BowlbyOne;
    color: #000;
    margin: 0;
    text-align: center;
  }

  .credits_combo_main_page .credits_title .credit_pack_h1 {
    min-height: 169px;
    padding-top: 38px;
    padding-bottom: 44px;
    box-sizing: border-box;
    text-align: center;
  }

  .credits_combo_main_page .credits_title .credit_pack_h1 .credit_pack_h1_dom {
    font: normal normal normal 36px/48px BowlbyOne;
    color: #000;
    margin: 0;
  }

  .credits_combo_main_page .credits_title .credit_pack_h1 .credit_pack_h1_span {
    margin-top: 10px;
    font: normal normal 300 20px/30px Poppins;
    color: #000;
  }

  .credits_combo_main_page .credits_combo_container {
    display: flex;
    justify-content: center;
  }

  .more_credits {
    width: 1014px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
  }

  .more_credits .more_credits_des,
  .more_credits_des_m {
    margin-top: 28px;
    padding-left: 5px;
    display: none;
  }

  .more_credits .more_credits_des .des_title,
  .more_credits .more_credits_des_m .des_title {
    font: normal normal 500 16px/23px Poppins;
    margin-bottom: 3px;
  }

  .more_credits .more_credits_des .des_title .des_title_icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    background: no-repeat center url("/dist/img/bth_coins.svg");
  }

  .more_credits .more_credits_des .des {
    font: normal normal 300 13px/16px Poppins;
  }

  .credits_combo_main_page .credits_combo_container .credits_combo_item {
    background-color: white;
    border-radius: 10px;
    width: 320px;
    padding: 26px 21px;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0px 0px 0px #00000024;
    transition: 0.3s;
    padding-bottom: 50px;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item.has_login {
    height: 282px;
  }

  /* .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item:nth-last-child(2) {
    margin: 0 24px;
  } */

  .credits_combo_main_page .credits_combo_container .credits_combo_item:hover {
    box-shadow: 0px 15px 20px #00000024;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_discount {
    position: absolute;
    right: 12px;
    top: 11px;
    padding: 0 17px;
    color: #0e45f5;
    text-align: center;
    font: normal normal bold 12px/18px Poppins;
    outline: 1px solid #0e45f5;
    border-radius: 4px;
    height: 25px;
    line-height: 25px;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_info
    .credit_name {
    font: normal normal 300 18px/27px Poppins;
    color: #000000;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_info
    .credit_num {
    font: normal normal 500 16px/25px Poppins;
    color: #0e45f5;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_price_detail {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 37px;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_price_detail
    .credit_price {
    display: flex;
    align-items: flex-end;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_price_detail
    .credit_price
    .credit_price_align {
    color: black;
    vertical-align: bottom;
    font: normal normal 500 28px/28px Poppins;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_price_detail
    .credit_price
    .credit_price_align
    span {
    color: black;
    font: normal normal 500 18px/18px Poppins;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_price_detail
    .credit_price
    .credit_price_or {
    font: normal normal 300 14px/14px Poppins;
    color: #777777;
    margin-left: 4px;
    text-decoration: line-through;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_price_detail
    .credit_price_each {
    font: normal normal 300 14px/14px Poppins;
    color: #000000;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item.has_login
    .credit_price_detail {
    margin-top: 83px;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_subscribe {
    margin-top: 10px;
    border: 1px solid #0e45f5;
    border-radius: 4px;
    width: 273px;
    text-align: center;
    color: #0e45f5;
    font: normal normal 500 15px/44px Poppins;
    background-color: #ffffff;
    transition: 0.3s background-color;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_subscribe:hover {
    border: 1px solid #3e6af7;
    color: #3e6af7;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_detail_list {
    margin-top: 39px;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item.has_login
    .credit_detail_list {
    display: none;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_detail_list
    .credit_detail_item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_detail_list
    .credit_detail_item:nth-last-child(1) {
    margin-bottom: 0;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_detail_list
    .credit_detail_item
    .credit_detail_icon {
    width: 11px;
    height: 11px;
    margin-right: 9px;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_detail_list
    .credit_detail_item
    .credit_detail_span {
    font: normal normal 300 13px/15px Poppins;
    color: #000000;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_detail_list
    .credit_detail_item
    .credit_detail_span
    span {
    font-weight: 600;
  }

  .credits_combo_main_page .credits_combo_container .credit_credits_max {
    box-shadow: 0px 15px 20px #00000024;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credit_credits_max
    .credit_discount {
    background-color: #e6ecfe;
    color: #0e45f5;
    outline: none;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credit_credits_max
    .credit_subscribe {
    margin-top: 10px;
    border: 1px solid #0e45f5;
    border-radius: 4px;
    width: 273px;
    text-align: center;
    color: #0e45f5;
    font: normal normal 500 15px/44px Poppins;
    background-color: #ffffff;
    transition: 0.3s background-color;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
    color: #ffffff;
    background-color: #0e45f5;
  }

  .credits_combo_main_page
    .credits_combo_container
    .credit_credits_max
    .credit_subscribe:hover {
    color: #ffffff;
    background-color: #3e6af7;
  }

  .credits_combo_main_page .credits_pack_container {
    display: flex;
    justify-content: center;
  }

  .credits_combo_main_page .credits_pack_container .credits_pack_item {
    background-color: white;
    border-radius: 10px;
    width: 320px;
    height: 282px;
    padding: 25px 24px;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0px 0px 0px #00000024;
    transition: 0.3s;
  }

  /* .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item:nth-last-child(2) {
    margin: 0 24px;
  } */

  .credits_combo_main_page .credits_pack_container .credits_pack_item:hover {
    box-shadow: 0px 15px 20px #00000024;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item:nth-last-child(1) {
    box-shadow: 0px 15px 20px #00000024;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item:nth-last-child(1)
    .credit_discount {
    outline: none;
    background-color: rgba(139, 61, 255, 0.1);
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item:nth-last-child(1)
    .credit_subscribe {
    color: #ffffff;
    background-color: #0e45f5;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item:nth-last-child(1)
    .credit_subscribe:hover {
    color: #ffffff;
    background-color: #3e6af7;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_num {
    font: normal normal 500 16px/25px Poppins;
    color: #0e45f5;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_discount {
    position: absolute;
    right: 12px;
    top: 11px;
    padding: 0 17px;
    color: #0e45f5;
    text-align: center;
    font: normal normal bold 12px/18px Poppins;
    outline: 1px solid #0e45f5;
    border-radius: 4px;
    height: 25px;
    line-height: 25px;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_discount:nth-child(3) {
    outline: none;
    background-color: rgba(139, 61, 255, 0.1);
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 53px;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .m_credit_price_num {
    display: none;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .credit_price
    .credit_price_align {
    color: black;
    vertical-align: bottom;
    font: normal normal 500 28px/28px Poppins;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .credit_price
    .credit_price_align
    span {
    color: black;
    font: normal normal 500 18px/18px Poppins;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .credit_price
    .credit_price_or {
    text-decoration: line-through;
    font: normal normal 300 14px/14px Poppins;
    color: #777777;
    margin-bottom: 10px;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .credit_price
    .credit_price_none {
    opacity: 0;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .credit_price_each {
    font: normal normal 300 14px/14px Poppins;
    color: #000000;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_subscribe {
    margin-top: 8px;
    border: 1px solid #0e45f5;
    border-radius: 4px;
    width: 273px;
    text-align: center;
    color: #0e45f5;
    font: normal normal 500 15px/44px Poppins;
    background-color: #ffffff;
    transition: 0.3s background-color;
    box-sizing: border-box;
    cursor: pointer;
  }

  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_subscribe:hover {
    border: 1px solid #3e6af7;
    color: #3e6af7;
  }

  .credits_combo_main_page .about_credit_pack {
    width: 1005px;
    margin: 18px auto;
    padding-bottom: 57px;
  }

  .credits_combo_main_page .about_credit_pack .about_credit_pack_title {
    display: flex;
    align-items: flex-end;
  }

  .credits_combo_main_page
    .about_credit_pack
    .about_credit_pack_title
    .about_credit_pack_icon {
    width: 17px;
    height: 17px;
    margin-right: 5px;
  }

  .credits_combo_main_page .about_credit_pack .about_credit_pack_title span {
    font: normal normal 500 16px/25px Poppins;
    color: #39325a;
  }

  .credits_combo_main_page .about_credit_pack .about_credit_pack_content {
    margin-top: 4px;
    font: normal normal 300 13px/16px Poppins;
    color: #39325a;
  }

  .credits_combo_main_page .credits_table {
    background-color: white;
    padding-top: 35px;
    padding-bottom: 56px;
    box-sizing: border-box;
  }

  .credits_combo_main_page .credits_table .credits_table_title {
    margin: 0;
    text-align: center;
    font: normal normal normal 36px/48px BowlbyOne;
    letter-spacing: 0px;
    color: #39325a;
  }

  .credits_table .credits_table_container {
    width: 1005px;
    margin: 14px auto;
    margin-bottom: 0;
    border-top: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-radius: 10px;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }

    .credits_table .credits_table_content1 {
        display: grid;
        grid-area: 2 / 2 / 2 / 3;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        height: 80px;
        border-right: none !important;
        border-bottom: none !important;
    }
    
    .credits_table .credits_table_content2 {
        display: grid;
        grid-area: 3 / 2 / 3 / 3;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        height: 80px;
        border-right: none !important;
        border-bottom: none !important;
    }
    .credits_table div {
        display: flex;
        align-items: center;
        justify-content: center;
        font: normal normal 300 15px / 18px Poppins;
        color: #000000;
        border-right: 1px solid #D9D9D9;
        border-bottom: 1px solid #D9D9D9;
    }
    .credits_table .no_border {
        border: none
    } 
    .credits_table .credits_table_item {
        height: 40px;
    }
    .weight_higher {
        font: normal normal 600 18px / 20px Poppins !important;
        color: #39325A;
        height: 80px;
    } 
    .credits_table_item1 { grid-area: 1 / 1;}
    .credits_table_item2 { grid-area: 1 / 2;}
    .credits_table_item3 { grid-area: 2 / 1;
      height: 80px;}
    .credits_table_item4 { grid-area: 3 / 1;
      height: 80px;}
    .credits_table_item5 { grid-area: 1 / 1; }
    .credits_table_item6 { grid-area: 1 / 2; }
    .credits_table_item7 { grid-area: 2 / 1; }
    .credits_table_item8 { grid-area: 2 / 2; }
    .credits_table_item9 { grid-area: 1 / 1; }
    .credits_table_item10 { grid-area: 1 / 2; }
    .credits_table_item11 { grid-area: 2 / 1; }
    .credits_table_item12 { grid-area: 2 / 2;
        border-radius: 0 0 10px 0; }


.tips_title {
    width: 1000px;
    margin: 20px auto;
    font: normal normal 500 18px / 20px Poppins;
    color: #39325A;
} 
    
.tips_p {
    width: 1000px;
    margin: 10px auto;
    font: normal normal 300 15px / 18px Poppins;
    color: #000000;
}

  /* .credits_combo_main_page .credits_table .credits_table_container {
    width: 1005px;
    margin: 14px auto;
    margin-bottom: 0;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    overflow: hidden;
  } */

  .credits_combo_main_page
    .credits_table
    .credits_table_container
    .credits_table_header {
    text-align: center;
    font: normal normal 500 18px/53px Poppins;
    background-color: #fcfcfc;
  }

  .credits_combo_main_page .credits_table .credits_table_container table {
    width: 100%;
    border-collapse: collapse;
  }

  .credits_combo_main_page
    .credits_table
    .credits_table_container
    table
    tbody
    tr:nth-last-child(1)
    td {
    border-bottom: none;
  }

  .credits_combo_main_page .credits_table .credits_table_container table th,
  .credits_combo_main_page .credits_table .credits_table_container table td {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    box-sizing: border-box;
  }

  .credits_combo_main_page
    .credits_table
    .credits_table_container
    table
    th:nth-last-child(1),
  .credits_combo_main_page
    .credits_table
    .credits_table_container
    table
    td:nth-last-child(1) {
    border-right: none;
    border-bottom: none;
  }

  .credits_combo_main_page
    .credits_table
    .credits_table_container
    table
    th:nth-child(1),
  .credits_combo_main_page
    .credits_table
    .credits_table_container
    table
    td:nth-child(1) {
    border-left: none;
    border-bottom: none;
  }

  .credits_combo_main_page .credits_table .credits_table_container table td {
    font: normal normal 300 15px/18px Poppins;
    color: #000000;
  }

  .credits_combo_main_page .credits_table .credits_table_container table th {
    font: normal normal 500 18px/20px Poppins;
    color: #39325a;
  }

  .credits_combo_main_page .credits_FAQs {
    padding-top: 76px;
    padding-bottom: 20px;
    background: transparent
      linear-gradient(0deg, #ffffff 0%, #ffffff 67%, #f2f4f8 100%) 0% 0%
      no-repeat padding-box;
  }

  .credits_combo_main_page .credits_FAQs .credits_FAQs_title {
    font: normal normal normal 34px/53px BowlbyOne;
    text-align: center;
  }

  .credits_combo_main_page .credits_FAQs .credits_FAQs_container {
    width: 1005px;
    margin: 0 auto;
  }

  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item {
    border-bottom: 1px solid #d2d0de;
  }

  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item
    .credits_FAQs_question {
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item
    .credits_FAQs_question
    .credits_FAQs_question_text {
    display: flex;
    align-items: center;
    font: normal normal 600 18px/24px Poppins;
    color: #39325a;
  }

  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item
    .credits_FAQs_question
    .credits_FAQs_question_icon {
    width: 18px;
    height: 18px;
    cursor: pointer;
  }

  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item
    .credits_FAQs_answer {
    max-height: 0;
    transition: 0.3s;
    overflow: hidden;
  }

  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item
    .credits_FAQs_answer
    .credits_FAQs_answer_text { 
    font: normal normal 300 14px/21px Poppins;
    color: #39325a;
    margin-bottom: 30px;
  }

  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item
    .credits_FAQs_answer
    .credits_FAQs_answer_text a {
    text-decoration: underline;
  }

  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item
    .credits_FAQs_answer
    .credits_FAQs_answer_text
    span {
    text-decoration: underline;
    cursor: pointer;
    font: normal normal 300 14px/21px Poppins;
  }

  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_act
    .credits_FAQs_question
    .credits_FAQs_question_text {
    color: #0e45f5;
  }

  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_act
    .credits_FAQs_question
    .credits_FAQs_question_icon {
    transform: rotate(180deg);
  }

  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_act
    .credits_FAQs_answer {
    max-height: 200px;
    transition: 0.3s;
  }
}

@media (max-width: 1200px) {
  .ai_tool_pricing .page-footer {
    padding-bottom: 3rem;
  }
  .credits_combo_main_page .credits_combo_container {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
  }
  .credits_combo_main_page #credits_fiexd_container {
    width: 100%;
    position: fixed;
    bottom: -3rem;
    left: 0;
    padding: 0.6rem;
    box-sizing: border-box;
    padding-bottom: 0.3rem;
    height: 3rem;
    background: transparent linear-gradient(90deg, #fcf7df 0%, #ffefe8 100%);
    z-index: 2;
    transition: 0.3s ease;
  }
  .credits_combo_main_page #credits_fiexd_container .credits_fiexd_content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 0.2rem;
  }
  .credits_combo_main_page
    #credits_fiexd_container
    .credits_fiexd_content
    .credits_fiexd_num {
    color: #39325a;
    font: normal normal bold 0.3rem/0.3rem Poppins;
  }
  .credits_combo_main_page
    #credits_fiexd_container
    .credits_fiexd_content
    .credits_fiexd_price {
    font: normal normal 500 0.4rem/0.4rem Poppins;
  }
  .credits_combo_main_page
    #credits_fiexd_container
    .credits_fiexd_content
    .credits_fiexd_price
    span {
    font-size: 0.26rem;
  }
  .credits_combo_main_page
    #credits_fiexd_container
    .credits_fiexd_content
    .credits_price_each {
    color: #777777;
    font: normal normal normal 0.28rem/0.28rem Poppins;
  }
  .credits_combo_main_page
    #credits_fiexd_container
    .credits_fiexd_content
    .credits_fiexd_price_or {
    color: #777777;
    font: normal normal 300 0.24rem/0.28rem Poppins;
    text-decoration: line-through;
  }
  .credits_combo_main_page #credits_fiexd_container .credits_fiexd_submit {
    border-radius: 0.14rem;
    background-color: #0f45f5;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    color: white;
    font-size: 0.3rem;
    font-weight: 500;
  }
  .credits_combo_main_page .credits_pack_combo {
    padding: 1.5rem 0.6rem 0;
    min-height: 9rem;
  }
  .credits_combo_main_page .credits_subscribe_page,
  .credits_combo_main_page .credits_pack_page {
    /* display: none; */
  }
  .credits_combo_main_page .credits_subscribe_page .m_credits_pack_container,
  .credits_combo_main_page .credits_pack_page .m_credits_pack_container {
    display: block;
    width: 100%;
    margin: 0.37rem auto;
    margin-bottom: 0;
  }
  .credits_combo_main_page
    .credits_subscribe_page
    .m_credits_pack_container
    .m_credit_subscribe,
  .credits_combo_main_page
    .credits_pack_page
    .m_credits_pack_container
    .m_credit_subscribe {
    border-radius: 0.14rem;
    background-color: #0f45f5;
    width: 100%;
    height: 1rem;
    color: #ffffff;
    font-size: 0.3rem;
    line-height: 1rem;
    text-align: center;
    font-weight: 500;

    opacity: 0.5;
    pointer-events: none;
  }
  .credits_combo_main_page .credits_subscribe_page .m_credits_combo_container {
    display: block;
    width: 100%;
    margin: 0.37rem auto;
    margin-bottom: 0;
    padding-bottom: 0.6rem;
  }
  .credits_combo_main_page
    .credits_subscribe_page
    .m_credits_combo_container
    .m_credit_subscribe {
    border-radius: 0.14rem;
    background-color: #0f45f5;
    width: 100%;
    height: 1rem;
    color: #ffffff;
    font-size: 0.3rem;
    line-height: 1rem;
    text-align: center;
    font-weight: 500;

    opacity: 0.5;
    pointer-events: none;
  }

  .credits_combo_main_page
    .credits_subscribe_page
    .m_credits_combo_container
    .m_credit_subscribe.editable {
    opacity: 1;
    pointer-events: auto;
  }
  .credits_combo_main_page
    .credits_subscribe_page
    .m_credits_combo_container
    .m_credit_your_plan {
    margin-top: 0.58rem;
    display: none;
  }
  .credits_combo_main_page
    .credits_subscribe_page
    .m_credits_combo_container
    .m_credit_your_plan
    .m_credit_plan_t {
    font: normal normal 600 0.36rem/0.4rem BowlbyOne;
    text-align: center;
  }
  .credits_combo_main_page
    .credits_subscribe_page
    .m_credits_combo_container
    .m_credit_your_plan
    .m_credit_plan_container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 0.25rem;
  }
  .credits_combo_main_page
    .credits_subscribe_page
    .m_credits_combo_container
    .m_credit_your_plan
    .m_credit_plan_container
    .m_credit_plan_item {
    width: 32%;
    text-align: center;
    font-size: 0;
  }
  .credits_combo_main_page
    .credits_subscribe_page
    .m_credits_combo_container
    .m_credit_your_plan
    .m_credit_plan_container
    .m_credit_plan_item
    .m_credit_plan_icon {
    width: 0.81rem;
    height: 0.81rem;
  }
  .credits_combo_main_page
    .credits_subscribe_page
    .m_credits_combo_container
    .m_credit_your_plan
    .m_credit_plan_container
    .m_credit_plan_item
    .m_credit_plan_content {
    text-align: left;
    font: normal normal 300 0.22rem/0.33rem Poppins;
  }
  .credits_combo_main_page
    .credits_subscribe_page
    .m_credits_combo_container
    .m_credit_your_plan
    .m_credit_plan_container
    .m_credit_plan_item
    .m_credit_plan_content
    span {
    font-weight: 600;
  }
  .credits_combo_main_page .credits_container_loading {
    filter: blur(3px);
  }
  .credits_combo_main_page .credits_title {
    width: 100%;
    margin: 0 auto;
  }
  .credits_combo_main_page .credits_title .subscribe_h1 {
    padding-top: 0.2rem;
    box-sizing: border-box;
  }
  .credits_combo_main_page .credits_title .subscribe_h1 .subscribe_h1_dom {
    font: normal normal normal 0.36rem/0.48rem BowlbyOne;
    color: #000;
    margin: 0;
    text-align: center;
    margin: 0;
    text-align: center;
  }
  .credits_combo_main_page .credits_title .credit_pack_h1 {
    padding: 0.2rem 0;
    padding-bottom: 0.4rem;
    box-sizing: border-box;
    text-align: center;
  }
  .credits_combo_main_page .credits_title .credit_pack_h1 .credit_pack_h1_dom {
    font: normal normal bold 0.4rem/0.6rem BowlbyOne;
    color: #39325a;
    margin: 0;
  }
  .credits_combo_main_page .credits_title .credit_pack_h1 .credit_pack_h1_span {
    font: normal normal 400 0.28rem/0.42rem Poppins;
    color: #39325a;
  }
  .credits_combo_main_page .credits_combo_container .credits_combo_item {
    background-color: white;
    border-radius: 0.1rem;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0px 0px 0px #00000024;
    transition: 0.3s;
    margin-top: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
    margin-right: 0;
    padding: 0;
    border: 1px solid #c6cbda;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item.credit_credits_max {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 15px 20px #0000004a;
    border: 3px solid #0e45f5;
    border-radius: 10px;
    border: 1px solid #0E45F5;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_discount {
    width: 100%;
    color: #0f45f5;
    text-align: center;
    font: normal normal bold 0.22rem/0.42rem Poppins;
    /* box-shadow: 0px 1px 0px #D6D5D5; */
    border-radius: 0;
    position: relative;
    top: 0;
    right: 0;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_discount.credit_discount_max {
    background-color: #0f45f5;
    color: white;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_info {
    padding: 0.3rem 0;
    padding-left: 0.2rem;
    flex: 1;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_info
    .credit_name {
    font: normal normal normal 0.28rem/0.4rem Poppins;
    color: #000000;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_info
    .credit_num {
    font: normal normal bold 0.32rem/0.38rem Poppins;
    margin-top: 0.15rem;
    letter-spacing: 0px;
    color: #0e45f5;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_price_detail {
    padding: 0.2rem 0;
    padding-right: 0.2rem;
    width: 2.3rem;
    display: flex;
    flex-direction: column;
    margin-top: 0;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_price_detail
    .credit_price {
    display: flex;
    align-items: flex-end;
    margin-top: 0;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_price_detail
    .credit_price
    .credit_price_align {
    color: black;
    vertical-align: bottom;
    font: normal normal 500 0.4rem/0.4rem Poppins;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_price_detail
    .credit_price
    .credit_price_align
    span {
    color: black;
    font: normal normal 500 0.26rem/0.26rem Poppins;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_price_detail
    .credit_price
    .credit_price_or {
    font: normal normal 300 0.22rem/0.22rem Poppins;
    color: #777777;
    margin-left: 0.08rem;
    text-decoration: line-through;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_price_detail
    .credit_price_each {
    margin-top: 0.15rem;
    font: normal normal 300 0.24rem/0.24rem Poppins;
    color: #000000;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_subscribe {
    display: none;
    margin-top: 4px;
    border: 1px solid #0f45f5;
    border-radius: 4px;
    width: 273px;
    text-align: center;
    color: #0f45f5;
    font: normal normal 500 15px/44px Poppins;
    background-color: #ffffff;
    transition: 0.3s background-color;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_subscribe:hover {
    color: #ffffff;
    background-color: #0f45f5;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_detail_list {
    display: none;
    margin-top: 39px;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_detail_list
    .credit_detail_item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_detail_list
    .credit_detail_item:nth-last-child(1) {
    margin-bottom: 0;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_detail_list
    .credit_detail_item
    .credit_detail_icon {
    width: 11px;
    height: 11px;
    margin-right: 9px;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_detail_list
    .credit_detail_item
    .credit_detail_span {
    font: normal normal 300 13px/15px Poppins;
    color: #000000;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credits_combo_item
    .credit_detail_list
    .credit_detail_item
    .credit_detail_span
    span {
    font-weight: 600;
  }
  .credits_combo_main_page
    .credits_combo_container
    .credit_credits_max
    .credit_discount {
    background-color: #0f45f5;
    color: white;
  }
  .credits_combo_main_page .credits_combo_container .credits_combo_item_act {
    overflow: auto;
    border: 0.03rem solid #0f45f5;
    box-shadow: 0px 0.15rem 0.2rem #0000004a;
  }
  .credits_combo_main_page .credits_pack_container .credits_pack_item {
    background-color: white;
    border-radius: 0.1rem;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 0.2rem;
    overflow: hidden;
    min-height: 1.5rem;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item:nth-last-child(1)
    .credit_discount {
    background-color: #0f45f5;
    color: white;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_num {
    font: normal normal bold 0.26rem/0.26rem Poppins;
    color: #39325a;
    display: none;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_discount {
    width: 100%;
    color: #0f45f5;
    text-align: center;
    font: normal normal bold 0.22rem/0.42rem Poppins;
    box-shadow: 0px 1px 0px #d6d5d5;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_discount.credit_discount_max {
    background-color: #0f45f5;
    color: white;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.28rem 0.34rem;
    box-sizing: border-box;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .credit_price {
    order: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 0.87rem;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .credit_price
    .credit_price_align {
    color: black;
    vertical-align: bottom;
    font: normal normal 500 0.4rem/0.6rem Poppins;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .credit_price
    .credit_price_align
    span {
    color: black;
    font: normal normal 500 0.26rem/0.26rem Poppins;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .credit_price
    .credit_price_or {
    order: 2;
    font: normal normal 300 0.22rem/0.22rem Poppins;
    color: #777777;
    text-decoration: line-through;
    text-align: right;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .credit_price
    .credit_price_none {
    display: none;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .m_credit_price_num {
    height: 0.84rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 0.8rem;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .m_credit_price_num
    .credit_num {
    font: normal normal bold 0.26rem/0.4rem Poppins;
    color: #39325a;
    display: block;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .m_credit_price_num
    .credit_price_each {
    font: normal normal 300 0.24rem/0.35rem Poppins;
    color: #000000;
    display: block;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_price_detail
    .credit_price_each {
    font: normal normal 300 14px/14px Poppins;
    color: #000000;
    display: none;
  }
  .credits_combo_main_page
    .credits_pack_container
    .credits_pack_item
    .credit_subscribe {
    margin-top: 8px;
    border: 1px solid #0f45f5;
    border-radius: 4px;
    width: 273px;
    text-align: center;
    color: #0f45f5;
    font: normal normal 500 15px/44px Poppins;
    background-color: #ffffff;
    transition: 0.3s background-color;
    box-sizing: border-box;
    display: none;
  }
  .credits_combo_main_page .credits_pack_container .credits_pack_item_act {
    overflow: auto;
    border: 0.03rem solid #0f45f5;
    box-shadow: 0px 0.15rem 0.2rem #0000004a;
  }
  .credits_combo_main_page .about_credit_pack {
    padding: 0.64rem 0;
    text-align: center;
  }
  .credits_combo_main_page .about_credit_pack .about_credit_pack_title {
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  .credits_combo_main_page
    .about_credit_pack
    .about_credit_pack_title
    .about_credit_pack_icon {
    width: 17px;
    height: 17px;
    margin-right: 5px;
    display: none;
  }
  .credits_combo_main_page .about_credit_pack .about_credit_pack_title span {
    font: normal normal 600 0.36rem/0.36rem Poppins;
    color: #39325a;
  }
  .credits_combo_main_page .about_credit_pack .about_credit_pack_content {
    margin-top: 0.18rem;
    font: normal normal 400 0.22rem/0.33rem Poppins;
    color: #000000;
  }
  .credits_combo_main_page .credits_table {
    background-color: white;
    padding: 0.5rem 0.6rem;
    box-sizing: border-box;
  }
  .credits_combo_main_page .credits_table .credits_table_title {
    margin: 0;
    text-align: center;
    font: normal normal bold 0.4rem/0.45rem BowlbyOne;
    color: #39325a;
  }
  .credits_combo_main_page
    .credits_table
    .credits_table_container
    .credits_table_header {
    text-align: center;
    font: normal normal 500 0.32rem/0.48rem Poppins;
    background-color: #fcfcfc;
  }
  .credits_combo_main_page .credits_table .credits_table_container table {
    width: 100%;
    border-collapse: collapse;
  }
  .credits_combo_main_page
    .credits_table
    .credits_table_container
    table
    tbody
    tr:nth-last-child(1)
    td {
    border-bottom: none;
  }
  .credits_combo_main_page .credits_table .credits_table_container table th,
  .credits_combo_main_page .credits_table .credits_table_container table td {
    border: 1px solid #d9d9d9;
    border-radius: 0.1rem;
    padding: 0.1rem;
    text-align: center;
    box-sizing: border-box;
  }
  .credits_combo_main_page
    .credits_table
    .credits_table_container
    table
    th:nth-last-child(1),
  .credits_combo_main_page
    .credits_table
    .credits_table_container
    table
    td:nth-last-child(1) {
    border-right: none;
    border-bottom: none;
  }
  .credits_combo_main_page
    .credits_table
    .credits_table_container
    table
    th:nth-child(1),
  .credits_combo_main_page
    .credits_table
    .credits_table_container
    table
    td:nth-child(1) {
    border-left: none;
    border-bottom: none;
  }
  .credits_combo_main_page .credits_table .credits_table_container table td {
    font: normal normal 300 0.22rem/0.24rem Poppins;
    color: #000000;
  }
  .credits_combo_main_page .credits_table .credits_table_container table th {
    font: normal normal 500 0.22rem/0.24rem Poppins;
    color: #39325a;
  }
  .credits_combo_main_page .credits_FAQs {
    padding: 0.5rem 0.6rem;
    background: transparent
      linear-gradient(0deg, #ffffff 0%, #ffffff 67%, #f2f4f8 100%) 0% 0%
      no-repeat padding-box;
  }
  .credits_combo_main_page .credits_FAQs .credits_FAQs_title {
    font: normal normal 600 0.34rem/0.34rem BowlbyOne;
    text-align: center;
  }
  .credits_combo_main_page .credits_FAQs .credits_FAQs_container {
    margin: 0 auto;
  }
  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item {
    border-bottom: 1px solid #d2d0de;
  }
  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item
    .credits_FAQs_question {
    min-height: 1.12rem;
    padding: 0.2rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item
    .credits_FAQs_question
    .credits_FAQs_question_text {
    display: flex;
    align-items: center;
    font: normal normal 600 0.24rem/0.35rem Poppins;
    color: #39325a;
    flex: 1;
  }
  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item
    .credits_FAQs_question
    .credits_FAQs_question_icon {
    width: 0.32rem;
    height: 0.32rem;
    cursor: pointer;
    margin-left: 0.1rem;
  }
  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item
    .credits_FAQs_answer {
    max-height: 0;
    transition: 0.3s;
    overflow: hidden;
  }
  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_item
    .credits_FAQs_answer
    .credits_FAQs_answer_text {
    font: normal normal 300 0.22rem/0.33rem Poppins;
    color: #39325a;
    margin-bottom: 0.4rem;
  }
  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_act
    .credits_FAQs_question
    .credits_FAQs_question_text {
    color: #0f45f5;
  }
  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_act
    .credits_FAQs_question
    .credits_FAQs_question_icon {
    transform: rotate(180deg);
  }
  .credits_combo_main_page
    .credits_FAQs
    .credits_FAQs_container
    .credits_FAQs_act
    .credits_FAQs_answer {
    max-height: 200px;
    transition: 0.3s;
  }
  .more_credits {
    /* margin-top: 0.44rem; */
    /* padding-top: 0.51rem; */
    /* padding-bottom: 0.67rem; */
  }
  .more_credits .more_credits_title {
    font: normal normal 700 0.4rem/0.6rem Poppins;
    margin-bottom: 0;
    padding: 0 0.98rem;
  }
  .more_credits p {
    color: #000;
    font: normal normal 400 0.4rem/0.42rem Poppins;
    /* padding: 0 1.6rem; */
  }
  .more_credits_list .loading_box {
    justify-content: flex-start;
  }
  .more_credits .more_credits_list {
    margin-top: 0.41rem;
    display: block;
    padding-bottom: 0.1rem;
    /* padding: 0 0.6rem; */
  }
  .more_credits .more_credits_list .more_credits_list_item {
    position: relative;
    width: 100%;
    height: initial;
    padding: 0;
    margin: 0;
    margin-bottom: 0.18rem;
    border-radius: 0.1rem;
    border: 1px solid #c6cbda;
    transition: none;
  }
  .more_credits .more_credits_list .more_credits_list_item .buy_num {
    position: absolute;
    top: 0.36rem;
    left: 0.4rem;
    color: #39325a;
    font: normal normal 700 0.26rem/0.39rem Roboto;
    display: none;
  }
  .more_credits .more_credits_list .more_credits_list_item .credits_price {
    position: relative;
    margin: 0;
    width: 6.3rem;
    height: 1.5rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    flex-direction: row-reverse;
  }
  .more_credits
    .more_credits_list
    .more_credits_list_item
    .credits_price
    .m_buy_num {
    display: block;
    position: absolute;
    top: 0.36rem;
    left: 0.4rem;
    color: #0e45f5;
    font: normal normal 700 0.26rem/0.39rem Poppins;
  }
  .more_credits
    .more_credits_list
    .more_credits_list_item
    .credits_price
    .cur_price {
    font-size: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .more_credits
    .more_credits_list
    .more_credits_list_item
    .credits_price
    .cur_price
    .symbol {
    font-size: 0.26rem;
  }
  .more_credits
    .more_credits_list
    .more_credits_list_item
    .credits_price
    .cur_price
    .price_num {
    font-size: 0.4rem;
  }
  .more_credits
    .more_credits_list
    .more_credits_list_item
    .credits_price
    .cur_price
    .m_orign_price {
    text-align: right;
    display: block;
    color: #777777;
    font: normal normal 300 0.22rem/0.33rem Poppins;
    text-decoration: line-through;
  }
  .more_credits
    .more_credits_list
    .more_credits_list_item
    .credits_price
    .one_price {
    padding-top: 0.84rem;
    color: #000;
    font-size: 0.24rem;
  }
  .more_credits
    .more_credits_list
    .more_credits_list_item
    .credits_price
    .one_price
    .symbol {
    color: #000;
    font-size: 0.24rem;
  }
  .more_credits
    .more_credits_list
    .more_credits_list_item
    .credits_price
    .one_price
    .price_num {
    color: #000;
    font-size: 0.24rem;
  }
  .more_credits
    .more_credits_list
    .more_credits_list_item
    .credits_price
    .orign_price {
    display: none;
  }
  .more_credits .more_credits_list .more_credits_list_item .buy_btn {
    display: none;
  }
  .more_credits .more_credits_list .more_credits_list_item .item_tip {
    position: relative;
    border-radius: 0.1rem 0.1rem 0 0;
    top: inherit;
    right: inherit;
    /* width: 6.3rem; */
    height: 0.45rem;
    line-height: 0.45rem;
    border-bottom: 1px solid #d6d5d5;
    font-size: 0.22rem;
  }
  .more_credits
    .more_credits_list
    .more_credits_list_item:nth-child(1)
    .item_tip,
  .more_credits
    .more_credits_list
    .more_credits_list_item:nth-child(2)
    .item_tip {
    width: 100%;
    border: none;
    border-bottom: 0.01rem solid #d6d5d5;
  }
  .more_credits .more_credits_list .more_credits_list_item:last-child {
    /* margin-bottom: 0; */
    box-shadow: 0px 15px 20px #0000004a;
  }
  .more_credits
    .more_credits_list
    .more_credits_list_item:last-child
    .item_tip {
    width: 100%;
    border: none;
    background-color: #0e45f5;
    color: #ffffff;
    font-weight: 700;
  }
  .more_credits .more_credits_list .more_credits_list_item:hover {
    box-shadow: none;
  }
  .more_credits .more_credits_list .more_credits_list_item.active {
    border: 0.03rem solid #0e45f5;
    box-shadow: 0px 0.15rem 0.2rem #0000004a;
    overflow: hidden;
  }
  .more_credits .m_buy_btn {
    display: block;
    margin: 0.37rem auto 0;
    width: 6.3rem;
    height: 1rem;
    border-radius: 0.14rem;
    background-color: #0f45f5;
    color: #fff;
    text-align: center;
    line-height: 1rem;
    font-weight: 500;
    font-size: 0.3rem;
    font-family: Poppins;
  }
  .more_credits_des {
    display: none;
  }
  .m_credits_combo_container .more_credits_des_m {
    display: none;
    margin-top: 0.64rem;
  }
  .m_credits_combo_container .more_credits_des_m .des_title {
    text-align: center;
    font: normal normal 600 0.36rem/0.51rem BowlbyOne;
    margin-bottom: 0.18rem;
  }
  .m_credits_combo_container .more_credits_des_m .des_title .des_title_icon {
    display: none;
  }
  .m_credits_combo_container .more_credits_des_m .des {
    color: #000000;
    text-align: center;
    font: normal normal 400 0.22rem/0.33rem Poppins;
  }
}

@media screen and (max-width: 1200px) {
  .dialog_pay {
    display: none;
  }
  .dialog_pay_mob {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    background-color: #F6F7FF;
  }
  .dialog_pay_mob.showpay {
    display: flex;
  }
  .dialog_pay_mob.showpay .m_dialog_pay_container {
    width: 100%;
    height: 100%;
    padding-bottom: 1.52rem;
    border-radius: 0;
  }
  .dialog_pay_mob.showpay .pay_info {
    display: block;
  }
  .dialog_pay_mob.showsuc {
    display: flex;
    background-color: rgba(0, 0, 0, .5);
  }
  .dialog_pay_mob.showsuc .m_dialog_pay_container {
    height: initial;
    padding-top: 0.73rem;
    padding-bottom: 0.93rem;
    background-color: #fff;
  }
  .dialog_pay_mob.showsuc .close_icon {
    top: 0.2rem;
    right: 0.2rem;
    left: inherit;
  }
  .dialog_pay_mob.showsuc .close_icon .icon {
    width: 0.48rem;
    height: 0.48rem;
    background: no-repeat center url("/dist/img/m_close.svg");
    background-size: 100%;
    margin-right: 0;
  }
  .dialog_pay_mob.showsuc .close_icon span {
    display: none;
  }
  .dialog_pay_mob.showsuc .pay_success {
    display: flex;
  }
  .dialog_pay_mob.showerr {
    display: flex;
    background-color: rgba(0, 0, 0, .5);
  }
  .dialog_pay_mob.showerr .m_dialog_pay_container {
    padding-top: 1.07rem;
    background-color: #fff
  }
  .dialog_pay_mob.showerr .close_icon {
    top: 0.2rem;
    right: 0.2rem;
    left: inherit;
  }
  .dialog_pay_mob.showerr .close_icon .icon {
    width: 0.48rem;
    height: 0.48rem;
    background: no-repeat center url("/dist/img/m_close.svg");
    background-size: 100%;
    margin-right: 0;
  }
  .dialog_pay_mob.showerr .close_icon span {
    display: none;
  }
  .dialog_pay_mob.showerr .pay_failed {
    display: flex;
  }
  .m_dialog_pay_container {
    position: relative;
    width: 6.3rem;
    height: 9.73rem;
    background-color: #F6F7FF;
    padding: 0.61rem 0.6rem 0;
    border-radius: 0.1rem;
    overflow-y: auto;
  }
  .m_dialog_pay_container .close_icon {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0.28rem;
    left: 0.6rem;
  }
  .m_dialog_pay_container .close_icon .icon {
    width: 0.38rem;
    height: 0.38rem;
    background: no-repeat center url("/dist/img/icon_back.svg");
    background-size: 100%;
    margin-right: 0.09rem;
  }
  .m_dialog_pay_container .close_icon span {
    font: normal normal 600 0.22rem/0.33rem Poppins;
  }
  .m_dialog_pay_container .pay_info {
    width: 100%;
    display: none;
  }
  .m_dialog_pay_container .pay_info .pay_left {
    width: 6.3rem;
    height: 6.62rem;
    background-color: #fff;
    border-radius: 3px;
    padding: 0.32rem 0.2rem 0;
    margin-top: 0.2rem;
  }
  .m_dialog_pay_container .pay_info .pay_left .title {
    padding-left: 0.05rem;
    padding-bottom: 0.28rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(57, 50, 90, 0.2);
  }
  .m_dialog_pay_container .pay_info .pay_left .title .title_icon {
    width: 0.56rem;
    height: 0.56rem;
    background: no-repeat center url("/dist/img/icon_coins.svg");
    background-size: 100%;
  }
  .m_dialog_pay_container .pay_info .pay_left .title .title_text {
    margin-left: 0.11rem;
    font: normal normal 600 0.32rem/0.48rem Roboto;
  }
  .m_dialog_pay_container .pay_info .pay_left .product_price_box {
    padding-left: 0.11rem;
    padding-bottom: 0.33rem;
    margin-top: 0.22rem;
    border-bottom: 1px solid rgba(57, 50, 90, 0.2);
  }
  .m_dialog_pay_container .pay_info .pay_left .product_price_box > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .m_dialog_pay_container .pay_info .pay_left .product_price_box .product_name {
    margin-bottom: 0.23rem;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .product_name
    .name {
    font: normal normal 700 0.22rem/0.33rem Poppins;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .product_name
    .price {
    font: normal normal 400 0.26rem/0.39rem Poppins;
  }
  .m_dialog_pay_container .pay_info .pay_left .product_price_box .subtotal {
    margin-bottom: 0.17rem;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .subtotal
    .name {
    font: normal normal 300 0.22rem/0.33rem Poppins;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .subtotal
    .price {
    font: normal normal 500 0.26rem/0.39rem Poppins;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .discount
    .name {
    font: normal normal 300 0.22rem/0.33rem Poppins;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .discount
    .name
    .off {
    color: #77c002;
    font: normal normal 300 0.22rem/0.33rem Poppins;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .discount
    .price {
    color: #77c002;
    font: normal normal 500 0.26rem/0.39rem Poppins;
  }
  .m_dialog_pay_container .pay_info .pay_left .product_price_box .total_price {
    margin-top: 0.46rem;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price
    .name {
    font: normal normal 300 0.22rem/0.33rem Poppins;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price
    .price {
    font: normal normal 700 0.3rem/0.46rem Poppins;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price
    .price
    .cur_price {
    position: relative;
    font: normal normal 700 0.3rem/0.46rem Poppins;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price
    .price
    .coupon_price {
    font: normal normal 700 0.3rem/0.46rem Poppins;
    display: none;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price.active
    .cur_price {
    padding-right: 0.05rem;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price.active
    .cur_price::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.02rem;
    background-color: red;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_price_box
    .total_price.active
    .coupon_price {
    display: inline-block;
  }
  .m_dialog_pay_container .pay_info .pay_left .product_info_box {
    position: relative;
    margin-top: 0.2rem;
    height: 2.24rem;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .product_info_des {
    color: #a8a7a8;
    font: normal normal 300 0.24rem/0.39rem Poppins;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .product_info_des
    span {
    color: #a8a7a8;
    font: normal normal 300 0.24rem/0.39rem Poppins;
  }
  .m_dialog_pay_container .pay_info .pay_left .product_info_box .coupon_box {
    position: absolute;
    width: 100%;
    top: 1.2rem;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_btn {
    position: absolute;
    top: -0.34rem;
    font: normal normal 300 0.21rem/0.29rem Poppins;
    color: #0f45f5;
    text-decoration: underline;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_input {
    display: flex;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_input
    input {
    width: 4.32rem;
    height: 0.64rem;
    border: 1px solid #6d717a4d;
    background-color: #fff;
    border-radius: 0.03rem;
    padding: 0 0.05rem;
    font-family: Poppins;
    font-size: 0.28rem;
    font-weight: 400;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_input
    .btn_box {
    margin-left: 0.2rem;
    position: relative;
    font-size: 0;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_input
    .apply_btn {
    width: 1.37rem;
    height: 0.64rem;
    border-radius: 0.03rem;
    background-color: #0f45f5;
    color: #ffffff;
    font-size: 0.24rem;
    font-weight: 500;
    font-family: Poppins;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_input
    .remove_btn {
    position: absolute;
    bottom: -0.35rem;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 0.28rem;
    display: none;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_err {
    position: absolute;
    bottom: -0.34rem;
    font-size: 0.24rem;
    font-weight: 300;
    font-family: Poppins;
    color: #fe6969;
    display: none;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box
    .coupon_err.active {
    display: block;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box.active
    .coupon_tip {
    opacity: 1;
    visibility: visible;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box.active
    .coupon_input {
    opacity: 1;
    visibility: visible;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_left
    .product_info_box
    .coupon_box.paying {
    pointer-events: none;
  }
  .m_dialog_pay_container .pay_info .pay_right {
    width: 100%;
    margin-top: 0.35rem;
  }
  .m_dialog_pay_container .pay_info .pay_right .title {
    font: normal normal 600 0.39rem/0.55rem Poppins;
    /* margin-bottom: 0.28rem; */
  }
  .m_dialog_pay_container .pay_info .pay_right .m_paypal_content {
    width: 100%;
  }
  .m_dialog_pay_container .pay_info .pay_right .m_paypal_content .m_paypal_tip {
    position: relative;
    margin-top: 0rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_right
    .m_paypal_content
    .m_paypal_tip
    span {
    position: relative;
    padding: 0 0.18rem;
    color: #a19cb5;
    font: normal normal 300 0.22rem/0.33rem Poppins;
    z-index: 1;
    max-width: 80%;
    background-color: #fff;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_right
    .m_paypal_content
    .m_paypal_tip::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(57, 50, 90, 0.2);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .m_dialog_pay_container .pay_info .pay_right .m_paypal_content.paying {
    pointer-events: none;
  }
  .m_dialog_pay_container .pay_info .pay_right .fromData {
    width: 100%;
    margin-top: 0.05rem;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_right
    .fromData
    #link-authentication-element {
    position: relative;
    margin-bottom: 0.4rem;
  }
  .m_dialog_pay_container
    .pay_info
    .pay_right
    .fromData
    #link-authentication-element::before {
    content: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
  }
  .m_dialog_pay_container .pay_info .pay_right .fromData .buyNow {
    margin-top: 0.32rem;
    font: normal normal 500 0.3rem/0.46rem Poppins;
    color: #fff;
    width: 6.3rem;
    height: 1rem;
    background-color: #0f45f5;
    border-radius: 0.14rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .m_dialog_pay_container .pay_info .pay_right .fromData .buyNow i {
    color: #fff;
    font-style: normal;
  }
  .m_dialog_pay_container .pay_info .pay_right .fromData .buyNow img {
    width: 0.43rem;
    height: 0.43rem;
    animation: loading 2s linear infinite;
    display: none;
  }
  .m_dialog_pay_container .pay_info .pay_right .fromData .buyNow.loading {
    pointer-events: none;
  }
  .m_dialog_pay_container .pay_info .pay_right .fromData .buyNow.loading i {
    display: none;
  }
  .m_dialog_pay_container .pay_info .pay_right .fromData .buyNow.loading img {
    display: initial;
  }
  .m_dialog_pay_container .pay_info .pay_right .fromData .buyNow.disabled {
    pointer-events: none;
  }
  .m_dialog_pay_container .pay_info .footer {
    text-align: center;
    font: normal normal 300 0.24rem/0.33rem Poppins;
    width: 100%;
    margin-top: 0.32rem;
    white-space: nowrap;
  }
  .m_dialog_pay_container .pay_info .footer .links {
    text-decoration: underline;
    font: normal normal 300 0.24rem/0.33rem Poppins;
    letter-spacing: 0px;
    color: #386ef5;
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #39325a;
    margin-left: 0.18rem;
    padding-left: 0.25rem;
  }
  .m_dialog_pay_container .pay_success {
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
  }
  .m_dialog_pay_container .pay_success .success_content {
    width: 5.43rem;
    text-align: center;
  }
  .m_dialog_pay_container .pay_success .success_content .icon {
    width: 1.6rem;
    height: 1.6rem;
    background: no-repeat center url("/dist/img/success_icon.svg");
    background-size: 100%;
    margin: 0 auto 0.2rem;
  }
  .m_dialog_pay_container .pay_success .success_content .tip {
    color: #0e0d11;
    font: normal normal 600 0.4rem/0.6rem Poppins;
    margin-bottom: 0.25rem;
  }
  .m_dialog_pay_container .pay_success .success_content .success_des {
    width: 100%;
    padding: 0.37rem 0.33rem;
    background-color: #f3f3f3;
    border-radius: 0.1rem;
    margin-bottom: 0.34rem;
  }
  .m_dialog_pay_container .pay_success .success_content .success_des p {
    font: normal normal 300 0.25rem/0.45rem Poppins;
    text-align: center;
    color: #0e0d11;
  }
  .m_dialog_pay_container .pay_success .success_content .success_des p span {
    font: normal normal 300 0.25rem/0.45rem Poppins;
  }
  .m_dialog_pay_container
    .pay_success
    .success_content
    .success_des
    p
    span.product_info,
  .m_dialog_pay_container
    .pay_success
    .success_content
    .success_des
    p
    span.user_email {
    font-weight: 600;
  }
  .m_dialog_pay_container .pay_success .success_content .success_des p a {
    font: normal normal 300 0.25rem/0.45rem Poppins;
    color: #6d4dff;
    text-decoration: underline;
  }
  .m_dialog_pay_container
    .pay_success
    .success_content
    .success_des
    p:last-child {
    margin-top: 0.2rem;
  }
  .m_dialog_pay_container .pay_success .success_content button {
    width: 5.45rem;
    height: 1rem;
    background: #0f45f5;
    border-radius: 0.08rem;
    font-size: 0.32rem;
    font-weight: 300;
    color: #fff;
    font-family: Poppins;
  }
  .m_dialog_pay_container .pay_failed {
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
  }
  .m_dialog_pay_container .pay_failed .failed_content {
    text-align: center;
    width: 5.45rem;
  }
  .m_dialog_pay_container .pay_failed .failed_content .icon {
    width: 2.54rem;
    height: 2.54rem;
    background: no-repeat center url("/dist/img/err_icon.svg");
    background-size: 100%;
    margin: 0 auto;
  }
  .m_dialog_pay_container .pay_failed .failed_content .tip {
    color: #0e0d11;
    font: normal normal 600 0.4rem/0.56rem Poppins;
    margin-bottom: 0.46rem;
  }
  .m_dialog_pay_container .pay_failed .failed_content p {
    font: normal normal 300 0.25rem/0.45rem Poppins;
    margin-bottom: 0.79rem;
  }
  .m_dialog_pay_container .pay_failed .failed_content #failed_pay {
    width: 5.45rem;
    height: 1rem;
    background-color: #0f45f5;
    color: #fff;
    border-radius: 0.08rem;
    font-family: Poppins;
    font-size: 0.32rem;
    font-weight: 300;
    margin-bottom: 0.49rem;
  }
  .m_dialog_pay_container .pay_failed .failed_content .help {
    display: block;
    font: normal normal 300 0.24rem/0.35rem Poppins;
  }
  .dialog_pay {
    display: none;
  }
  #mob_payment-form {
    position: relative;
    min-height: 3.8rem;
  }
  #payment_loading_m {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 3.8rem;
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
  }
  .credits_table_container {
    width: 100%;
    margin: .34rem auto;
    margin-bottom: 0;
    border-top: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-radius: .1rem;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: repeat(3, 1fr);
  }
  
  .credits_table_container div {
    display: flex;
    align-items: center;
    justify-content: center;
    font: normal normal 300 0.2rem / 0.18rem Poppins;
    color: #000000;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
  }
    .credits_table_content1 {
        display: grid !important;
        grid-area: 2 / 2 / 2 / 3;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        height: .8rem;
        border-right: none !important;
        border-bottom: none !important;
    }
    
    .credits_table_content2 {
        display: grid !important;
        grid-area: 3 / 2 / 3 / 3;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        height: .8rem;
        border-right: none !important;
        border-bottom: none !important;
    }
    .no_border {
        border: none
    } 
    .credits_table_item {
        height: .4rem
    }
    .weight_higher {
        font: normal normal 500 0.22rem / 0.2rem Poppins;
        color: #39325A;
    } 
    .credits_table_item1 { grid-area: 1 / 1;}
    .credits_table_item2 { grid-area: 1 / 2;}
    .credits_table_item3 { grid-area: 2 / 1;}
    .credits_table_item4 { grid-area: 3 / 1;}
    .credits_table_item5 { grid-area: 1 / 1; }
    .credits_table_item6 { grid-area: 1 / 2; }
    .credits_table_item7 { grid-area: 2 / 1; }
    .credits_table_item8 { grid-area: 2 / 2; }
    .credits_table_item9 { grid-area: 1 / 1; }
    .credits_table_item10 { grid-area: 1 / 2; }
    .credits_table_item11 { grid-area: 2 / 1; }
    .credits_table_item12 { grid-area: 2 / 2;
        border-radius: 0 0 10px 0; }

    .credits_table_header {
      text-align: center;
      font: normal normal 500 .32rem/.48rem Poppins;
      background-color: rgb(252, 252, 252);
    }

    .tips_title {
      width: 100%;
      margin: 0.2rem auto;
      font: normal normal 500 0.28rem / 20px Poppins;
      color: #39325A;
    } 
        
    .tips_p {
      width: 100%;
      margin: 0.1rem auto;
      font: normal normal 300 0.22rem / 18px Poppins;
      color: #000000;
    }
}

@media (max-width: 979px){
  .cookies_footer{
    bottom: 0;
  }
}