.shop-promotion-container {

  width: 654rpx;
  background: var(--color-white, #fff);
  padding: 20rpx 0;

  .shop-promotion-content {
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .shop-promotion-title {
      width: 180rpx;
      color: var(--color-text1-3, #666);
      font-size: var(--p-body-1-font-size, 24rpx);
    }

    .shop-promotion-tag {
      margin-right: var(--s-3, 24rpx);
    }

    .shop-promotion-right {
      margin-left: 24rpx;
      flex-direction: row;
      width: 450rpx;
      align-items: center;
      justify-content: flex-end;

      .shop-promotion-value {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: var(--p-body-1-font-size, 24rpx);
        color: var(--color-text1-4, #111);

        &.placeholder {
          color: var(--color-text1-1, #b5b6b8);
        }
      }

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


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

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

    .shop-promotion-item {
      display: flex;
      overflow: hidden;
      align-items: center;
      flex-direction: row;
      justify-content: space-between;
      box-sizing: border-box;
      padding: 20rpx 0;

      &.promotion-total {
        margin-top: 24rpx;
        border-top: 1rpx solid var(--color-line1-3, #EBEDF4);

        .shop-promotion-item-title,
        .shop-promotion-item-value {
          font-weight: bold;
        }
      }

      .shop-promotion-item-title {
        display: flex;
        flex-direction: row;
        color: var(--color-text1-4, #111);
        font-size: var(--p-body-2-font-size, 28rpx);
      }
      .shop-promotion-item-tag {
        border: var(--line-1, 1rpx) solid var(--color-transparent, transparent);
        border-radius: var(--corner-1, 8rpx);
        background-color: var(--color-brand-2, #FEEEE9);
        font-size: var(--p-overline-font-size, 24rpx);
        color: var(--color-data-red, #F21400);
        margin-right: 24rpx;
        width: fit-content;
      }

      .shop-promotion-item-value {
        color: var(--color-text1-4, #111);
        font-size: var(--p-body-2-font-size, 28rpx);
      }
    }
  }
  &.rm-popup-drawer-m {
    max-height: 958rpx;
    height: fit-content;
  }
}