.buy-custom-promotion-container {
  width: 100%;
  padding: 20rpx 0;

  .buy-custom-promotion-content {
    flex-direction: row;

    .promotion-title {
      font-size: var(--p-body-1-font-size, 28rpx);
      color: var(--color-text1-4, #111);
      width: 180rpx;
      text-align: right;
    }

    .promotion-info {
      flex-direction: row;
      margin-left: 24rpx;
      width: 450rpx;
      justify-content: space-between;
      align-items: center;

      .promotion-desc {
        font-size: var(--p-body-1-font-size, 28rpx);
        color: var(--color-text1-2, #999);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 300;
      }

      .promotion-right {
        flex-direction: row;
      }

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

      .promotion-arrow {
        color: var(--color-text1-1, #ccc);
        position: relative;
        right: -12rpx;
      }
    }
  }
  .promotion-popup {
    .dialog-body {
      min-height: 500rpx;
      max-height: 600rpx;
      overflow-y: scroll;

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

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

          .left-content {
            align-items: baseline;
            flex-direction: row;
            justify-content: flex-start;
            max-width: 640rpx;

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

            .left-content-price {
              margin-left: 20rpx;
              color: var(--color-text1-3, #666);
              font-size: var(--p-caption-font-size, 24rpx);
            }
          }

          .right-content {
            flex-direction: row;
            color: var(--std-color-primary, var(--color-brand-3, #ff6a00));
          }

          &.disabled{
            .left-content {
    
              .left-content-title {
                color: var(--color-text1-1, #999);
              }

              .left-content-subtitle {
                color: var(--color-text1-1, #999);
              }
    
            }
    
            .right-content {
              flex-direction: row;
              color: var(--color-text1-1, #999);
            }
            
          } 
        }
      }
    }
  }
}