.promotion-coupon-container {
  width: 654rpx;
  background: var(--color-white, #fff);
  padding: 20rpx 0;

  .promotion-coupon {
    flex-direction: row;

    &-left {
      width: 180rpx;
      color: var(--color-text1-3, #666);
      font-size: var(--p-body-1-font-size, 24rpx);
    }

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

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

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

}



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

      .mt-tab-scroll-container {
        width: 100%;
        .mt-tab-item {
          flex: 1;
          height: 45px;
          font-size: 32px;
          color: #111111;
          text-align: center;
        }
  
        .mt-tab-item-text {
          &--normal {
            color: var(--color-text1-3, #666666);
          }
          &--active {
            font-weight: 600;
          }
          &--active-normal {
            color: var(--tab-active-color, --box-primary-text-font-color);
          }
        }
  
        .mt-tab-item-active-line {
          left: calc(50% - 44rpx);
          width: 88rpx;
        }
      }
      .mt-tab-divider {
        border-width: 0;
      }


      .buy-promotion-coupon {
        margin-top: 24rpx;

        .buy-promotion-coupon-item {
          margin: 12rpx 0;
        }
      }
  }
  &.rm-popup-drawer-m {
    max-height: 958rpx;
    height: fit-content;
  }
}