.dec-img-good {
  position: relative;
  font-size: 0 !important;
  overflow: hidden;
  &.radius {
    border-radius: 10 * @rpx;
  }
  .good-img {
    width: 100%;
    min-height: 40 * @rpx;
    object-fit: cover;
  }
  .good-info {
    width: 100%;
    // position: absolute;
    // bottom: 0;
    // left: 0;
    padding: 6 * @rpx 10 * @rpx;
    background: rgba(#000, 0.2);
    &.black {
      background: rgba(#fff, 0.3);
    }
  }
  .price-wrap {
    // position: absolute;
    // bottom: 0;
    // left: 0;
    width: 100%;
    padding: 6 * @rpx 0;
    box-sizing: border-box;
    .dot {
      font-size: @font-base;
      padding: 10 * @rpx 0;
      padding-left: 10 * @rpx;
      padding-right: 2 * @rpx;
      color: @color-theme;
      line-height: 1;
    }
    .sale {
      display: inline-block;
      color: @color-theme;
      font-size: 22 * @rpx;
      padding: 10 * @rpx 0;
      padding-right: 6 * @rpx;
      line-height: 1;
    }
    .origin {
      color: @color-text2;
      font-size: @font-sub;
      text-decoration: line-through;
      padding: 10 * @rpx 0;
      padding-right: 4 * @rpx;
      line-height: 1;
    }
    .a-buy {
      display: flex;
      align-items: center;
      justify-content: center;
      // width: 52px;
      height: 40px;
      font-size: 34 * @rpx;
      color: @color-tip;
      padding-bottom: 12px;
      .f36 {
        font-size: 38 * @rpx;
      }
      .f30 {
        font-size: 32 * @rpx;
      }
    }
    .b-buy {
      // padding: 2 * @rpx 10 * @rpx;
      span {
        display: inline-block;
        font-size: @font-base;
        padding: 0 12 * @rpx;
        height: 30 * @rpx;
        line-height: 30 * @rpx;
        border-radius: 15 * @rpx;
        background: @color-theme;
        color: #ffffff;
      }
    }
    .c-buy {
      // padding: 2 * @rpx 10 * @rpx;
      span {
        display: inline-block;
        font-size: @font-base;
        padding: 0 12 * @rpx;
        height: 30 * @rpx;
        line-height: 30 * @rpx;
        border: 1 * @rpx solid @color-theme;
        color: @color-theme;
        border-radius: 15 * @rpx;
      }
    }
    .d-buy {
      // margin: 2 * @rpx 10 * @rpx;
      width: 26 * @rpx;
      height: 26 * @rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      background: red;
      box-sizing: border-box;
      border-radius: 50%;
      font-size: 18 * @rpx;
      color: #ffffff;
    }
  }
  .good-title {
    width: 100%;
    font-size: @font-base;
    color: #ffffff;
    word-break: break-all;
    &.black {
      color: @color-head;
    }
  }
  &.big .good-title {
    font-size: @font-big;
  }
  &.small .good-title {
    font-size: @font-sub;
    line-height: 1.2;
  }
  .price-wrap {
    .dot {
      font-size: @font-base;
      padding: 4 * @rpx 0;
      padding-right: 2 * @rpx;
      color: @color-theme;
      line-height: 1;
    }
    .sale {
      display: inline-block;
      color: @color-theme;
      font-size: @font-big;
      padding: 4 * @rpx 0;
      padding-right: 6 * @rpx;
      line-height: 1;
    }
    .origin {
      color: @color-text2;
      font-size: @font-sub;
      text-decoration: line-through;
      padding: 4 * @rpx 0;
      padding-right: 4 * @rpx;
      line-height: 1;
    }
  }
  &.big .sale {
    font-size: 24 * @rpx;
  }
  &.small .sale {
    font-size: @font-sub;
  }
  .good-reward {
    display: inline-block;
    color: @color-theme2;
    font-size: @font-big;
  }
}
