@import "./goodBox.less";
@import "./goodLong.less";
.dec-discount {
  .ts-wrap {
    position: relative;
  }
  .ts-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    background-color: @color-bg;
    padding: 10 * @rpx 0;
    margin-bottom: 5 * @rpx;
  }
  .ts-text {
    color: @color-head;
    padding: 0 16 * @rpx;
    font-size: @font-middle;
  }
  .ts-line {
    height: 2 * @rpx;
    width: 30 * @rpx;
    background-color: @color-border;
  }
  .ts-more {
    position: absolute;
    top: 12 * @rpx;
    right: 10 * @rpx;
    color: @color-text2;
  }
  .list-wrap {
    padding: @lacuna2 @space;
  }
  .big-wrap {
    .item {
      padding: 0 @space @lacuna;
    }
  }
  .two-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0 @space2;
    .item {
      box-sizing: border-box;
      width: 50%;
      padding: @lacuna2;
    }
  }
  .limit-time {
    display: flex;
    font-size: @font-middle;
    color: @color-tip;
    align-items: center;
    padding: 10 * @rpx 10 * @rpx 0;
    .box {
      display: inline-block;
      font-size: @font-small;
      background: @color-tip;
      padding: 4 * @rpx;
      line-height: 1;
      color: #ffffff;
      margin: 0 2 * @rpx;
      border-radius: @radius-base;
    }
    .box2 {
      color: @color-tip;
    }
    .box3 {
      padding: 0 8 * @rpx;
      font-size: @font-small;
      color: #ffffff;
      background: #999;
    }
  }
  .three-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0 @space2;
    .item {
      box-sizing: border-box;
      width: 33.33%;
      padding: @lacuna2;
    }
  }
  .scroll-wrap {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow: hidden;
    padding: 0 @space2 @space;
    .item {
      box-sizing: border-box;
      width: 30%;
    }
  }
}
