.dec-img-good {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  font-size: 0 !important;
  &.small {
    height: 100%;
  }
  &.radius {
    border-radius: 10 * @rpx;
  }
  image {
    min-height: 40 * @rpx;
  }
  .good-img {
    width: 100%;
    height: 100%;
  }
  .good-info {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 6 * @rpx 10 * @rpx;
    background: rgba(#000, 0.2);
    &.black {
      background: rgba(#fff, 0.3);
    }
  }
  .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: 22 * @rpx;
  }
  &.small .sale {
    font-size: @font-sub;
  }
  .good-reward {
    display: inline-block;
    color: @color-theme2;
    font-size: @font-big;
  }
}
