.commodity {
  width: 623rpx;
  height: 143rpx;
  margin-top: 32rpx;
  display: flex;
  align-items: center;
  .content {
    width: 614rpx;
    height: 100%;
    display: flex;
    align-items: center;
    box-shadow: 0 0 24rpx 0 rgba(227, 227, 227, 0.4);
    .imgthumb {
      width: 105rpx;
      height: 105rpx;
      margin-left: 40rpx;
      background-color: #333;
    }
    .introduce {
      width: 410rpx;
      margin-left: 40rpx;
      display: flex;
      flex-direction: column;
      > text {
        font-size: 26rpx;
        color: #333;
        margin-bottom: 22rpx;
        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;
      }
      > view {
        display: flex;
        align-items: center;
        justify-content: space-between;
        > text:first-child {
          font-size: 30rpx;
          color: #dec499;
        }
        > text:last-child {
          font-size: 22rpx;
          color: #999;
        }
      }
    }
  }
  .decorate {
    width: 9rpx;
    height: 102rpx;
    background-color: #3fb66e;
  }
}