@import "../../../style/CommonStyle.module.less";
@import "../../../style/utils.module.less";
.onSaleWrap {
  .size(@w: 100%, @h:414px);

  .subTitle {
    margin: 0 0 0px 60px;
    font-weight: bold;
  }
}

.onSaleItem {
  overflow: unset !important;
  height: 344px;
  width: 100%;

  .grid {
    > div {
      height: 340px;
      > div {
        display: flex;
        padding: 20px 0px 20px 60px;

        > div {
          flex: none;
          margin-right: 18px;
          &:nth-child(5n + 1) {
            > div {
              background: linear-gradient(0.4turn, #f485c3, #cc4d92);
            }
          }
          &:nth-child(5n + 2) {
            > div {
              background: linear-gradient(0.4turn, #fdbe43, #e47915);
            }
          }
          &:nth-child(5n + 3) {
            > div {
              background: linear-gradient(0.4turn, #97ca73, #3e8d18);
            }
          }
          &:nth-child(5n + 4) {
            > div {
              background: linear-gradient(0.4turn, #84b0e9, #4282d9);
            }
          }
          &:nth-child(5n + 5) {
            > div {
              background: linear-gradient(0.4turn, #a387ea, #7750dc);
            }
          }
          &:last-child {
            margin-right: 0px;
          }
        }
      }
    }
  }
}

.addItem {
  .size(@w: 60px, @h:414px);
}
