.Ol {
  &__item {
    .text-size(12);
    background-color: @white;
    border-radius: @border-radius-md;
    margin-bottom: @padding-sm;
  }
  &__head {
    padding: @padding-sm @padding-xs;
    border-bottom: 1px solid @grey-border;
    display: flex;
    justify-content: space-between;
    &-title {
      color: @text-grey;
    }
    &-state {
      color: @red;
    }
  }
  &__foot {
    border-top: 1px solid @grey-border;
    padding: @padding-sm - 2 @padding-xs;
    &-settle {
      text-align: right;
      color: @text-grey;
      span {
        vertical-align: baseline;
        &:last-child {
          color: @text-color;
          .text-size(13);
          strong {
            .text-size(14);
            margin-left: @padding-unit;
          }
        }
      }
    }
    &-btns {
      text-align: right;
      .cr-button {
        margin-top: @padding-sm;
        margin-left: @padding-unit;
        min-width: 86px;
      }
      .cr-button--default {
        color: @black;
      }
    }
  }
  &__noData {
    .cr-button {
      background: transparent;
    }
  }
}
.Ol {
  &__body {
    &-item {
      padding: @padding-sm - 2 @padding-xs;
      display: flex;
      border-bottom: 1px solid @grey-border;
      &:last-child {
        border-bottom: 0;
      }
    }
    &-img {
      width: 85px;
      height: 85px;
    }
    &-content {
      margin-left: @padding-sm - 2;
      flex: 1;
      .after-sale-date {
        padding-top: 5px;
        text-align: right;
        font-size:11px ;
        color: rgba(250, 171, 12, 1);
      }
    }
    &-row {
      display: flex;
      justify-content: space-between;
    }
    &-title {
      .text-size(13);
      line-height: 21px;
      color: @text-color;
      flex: 1;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
    &-salePrice {
      .text-size(13);
      color: @text-color;
      width: 78px;
      text-align: right;
      .Ol__body-skus {
        display: block;
      }
    }
    &-count {
      .text-size(12);
      display: block;
      margin-left: auto;
      color: @text-grey;
    }
    &-sku {
      .cr-button--default {
        color: @black;
      }
      &s {
        min-height: 12px;
        margin-bottom: @padding-unit;
        .cr-button {
          margin-left: auto;
          .text-size(12);
          min-width: 68px;
        }
      }
      .text-size(12);
      display: flex;
      align-items: center;
      color: @text-grey;
      a {
        .text-size(12);
        margin-left: auto;
        color: @red;
      }
    }
    &-val {
      color: @gray-5 !important;
    }
  }
}
