@import '../../theme/components/product-list.less';

.im-card {
  // height:115px;
  // width:325px;
}

.card-demo {
  padding: @list-prodect-padding-top @list-prodect-padding-left;
  // padding-top: @list-prodect-padding-top;
  // padding-bottom: @list-prodect-padding-bottom;
  background-color: white;
  // padding-bottom: 0px;
  // width: 325px;
  // height: 94px;

  .TITLE {
    // font-family: PingFangSC;
    font-size: @list-prodect-title-font-size;
    color: @list-prodect-title-color;
    font-weight: @list-prodect-title-font-weight ;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .content {
    // display: flex;
    // justify-content: flex-start;

    .top {
      // width: 40%;
      display: flex;
      align-items: center;
      margin-right: 25px;

      .subTitle1 {
        height: '25px';
        // font-family: PingFangSC;
        font-weight: @list-prodect-main-font-weight;
        font-size: @list-prodect-main-font-size;
        color: @list-prodect-main-font-color;
        margin-bottom: 5px;
        // max-width: 154*@hd;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 105px;
        padding-right: 10px;
      }

      .subtitle2 {
        height: '25px';
        // font-family: PingFangSC;
        font-weight: @list-prodect-main-font-weight;
        font-size: @list-prodect-main-font-size;
        color: @list-prodect-main-font-color;
        margin-bottom: 5px;
        // max-width: 154*@hd;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 105px;
        padding-right: 10px;
      }


      >div {
        max-width: 154*@hd;
        // font-family: PingFangSC;
        font-size: @list-prodect-tertiary-font-size;
        color: @list-prodect-tertiary-color;
        font-weight: @list-prodect-tertiary-font-weight;
      }
    }

    .bottom {
      display: flex;

      .subTitle1-desc {
        min-width: 105px;
        padding-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      // .attribute {
      //   color: #000;
      // }

      .attribute-line {
        display: inline-block;
        margin: 0 5px;
        height: 10px;
        width: 1px;
        background-color: @list-prodect-attriute-color;
      }

      >div {
        // font-family: PingFangSC-Regular;
        font-size: @list-prodect-attriute-font-size;
        color: @list-prodect-attriute-color;
        font-weight: @list-prodect-attriute-font-weight;
      }
    }
  }

  >.footer {
    // font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}