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

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

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

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

      .right-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;
      }

      .right-value {
        flex-direction: row;

        .right-arrow {
          color: var(--color-text1-1, #ccc);
          position: relative;
          right: -12rpx;
        }
      }
    }
  }

  .promotion-popup {
    .dialog-body {
      min-height: 500rpx;
      max-height: 640rpx;

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

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

          .left-content {
            align-items: baseline;
            flex-direction: row;
            max-width: 640rpx;
            padding: 20rpx 0;

            .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);
            }
            
          } 
        }
      }
    }
  }
}