deguodaigou/components/order/commodity/index.scss

.commodity {
  margin-top: 20rpx;
  background-color: #fff;
  .message {
      padding: 35rpx;
    display: flex;
    align-items: center;
    border-bottom: 1rpx solid #F2F2F2;
    .image {
      width: 141rpx;
      height: 150rpx;
      // background-color: #000;
      margin-left: 34rpx;
    }
    .introduce {
      margin-left: 32rpx;
      height: 120rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 362rpx;
      .title {
        font-size: 28rpx;
        color: #333;
      }
      .count {
        font-size: 24rpx;
        color: #999;
        display: flex;
        > view {
          margin-right: 27rpx;
        }
      }
    }
    .parameter {
      width: 150rpx;
      height: 120rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-end;
    }
  }
  .aggregate{
      display: flex;
    box-sizing: border-box;
    padding: 30rpx;
    justify-content: flex-end;
    font-size: 22rpx;
    color: #999;
    height: 78rpx;
    border-bottom: 1rpx solid #F2F2F2;

    >text{
        color: #333;
        margin: 0 5rpx;
    }
  }
  .operation{
      height: 84rpx;
      display: flex;
      justify-content: flex-end;
      padding:0 30rpx;
      align-items: center;
      .button{
          width: 133rpx;
          height: 51rpx;
          border:2rpx solid #999999;
          border-radius: 26rpx;
          text-align: center;
          font-size: 22rpx;
          color:#999999;
          line-height: 51rpx;
          margin-right: 8rpx;
      }
      .hlight{
        border:2rpx solid rgba(71,200,119,1);
        color: #47C877;
      }
    }
}