.new-group-goods {
  width: 100%;
  // height: 271px;
  background: #FFFFFF;
  overflow: hidden;
  display: flex;
  flex-direction: column;

  .group-coverImg {
    height: 117px;
    width: 100%;
    object-fit: cover;
  }

  .group-info {
    padding: 8px 16px 16px;
    flex: 1;

    .title {
      // height: 32px;
      font-size: 14px;
      font-family: var(--truenoSBd-family, SFProText-Medium, SFProText);
      font-weight: 400;
      color: rgba(0, 0, 0, 0.85);
      line-height: 18px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;

      img {
        height: 20px;
        width: 20px;
        vertical-align: middle;
        margin-right: 4px;
      }
    }

    .price-box {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      margin-top: 8px;

      .fxm-price {
        width: 200px;
        margin-top: 5px;
        margin-bottom: unset;

        .fxm-price-icon {
          margin-left: unset;
        }
      }

      div:nth-child(2) {
        font-size: 12px;
        font-family: var(--light-font, SFProText-Medium, SFProText);
        font-weight: 400;
        color: rgba(0, 0, 0, 0.45);
        line-height: 14px;
        word-break: break-all;
      }
    }

    .btn-box {
      display: flex;
      justify-content: space-between;
      margin-top: 5px;

      .left {
        display: flex;
        align-items: center;

        .rate-box {
          display: flex;
          align-items: center;
    
          .rate-container {
            margin-left: unset;
          }
    
          .rate-number {
            font-size: 12px;
            color: #7F7F7F;
          }
        }

        .number {
          width: 41px;
          height: 20px;
          margin-left: 12px;
          background: var(--theme-color, #FF1659);
          background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjQyNzQgMTEuMjVWOC4zMzMwMkg5LjIzMTkyVjcuMTY3MDJIMTEuNjIxOFYxMS4yNUgxMC40Mjc0Wk02Ljg0MjAyIDExLjI1VjguMzMzMDJIMi4wNjExOVYxMS4yNUgwLjg2NTcyM1Y3LjE2NzAySDguMDM2NDVWMTEuMjVINi44NDIwMlpNMS40NjI5NCAzLjY2NjAyQzEuNDYyOTQgMy4wODkxIDEuNjM4MTkgMi41MjUxMiAxLjk2NjU0IDIuMDQ1NDNDMi4yOTQ4OCAxLjU2NTczIDIuNzYxNTYgMS4xOTE4NSAzLjMwNzU3IDAuOTcxMDY4QzMuODUzNTkgMC43NTAyODcgNC40NTQ0IDAuNjkyNTIxIDUuMDM0MDUgMC44MDUwNzRDNS42MTM2OSAwLjkxNzYyNyA2LjE0NjEzIDEuMTk1NDQgNi41NjQwMyAxLjYwMzM5QzYuOTgxOTMgMi4wMTEzNCA3LjI2NjUyIDIuNTMxMSA3LjM4MTgyIDMuMDk2OTVDNy40OTcxMiAzLjY2Mjc5IDcuNDM3OTQgNC4yNDkzIDcuMjExNzggNC43ODIzMUM2Ljk4NTYxIDUuMzE1MzIgNi42MDI2MSA1Ljc3MDkgNi4xMTEyMSA2LjA5MTQyQzUuNjE5ODIgNi40MTE5NSA1LjA0MjA5IDYuNTgzMDIgNC40NTEwOSA2LjU4MzAyQzMuNjU4NTggNi41ODMwMiAyLjg5ODU0IDYuMjc1NyAyLjMzODE1IDUuNzI4NjZDMS43Nzc3NiA1LjE4MTYxIDEuNDYyOTQgNC40Mzk2NiAxLjQ2Mjk0IDMuNjY2MDJWMy42NjYwMlpNMi42NTg0MSAzLjY2NjAyQzIuNjU4MiA0LjAxMjE4IDIuNzYzMTcgNC4zNTA2MyAyLjk2MDAzIDQuNjM4NTVDMy4xNTY4OSA0LjkyNjQ2IDMuNDM2OCA1LjE1MDkyIDMuNzY0MzUgNS4yODM1M0M0LjA5MTkgNS40MTYxMyA0LjQ1MjM4IDUuNDUwOTMgNC44MDAyIDUuMzgzNTJDNS4xNDgwMSA1LjMxNjExIDUuNDY3NTMgNS4xNDk1MiA1LjcxODM0IDQuOTA0ODJDNS45NjkxNiA0LjY2MDExIDYuMTQgNC4zNDgyOSA2LjIwOTI1IDQuMDA4OEM2LjI3ODUgMy42NjkzMSA2LjI0MzA2IDMuMzE3MzkgNi4xMDc0MSAyLjk5NzU2QzUuOTcxNzYgMi42Nzc3MyA1Ljc0MTk4IDIuNDA0MzYgNS40NDcxNiAyLjIxMjAyQzUuMTUyMzMgMi4wMTk2OSA0LjgwNTY5IDEuOTE3MDIgNC40NTEwOSAxLjkxNzAyQzMuOTc1OSAxLjkxNzI5IDMuNTIwMjQgMi4xMDE2MSAzLjE4NDEzIDIuNDI5NTNDMi44NDgwMyAyLjc1NzQ0IDIuNjU4OTUgMy4yMDIxNSAyLjY1ODQxIDMuNjY2MDJWMy42NjYwMlpNOS4yMzE5MiA1LjMwNTAyQzkuNjcyODMgNS4xNTI1MiAxMC4wMzUyIDQuODM3ODIgMTAuMjQxNyA0LjQyODA5QzEwLjQ0ODIgNC4wMTgzNyAxMC40ODI1IDMuNTQ2MDggMTAuMzM3MiAzLjExMjAyQzEwLjI1NDggMi44NTY2NSAxMC4xMTE3IDIuNjIzOTEgOS45MTk1NyAyLjQzMjc2QzkuNzI3NSAyLjI0MTYgOS40OTE4OCAyLjA5NzQ1IDkuMjMxOTIgMi4wMTIwMlYwLjgzNzAyNUg5LjI5NzQ4QzkuOTY2NTUgMC45NzgyOTUgMTAuNTY1MSAxLjM0MDc5IDEwLjk5MTkgMS44NjMyMkMxMS40MTg4IDIuMzg1NjUgMTEuNjQ3NyAzLjAzNTk0IDExLjY0IDMuNzA0MTRDMTEuNjMyMyA0LjM3MjM0IDExLjM4ODQgNS4wMTc0NCAxMC45NDk2IDUuNTMwMzVDMTAuNTEwOCA2LjA0MzI2IDkuOTA0MDggNi4zOTI1IDkuMjMxOTIgNi41MTkwMlY1LjMwNTAyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
          background-position: 3px;
          background-size: 33%;
          background-repeat: no-repeat;
          padding-left: 22px;
          font-size: 14px;
          font-family: var(--regular-font, SFProText-Medium, SFProText);
          font-weight: 500;
          color: #FFFFFF;
          line-height: 14px;
          display: flex;
          align-items: center;
          margin-right: 8px;
        }
      }

      .right {
        width: 90px;
        height: 24px;
        background: #FF1659;
        font-size: 14px;
        font-family: var(--light-font, SFProText-Medium, SFProText);
        font-weight: 400;
        color: #FFFFFF;
        line-height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }
}
