@import "variables";

.good-container {
  // 宽：（750rpx - 左右边距 24*2rpx - 中间边距 24rpx）/ 2
  width: 339rpx;
  //高 为宽的1.5倍 （3比2）
  height: 509rpx;
  overflow: hidden;
  border-radius: $primary-border-radius;
  background: white;

  .image {
    width: 100%;
    height: 339rpx;
    border-radius: $primary-border-radius;
  }

  .content {
    padding: 0rpx 12rpx;
    display: flex;
    flex-direction: column;

    .title {
      overflow: hidden;
      white-space: nowrap;
      display: block;
      width: 100%;
      line-height: 55rpx;
      height: 55rpx;
      font-size:  $large-font-size;
      font-weight: 600;
    }

    .desc {
      overflow: hidden;
      white-space: nowrap;
      display: block;
      text-overflow: ellipsis;
      width: 100%;
      color: $primary-color;
      line-height: 45rpx;
      height: 45rpx;
    }

    .count {
      display: flex;
       justify-content: space-between;
      line-height: 45rpx;
      height: 45rpx;
      color: $primary-color;

      .price {

        .money {
           font-size: $large-font-size;

        }
      }

      .quantity {
        color: black;
        margin-right: $primary-gap / 2;
        // font-size: $small-font-size;
      }
    }
  }
}