.buy-ant-credit-pay-container {
  width: 654rpx;
  background: var(--color-white, #fff);
  font-size: var(--p-caption-font-size, 24rpx);

  .ant-credit-pay-content {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;

    .ant-credit-pay-content-left {
      display: flex;
      overflow: hidden;
      flex-direction: row;
      height: 36rpx;
      margin-right: 20rpx;
    }
  }

  .ant-credit-pay-content-left .ant-credit-pay-logo {
    width: 36rpx;
    height: 36rpx;
  }

  .ant-credit-pay-content {
    .ant-credit-pay-content-main {
      display: block;
      width: 542rpx;
      margin-right: 24rpx;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: var(--p-body-1-font-size, 28rpx);
      color: var(--color-text1-4, #111);
    }
  }

  .commision-url {
    width: 28rpx;
    height: 28rpx;
  }

  .ant-credit-pay-payment {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 12rpx;

    .ant-credit-pay-left {
      width: 200rpx;
      margin-left: 56rpx;
    }

    .payment-title {
      margin-bottom: 10rpx;
      font-size: var(--p-caption-font-size, 24rpx);
      color: var(--color-text1-4, #111);
    }

    .payment-total {
      color: var(--color-text1-2, #999);
      font-size: var(--p-caption-font-size, 24rpx);
    }
  }

  .ant-credit-pay-commision {
    display: flex;
    align-items: center;
    flex-direction: row;

    .ant-credit-pay-title .title {
      width: 200rpx;
    }

    .commision {
      width: 320rpx;
      padding-right: 16rpx;
      text-align: right;
      font-size: var(--p-caption-font-size, 24rpx);
      color: var(--color-text1-4, #111);
    }

    .commision-url {
      width: 24rpx;
      height: 24rpx;
    }
  }

  .ant-credit-pay-popup {
    .dialog-body {
      display: flex;
      box-sizing: border-box;
      max-height: 640rpx;
      min-height: 500rpx;
      background: var(--color-white, #fff);

      .dialog-body-main.coupon {
        overflow-y: scroll;
        box-sizing: border-box;
        // width: 750rpx;
        // padding: 0 32rpx;

        .rowcnt {
          align-items: center;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          border-bottom: 1rpx solid var(--color-line1-1, #e8e9ec);
          padding: 20rpx 0;

          .left-content {
            display: flex;
            align-items: center;
            flex-direction: row;
            justify-content: space-between;
            max-width: 620rpx;

            &.disable {
              color: var(--color-text1-2, #999);
            }

            .plan-detail {
              display: flex;
              color: var(--color-text1-4, #111);
              font-size: var(--p-body-1-font-size, 28rpx);

              .plan-title {
                font-size: var(--p-body-1-font-size, 28rpx);
                color: var(--color-text1-4, #111);
                margin-bottom: 8rpx;
              }

              .plan-installment-commision {
                color: var(--color-text1-2, #999);
                font-size: var(--p-caption-font-size, 24rpx);
              }
            }

            .plan-total-commision {
              font-size: var(--p-caption-font-size, 24rpx);
              color: var(--color-text1-2, #999);
              margin-left: 24rpx;
            }
          }
        }
      }
    }
  }
}