.pay_order_details {
  width: 320px;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid var(--PIA24-Line-02, #F4F4F5);
  background: var(--white-100, #FFF); }
  .pay_order_details.static-isp {
    width: 455px; }
  .pay_order_details .pod_tit {
    display: flex;
    align-items: center;
    color: var(--PIA24-BK-01, #042040);
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 18px */
    text-transform: capitalize;
    padding-bottom: 14px;
    border-bottom: 1px solid #F5F5F5; }
  .pay_order_details .pod_tit1 {
    color: var(--PIA_BK-01, #042040);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 16px */ }
  .pay_order_details .pod_tit2 {
    color: var(--PIA_BK-02, #55687D);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
    text-transform: capitalize; }
  .pay_order_details .pod_tit3 {
    color: var(--Apollo-BK_03, #6B7589);
    font-family: "Alibaba PuHuiTi 2.0";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
    text-transform: capitalize;
    cursor: pointer; }
  .pay_order_details .pod_p1 {
    display: flex;
    align-items: center;
    color: var(--PIA24-BK-01, #042040);
    font-size: 14px;
    font-weight: 400;
    line-height: 100%; }
  .pay_order_details .pod_p2 {
    display: flex;
    align-items: center;
    color: var(--PIA24-BK-01, #042040);
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    margin-left: 20px; }
  .pay_order_details .pod_info_title {
    color: var(--PIA24-BK-02, #55687D);
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 13px */
    margin-top: 15px; }
  .pay_order_details .pod_info_content {
    margin-top: 15px;
    padding: 15px;
    border-radius: 4px;
    background: #F9FBFD; }
  .pay_order_details .pod_info_txt {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .pay_order_details .payMoneyCouponBox .pod_p2 {
    color: #CD071E !important; }
  .pay_order_details .buy-time-order {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px; }
    .pay_order_details .buy-time-order .type {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%; }
      .pay_order_details .buy-time-order .type .li {
        display: flex;
        height: 40px;
        padding: 12px;
        justify-content: flex-start;
        align-items: center;
        gap: 5px;
        flex: 1 0 0;
        border-radius: 4px;
        border: 1px solid var(--PIA24-Line-02, #F4F4F5);
        color: var(--PIA24-BK-01, #042040);
        font-family: "Open Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        width: calc((100% - 10px) / 2);
        cursor: pointer; }
        .pay_order_details .buy-time-order .type .li i {
          width: 14px;
          height: 14px;
          background: url("../../index/img/pay-isp-new/select.svg");
          background-repeat: no-repeat;
          flex-shrink: 0; }
        .pay_order_details .buy-time-order .type .li:hover {
          border: 1px solid #E5E8EC;
          background: #F6FAFF; }
        .pay_order_details .buy-time-order .type .li.active {
          color: #042040;
          border-radius: 4px;
          border: 2px solid #F22248;
          background: #F9FCFF; }
          .pay_order_details .buy-time-order .type .li.active::after {
            border: none !important; }
          .pay_order_details .buy-time-order .type .li.active i {
            background: url("../../index/img/pay-isp-new/selected.svg"); }
  .pay_order_details .pod_show_detail {
    padding: 15px;
    border-radius: 4px;
    background: #F5F5F5;
    margin-top: 15px;
    max-height: 400px;
    overflow-y: scroll; }
    .pay_order_details .pod_show_detail .podsd_li {
      color: var(--PIA_BK-01, #042040);
      font-family: "Open Sans";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      margin-top: 20px;
      display: flex;
      align-items: center;
      gap: 5px; }
      .pay_order_details .pod_show_detail .podsd_li .pay_inplan {
        width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .pay_order_details .pod_show_detail .podsd_li > img {
        width: 18px;
        height: 18px;
        border-radius: 50%; }
      .pay_order_details .pod_show_detail .podsd_li .payInPlanVal {
        margin-left: auto;
        color: var(--PIA_BK-01, #042040);
        font-family: "Open Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%; }
      .pay_order_details .pod_show_detail .podsd_li:nth-of-type(1) {
        margin-top: 0; }
  .pay_order_details .pod_line {
    width: 100%;
    height: 1px;
    background: #F4F4F5;
    margin: 20px 0; }
  .pay_order_details .po-item-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px; }
    .pay_order_details .po-item-flex .pif-left {
      display: flex;
      align-items: center;
      gap: 10px; }
    .pay_order_details .po-item-flex .pif-right {
      display: flex;
      align-items: center;
      gap: 10px; }
    .pay_order_details .po-item-flex .pif-label {
      color: var(--PIA_BK-02, #55687D);
      font-family: "Open Sans";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      /* 14px */
      text-transform: capitalize; }
    .pay_order_details .po-item-flex .pif-value {
      color: var(--PIA_BK-01, #042040);
      font-family: "Open Sans";
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 100%;
      /* 14px */ }
  .pay_order_details .pod_total {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .pay_order_details .pod_total .podt_txt .p1 {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      color: var(--PIA_BK-01, #042040);
      font-size: 22px;
      font-weight: 600;
      line-height: 100%;
      margin-bottom: 5px; }
    .pay_order_details .pod_total .podt_txt .p2 {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      color: var(--PIA24-BK-02, #55687D);
      font-size: 14px;
      font-weight: 400;
      line-height: 100%; }
  .pay_order_details .pod_currency {
    display: none; }
    .pay_order_details .pod_currency .com_btn1 {
      min-width: 74px;
      padding: 8px 15px;
      height: 34px;
      flex: none; }
    .pay_order_details .pod_currency + .pod_line {
      display: none; }
  .pay_order_details .pod_coupons {
    display: block; }
    .pay_order_details .pod_coupons .com_btn1 {
      min-width: 74px;
      padding: 8px 15px;
      height: 34px;
      flex: none; }

.add_coupon_content {
  display: flex;
  width: 423px;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4px;
  background: var(--PIA_BK-White, #FFF);
  box-shadow: 0px 0px 10px 0px rgba(24, 28, 50, 0.1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  .add_coupon_content .pop_header {
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    border-radius: 3px 3px 0px 0px;
    border-bottom: 1px solid #E6E9F0;
    background: #FFF; }
    .add_coupon_content .pop_header p {
      color: var(--PIA24-BK-01, #042040);
      font-family: "Open Sans";
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      /* 13px */ }
    .add_coupon_content .pop_header .pop-close {
      width: 14px;
      height: 14px;
      cursor: pointer;
      position: relative;
      margin-left: auto;
      right: unset;
      top: unset; }
  .add_coupon_content .pop_body {
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch; }
    .add_coupon_content .pop_body .pop_input_label {
      color: var(--PIA24-BK-01, #042040);
      font-family: "Open Sans";
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      /* 13px */
      width: 100%;
      text-align: left; }
    .add_coupon_content .pop_body .pop_input {
      display: flex;
      align-items: center;
      gap: 6px;
      align-self: stretch;
      border-radius: 2px; }
      .add_coupon_content .pop_body .pop_input input {
        display: flex;
        padding: 10px 15px;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;
        border-radius: 4px;
        border: 1px solid #E6E9F0;
        background: #FFF;
        height: 34px; }
        .add_coupon_content .pop_body .pop_input input::placeholder {
          color: var(--PIA_Text-04, #94A3B8);
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */ }
      .add_coupon_content .pop_body .pop_input .coupon_search_apply {
        display: flex;
        height: 34px;
        padding: 10px 30px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background: var(--PIA24-VI-01, #0E6FDE);
        color: var(--PIA_BK-White, #FFF);
        font-family: "Open Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 13px */
        text-transform: capitalize;
        cursor: pointer; }
        .add_coupon_content .pop_body .pop_input .coupon_search_apply:hover {
          background: #16396C; }

.virtual-box {
  display: none;
  margin-top: 10px;
  justify-content: flex-start;
  align-items: center; }
  .virtual-box:before {
    content: "*";
    color: #E30B34;
    font-size: 13px;
    margin-right: 5px; }
  .virtual-box .txtse {
    display: flex;
    position: relative;
    top: 1px;
    color: #55687D; }
    .virtual-box .txtse .ttp {
      margin-top: 3px;
      margin-left: 5px;
      width: 14px;
      height: 14px;
      background: url("../img/pay/ttp_icon.svg") no-repeat center; }
      .virtual-box .txtse .ttp:hover {
        background: url("../img/pay/ttp_icon_1.svg") no-repeat center; }
    .virtual-box .txtse .ttp:hover + .hide-txt {
      display: block; }
    .virtual-box .txtse .hide-txt {
      display: none;
      border-radius: 4px;
      background: var(--PIA24-BK-01, #042040);
      max-width: 326px;
      padding: 10px;
      color: var(--PIA24-BK-White, var(--white-100, #FFF));
      font-family: "Open Sans";
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      /* 15.6px */
      position: absolute;
      bottom: 30px;
      right: -160px; }

.payDetail_tip {
  display: none;
  gap: 5px;
  align-items: center;
  margin-bottom: 15px;
  color: var(--PIA24-BK-02, #55687D);
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 13px */ }
  .payDetail_tip i {
    width: 14px;
    height: 14px;
    background: url("../img/red_tip.svg");
    flex-shrink: 0; }
  .payDetail_tip a {
    color: var(--PIA24-BK-01, #042040);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    font-size: 13px;
    white-space: nowrap; }

.payDetail_btn {
  display: flex;
  height: 34px;
  padding: 10px 30px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #F22248;
  color: var(--PIA_BK-White, #FFF);
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
  text-transform: capitalize;
  cursor: pointer; }
  .payDetail_btn.disabled {
    color: rgba(4, 32, 64, 0.3);
    background: #F5F5F5;
    border: 1px solid #D9DAD9; }
  .payDetail_btn:hover {
    background-color: #D91438; }

.static-auth-tip {
  color: var(--PIA24-BK-02, #55687D);
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  text-align: center;
  margin-top: 10px;
  display: none; }
  .static-auth-tip > a {
    color: var(--PIA24-BK-02, #55687D);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font; }

.slide_toggle {
  cursor: pointer; }
  .slide_toggle.show .slide_icon {
    transform: rotateZ(180deg);
    transition: all .3s; }

.select_box {
  position: relative;
  flex: 1; }
  .select_box .select_demon {
    border-radius: 4px;
    border: 1px solid var(--PIA24-Line-03, #E9EEF2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 34px;
    padding: 8px 10px;
    color: var(--PIA24-BK-01, #042040);
    font-size: 13px;
    font-weight: 400;
    line-height: 100%;
    cursor: pointer; }
    .select_box .select_demon .select_icon {
      display: flex;
      align-items: center; }
    .select_box .select_demon .select_ipt_val {
      border: none;
      height: 100%;
      width: 100%; }
  .select_box .select_list {
    width: 100%;
    border-radius: 4px;
    background: var(--white-100, #FFF);
    box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05);
    padding: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    max-height: 210px;
    overflow-y: scroll; }
    .select_box .select_list::-webkit-scrollbar {
      width: 4px; }
    .select_box .select_list::-webkit-scrollbar-thumb {
      background-color: #C9CDE0;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
    .select_box .select_list .cl_li {
      color: var(--PIA24-BK-01, #042040);
      font-size: 13px;
      font-weight: 400;
      line-height: 100%;
      padding: 8px 5px;
      padding-right: 22px;
      cursor: pointer;
      position: relative; }
      .select_box .select_list .cl_li:hover {
        background: #F5F5F7; }
      .select_box .select_list .cl_li.active {
        color: var(--PIA24-BK-01, #042040); }
        .select_box .select_list .cl_li.active::after {
          display: block;
          content: "";
          width: 12px;
          height: 12px;
          position: absolute;
          right: 5px;
          top: 50%;
          transform: translateY(-50%);
          background: url(../img/new_header/gou.svg) no-repeat center; }
    .select_box .select_list .cl_coupon_li {
      padding: 8px 5px;
      cursor: pointer; }
      .select_box .select_list .cl_coupon_li:hover {
        background: #F5F5F7; }
      .select_box .select_list .cl_coupon_li .ccl_tit {
        color: var(--PIA24-BK-02, #55687D);
        font-size: 14px;
        font-weight: 600;
        line-height: 100%;
        display: flex;
        align-items: center; }
        .select_box .select_list .cl_coupon_li .ccl_tit .coup_top {
          width: 63px;
          height: 16px;
          display: flex;
          align-items: center;
          padding-left: 6px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url(../img/pay/pay_mode/coupon_mark.svg);
          font-size: 12px;
          font-weight: 500;
          color: #FFFFFF;
          line-height: 16px;
          margin-left: 11px;
          flex: none; }
      .select_box .select_list .cl_coupon_li .ccl_txt {
        color: var(--PIA24-BK-02, #55687D);
        font-size: 13px;
        font-weight: 400;
        line-height: 100%;
        margin-top: 5px; }

.mp_mode_list {
  flex: 1; }
  .mp_mode_list .pay_mode_li {
    padding: 20px;
    border-radius: 4px;
    border: 1px solid var(--PIA24-Line-02, #F4F4F5);
    background: var(--white-100, #FFF);
    cursor: pointer;
    margin-bottom: 10px; }
    .mp_mode_list .pay_mode_li.active .pmli_tit .pmlt_checked {
      background-image: url("../../user/img/icon_checked_1.svg"); }
    .mp_mode_list .pay_mode_li .pmli_tit {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .mp_mode_list .pay_mode_li .pmli_tit .pmlt_txt {
        display: flex;
        align-items: center;
        color: var(--PIA_BK-01, #042040);
        font-size: 15px;
        font-weight: 400;
        line-height: 100%;
        text-transform: capitalize;
        flex-shrink: 0; }
        .mp_mode_list .pay_mode_li .pmli_tit .pmlt_txt .pmlt-line {
          width: 1px;
          height: 10px;
          margin: 0 10px;
          background: #DEE0E9; }
        .mp_mode_list .pay_mode_li .pmli_tit .pmlt_txt .pmlt_balance {
          display: flex;
          align-items: center;
          color: var(--PIA24-BK-03, #94A3B8);
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */
          text-transform: capitalize; }
      .mp_mode_list .pay_mode_li .pmli_tit .pmlt_checked {
        width: 14px;
        height: 14px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("../../user/img/icon_checked.svg");
        margin-right: 10px;
        flex-shrink: 0; }
      .mp_mode_list .pay_mode_li .pmli_tit .pmlt_recommend {
        border-radius: 20px;
        background: #FFF1F7;
        padding: 4px 8px;
        color: #A92252;
        font-size: 12px;
        font-weight: 600;
        line-height: 100%;
        margin-left: 10px; }
      .mp_mode_list .pay_mode_li .pmli_tit .pmlt_icon img {
        height: 24px;
        margin-left: 5px; }
      .mp_mode_list .pay_mode_li .pmli_tit .pmlt_icon a {
        color: var(--PIA24-BK-01, #042040);
        font-family: "Open Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 14px */
        text-transform: capitalize;
        position: relative;
        text-decoration: none; }
        .mp_mode_list .pay_mode_li .pmli_tit .pmlt_icon a::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: -1px;
          width: 0;
          height: 1px;
          background-color: #042040;
          transition: width 0.3s ease; }
        .mp_mode_list .pay_mode_li .pmli_tit .pmlt_icon a:hover::after {
          width: 100%; }
    .mp_mode_list .pay_mode_li .pmliContBox {
      display: none; }
    .mp_mode_list .pay_mode_li .pmli_cont {
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid #F4F4F5;
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      .mp_mode_list .pay_mode_li .pmli_cont .pmli_other_ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding-bottom: 10px; }
        .mp_mode_list .pay_mode_li .pmli_cont .pmli_other_ul .pmlio_li {
          min-width: 239px;
          height: 40px;
          padding: 8px 18px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-radius: 36px;
          border: 1px solid #E5E8EC;
          background: var(--white-100, #FFF);
          color: var(--PIA_BK-01, #042040);
          font-size: 14px;
          font-weight: 400;
          line-height: 100%;
          margin-right: 10px;
          margin-bottom: 10px; }
          .mp_mode_list .pay_mode_li .pmli_cont .pmli_other_ul .pmlio_li.active {
            border: 2px solid #F22248;
            background: #F6FAFF;
            padding: 7px 17px; }
          .mp_mode_list .pay_mode_li .pmli_cont .pmli_other_ul .pmlio_li .icon_box {
            display: flex;
            align-items: center; }
            .mp_mode_list .pay_mode_li .pmli_cont .pmli_other_ul .pmlio_li .icon_box img {
              height: 24px;
              margin-left: 10px; }
      .mp_mode_list .pay_mode_li .pmli_cont .pmlic_txt {
        color: var(--PIA_BK-02, #55687D);
        font-size: 13px;
        font-weight: 400;
        line-height: 150%;
        margin-top: 10px; }
        .mp_mode_list .pay_mode_li .pmli_cont .pmlic_txt a {
          color: var(--PIA_BK-01, #042040);
          font-size: 13px;
          font-weight: 400;
          line-height: 150%;
          text-decoration: underline; }
          .mp_mode_list .pay_mode_li .pmli_cont .pmlic_txt a:hover {
            color: var(--PIA_VI-01, #0E6FDE); }

.acceped_methods {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .acceped_methods p {
    color: var(--PIA_Text-04, #94A3B8);
    font-size: 14px;
    font-weight: 400;
    line-height: 100%; }
  .acceped_methods img {
    width: 270px; }

.paycontr-tips {
  font-size: 13px;
  font-family: "Open Sans";
  font-weight: 400;
  color: var(--PIA_BK-02, #55687D);
  line-height: 20px;
  margin-top: 15px;
  word-break: break-all;
  width: 320px;
  text-align: center; }
  .paycontr-tips a {
    color: var(--PIA_BK-01, #042040);
    display: inline-block;
    line-height: 11px;
    text-decoration: underline; }

/*# sourceMappingURL=payDetail.css.map */