@homeDealItemPrefixCls: cylon-flash-sale-item;

.cylon-flash-sale-item {
  position: relative;
  width: @home-deal-item-width
    /* 144/50 */
  ;
  display: flex;
  flex-direction: column;
  margin-right: 12px
    /* 12/50 */
  ;

  &-markdownRatioWrap {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 9px;
  }

  // 封面
  &-image {
    height: @home-deal-item-image-height
      /* 166/50 */
    ;
    width: @home-deal-item-image-width
      /* 144/50 */
    ;
    border-radius: @home-deal-item-border-radius
      /* 12/50 */
    ;
    object-fit: contain;
  }

  //商品名字
  &-shop-title {
    align-self: flex-start;
    display: -webkit-box;
    width: @home-deal-item-title-width
      /* 120/50 */
    ;
    height: @home-deal-item-title-height;
    font-family: @home-deal-item-title-font-family;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: @home-deal-item-title-font-size
      /* 14/50 */
    ;
    color: #333333;
    margin-top: @home-deal-item-title-margin-top
      /* 12/50 */
    ;
    line-height: @home-deal-item-title-line-height
      /* 16/50 */
    ;
    word-break: break-all;
  }

  &-progress-box {
    display: flex;
    height: @product-item-progress-height-12;
    justify-content: center;
    position: relative;
    align-items: center;
    width: 100%;
    // padding-left: @product-item-progress-margin-left-12;
    padding-right: @product-item-progress-height-12;
    padding-bottom: @product-item-progress-padding-bottom-1;
    margin-top: auto;
  }

  &-progress {
    width: 100%;
    height: @product-item-progress-height-12;
    background: #f5d4d4;

    border-radius: @product-item-progress-margin-top-9;
  }

  &-progress-txt {
    position: absolute;
    font-size: @product-item-progress-txt-size-10;
    font-family: var(--regular-font, SFProText-Medium, SFProText);
    font-weight: 500;
    color: #ffffff;
  }

  .fxm-progress-bar {
    background-color: var(--theme-color, #FF1659);
    border: none;
    border-radius: 9px;
    height: 12px !important;
  }
}