@import '../../index.less';
.cardDiv {
  margin: 20 * @hd / 2 24 * @hd / 2 0 24 * @hd / 2 !important;
  padding-bottom: 28 * @hd / 2 !important;
  overflow: hidden;
  border-radius: 12 * @hd / 2;
  .rightView {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 178 * @hd / 2;
    height: 52 * @hd / 2;
    color: #0089ff;
    font-size: 26 * @hd / 2;
    background-color: #dbf0ff;
    border-radius: 28 * @hd / 2;
  }
  .rightView :active {
    opacity: 0.8;
  }
  .prodContent {
    // margin-top: 40 * @hd / 2;
    padding: 0 30 * @hd / 2;
    .rowLine {
      width: 100%;
      height: 1 * @hd / 2;
      margin: 24 * @hd / 2 0;
      background-color: #e5e5e5;
    }
    .offerItemDiv {
      margin-top: 24 * @hd / 2;
      .offerHeader {
        display: flex;
        // align-items: center;
        justify-content: space-between;
        .left {
          color: #000;
          font-weight: 600;
          font-size: 32 * @hd / 2;
        }
        .right {
          width: 32 * @hd / 2;
          height: 32 * @hd / 2;
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
  .prodItemDiv {
    margin-top: 24 * @hd / 2;
    background-color: #f7f7f7;
    border-radius: 12 * @hd / 2;
    .prodRowHeader {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      padding: 32 * @hd / 2 30 * @hd / 2;
      .titleIcon {
        width: 8 * @hd / 2;
        height: 24 * @hd / 2;
        margin-right: 16 * @hd / 2;
        background-color: #1890ff;
        border-radius: 4 * @hd / 2;
      }
    }
    .prodNameDiv {
      display: flex;
      align-items: center;
      padding: 8 * @hd / 2 18 * @hd / 2;
      background-color: #1890ff;
      border-radius: 28 * @hd / 2;
      span {
        color: #fff;
        font-size: 28 * @hd / 2;
      }
      img {
        width: 28 * @hd / 2;
        height: 28 * @hd / 2;
        margin-right: 12 * @hd / 2;
      }
    }
    .prodRowHeader img {
      width: 32 * @hd / 2;
      height: 32 * @hd / 2;
    }
  }

  .renderNorRow {
    margin-top: 24 * @hd / 2;
    padding: 32 * @hd / 2;
    background-color: #f7f7f7;
    border-radius: 12 * @hd / 2;
    .rowHeader {
      display: flex;
      align-items: center;

      .headerIcon {
        flex-shrink: 0;
        width: 8 * @hd / 2;
        height: 24 * @hd / 2;
        margin-right: 16 * @hd / 2;
        background-color: #1890ff;
        border-radius: 4 * @hd / 2;
      }

      .title {
        flex: 1;
        color: rgba(0, 0, 0, 0.8);
        font-size: 28 * @hd / 2;
      }
      .deleteIcon {
        width: 32 * @hd / 2;
        height: 32 * @hd / 2;
      }
    }
    .prodRow {
      display: flex;
      align-items: center;
      margin-top: 30 * @hd / 2;
      .text {
        font-size: 28 * @hd / 2;
      }
      .left {
        .text();

        flex-shrink: 0;
        color: rgba(0, 0, 0, 0.8);
      }
      .right {
        .text();

        flex: 1;
        text-align: right;
        color: rgba(0, 0, 0, 0.6);
      }
    }
    .prodRowLine {
      width: 100%;
      height: 1 * @hd / 2;
      margin-top: 30 * @hd / 2;
      background-color: #e5e5e5;
    }
  }
}
.arrRight {
  width: 20 * @hd / 2 !important;
  height: 28 * @hd / 2 !important;
}