.orderCard {
  background: #fff;
  padding: @order-list-card-margin;
  margin: @order-list-card-margin @order-list-card-margin 0 @order-list-card-margin;
  border-radius: @order-list-card-margin;

  strong {
    font-size: @order-list-font-12;
  }

  .storeName{
    font-family: SFProText-Medium, SFProText;
    font-weight: 500;
    color: rgba(0, 0, 0, 85%);
    font-size: @order-list-font-14;
    flex: 1;
    margin: 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
  }

  h3 {
    color: rgba(0, 0, 0, 85%);
    font-size: @order-list-font-14;
    flex: 1;
    margin: 0 !important;
  }

  h2 {
    display: inline;
    border: 0 !important;
    padding-left: @order-list-h2-padding;

    strong {
      font-size: @order-list-font-20;
    }
  }

  & > .title {
    display: flex;
    align-items: center;
    margin: 0 0 @order-list-img-size;

    & > img {
      width: @order-list-img-size;
      height: @order-list-img-size;
      margin-right: @order-list-img-margin;
    }
    & > span {
      color: rgba(0, 0, 0, 65%);
      font-size: @order-list-font-12;
    }
  }

  & > .footer {
    border-top: 1px solid rgba(0, 0, 0, 8%);

    & > div,
    & > .footerP {
      display: flex;
      justify-content: flex-end;
      font-size: @order-list-font-14;
      align-items: baseline;

      button {
        background-color: #fff;
        color: rgba(0, 0, 0, 85%);
        margin-left: @order-list-img-margin;
        padding: @order-list-button-padding;
        border-radius: 16 * @order-list-basic;
        border: 1px solid rgba(0, 0, 0, 0.25);
      }

      &:first-child {
        margin: @order-list-card-margin 0;
      }
      .more{
        font-size: 14 * @order-list-basic;
        font-family: SFProText-Regular, SFProText;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.45);
        line-height: 16 * @order-list-basic;
        float: left;
      }
    }

    .price {
      color: @brand-primary;
    }
    .priceIndex{
      font-size: 20px;
      color:var(--theme-color, #FF1659);
    }
  }

  .footer > .footerP button.redButton {
    color: var(--theme-color, #FF1659);
    border-color: var(--theme-color, #FF1659);
  }

  .sharebuy {
    display: flex;

    .text {
      margin-right: 4px;
      font-size: 12px;
      font-family: var(--light-font, SFProText-Medium, SFProText);
      font-weight: 400;
      color: rgba(0, 0, 0, 0.65);
      .textStyle {
        text-align: right;
        display: flex;
        align-items: center;
      }
      .textBuyer {
        text-align: right;
      }
    }
  }
}