.buy-coupon-container {
  --list-item-padding-tb: 0;
  --list-item-padding-lr: 0;
  --list-title-font-size: var(--p-body-1-font-size, 28rpx);
  --list-label-color: var(--color-text1-4, #111);
  --list-divider-border-bottom-color: #fff;
  
  .item-icon-image {
    height: 40rpx;
    width: 32rpx;
  }

  .promotion-popup {
    .dialog-body {
      position: relative;
      align-items: flex-start;
      justify-content: flex-start;
      box-sizing: border-box;
      min-height: 500rpx;
      max-height: 640rpx;
      background: var(--color-white, #fff);
      overflow-y: scroll;

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

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

          .leftcolumn {
            align-items: center;
            flex-direction: row;
            justify-content: space-between;

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

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

          .right-content {
            flex-direction: row;
            align-items: center;

            .coupon-price {
              padding-right: 20rpx;
              color: var(--color-text1-2, #999);
              font-size: var(--p-caption-font-size, 24rpx);
            }
          }
        }
      }
    }
  }
}
