.new-group-box {
  padding: 0 16px 8px 16px;

  .slider-decorator-0 {
    bottom: -12px !important;
  }

  // 轮播图
  .fxm-carousel-wrap {
    .fxm-carousel-wrap-dot > span {
      display: inline-block;
      width: 16px;
      height: 4px;
      background: #F4F4F4;
      border: 1px solid #D5D5D5;
      border-radius: 0;
    }

    .fxm-carousel-wrap-dot-active > span {
      background: #FF1659;
      border: 1px solid #FF1659;
    }
  }

  .new-group {
    width: 100%;

    .new-click-area {
      width: 100%;
      // height: 103px;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      cursor: pointer;
      img {
        width: 100%;
        max-height: 103px;
      }
      .djs {
        display: flex;
        align-items: center;
        float: right;
        margin-right: 10px;
        margin-top: 15px;

        span {
          font-size: 10px;
          font-family: Trueno;
          font-weight: 300;
          line-height: 12px;
          color: #666666;
          margin-right: 8px;
        }
      }
    }

    .new-group-item {
      width: 100%;
      // height: 142px;
      background: #FFFFFF;
      border: 1px solid #CCCCCC;
      display: flex;
      overflow: hidden;
      margin: 0 0 12px;

      .group-left {
        height: 124px;
        width: 124px;
        position: relative;

        img {
          height: 100%;
          width: 100%;
        }
      }

      .group-right {
        flex: 1;
        padding: 9px 12px 8px 12px;
        overflow: hidden;
        line-height: 1;

        .fxm-price {
          margin-bottom: 12px;

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

        .old-price {
          margin-top: 2px;
        }

        .title {
          font-size: 12px;
          font-family: var(--truenoSBd-family);
          font-weight: 600;
          color: #000000;
          line-height: 16px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          margin-bottom: 8px;
          height: 30px;
        }

        .number-box {
          // margin-top: 8px;
          display: inline-flex;
          align-items: center;
          // justify-content: space-between;
          background-color: var(--theme-color, #FF1659);
          padding: 2px 6px 2px 3px;

          img {
            width: 12px;
            height: 12px;
          }

          span {
            margin-left: 8px;
            font-size: 9px;
            font-family: var(--regular-font);
            font-weight: 400;
            // line-height: 14px;
            color: #FFFFFF;
          }

          .avatar-list {
            margin-right: 8px;
          }

          .number {
            width: 41px;
            height: 20px;
            background: var(--theme-color, #FF1659);
            border-radius: 2px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADrElEQVRYR+2XWchVdRTFf6sJI6EgtaJsRgJJCoIIJCsUUrSsFCsiaKBezAgrfCiLhMIGsEJKqYeI5qwwKokkMQibkSgIsnkyLIKyUV2ybv/7cb773XvOd++LBO23e+7/7L3+e6+99j5iD5v2cHz+2wBsHwEsBGYCRwP/AJ8ALwAPSPqtKcONGbB9IHAhcBrwM3C9pF22rwJWAPv3CPIDcJGkDXUgagHYPgd4CBhfcXIicCZwX3n2K/AY8D6wH3A6cD6wD/A3MEPSxl4gegKwPQtYC+xdUvsGkNusATaXAG8BcyXltkNm+2TgReBw4FtgkqTfu4HoCsD2GODT4uBzYJ6k3BDbjwCXAluByZJ+6ubY9inApnKBRZLu7wfAPOCZxAOmSnqzBA/g8OAgYKmkZXX1tZ0MzgFekzSjHwB3AEuAjyVNbr9oO1z4sfw+S9LrDQBuBJYDX0pKl4ywXiW4G1gMvC3p1AqACSX1eTStjlwlY/ERX19LOrIfAFcDDwJ/pr8lpd4tsx3Wjy3teE9DBp4EFgAbJU3rB8AhwBdAyPhyIeEfBcDj6e+ktZBwew8STgI+LK25RFJKMboSlEA3A7eVN6Juq0u/T6ywO+AWdCqe7aOAdcAJhbTHSfqlXwD7Au8BEZ62TZe03vYtwK3lYfo85WoLUVJ9ZSnTLuACSZHmrtaLhMcCzwIRlKq1AJQMRf0uruFASnO5pKfreDICgO3jQxrgsPLiq8DDwLvAV8A4YCVwHoyYptGNnHkeuEvSd3XB898wALaj5e8AU4CQ7gpJT7Sd2M5ASjrTjrFvgKciNGk1YIukdM6Q2b4dOKn4+r4TUCeARcC9RQFDrqhhy2xHDxIoLZggSzOQJP1Vd0vbIV8m6kfAGZK2Vc93Agjb0z5rJZ1bCZ60fwBk/sfBHEnR+UazHZ48CuwFrJc0vSsA2yHelvLnbEkvVQCsAjL/G8drN0S2r6mM70skhcAtG8pAGb/toOPaU852JPSzMtWWS8qM6NtsZ5SnRcOVYyTt7ARwNvBKhEPSwZXb3wRk6mW9mthLUJoQ2Z4KZKeIzZKUWMMykGxcFrJIyqLRsgryNZIypgcy2/Gf3SIquULSdcMA9PJaYfG1ktpr2KAg0tLZL4fI2LQTRhfScjk3X1LUcWCzfSdwQ4aUpGhN/XeB7bROVrNDMxMktbtkIBC25wLPZa+UNL8RQOHAAVm9OwVkIAT/ciqL6lZJO0YFYNBAo32v8cNktI4GPfc/gN2vBl8wU5YmqwAAAABJRU5ErkJggg==);
            background-position: left;
            background-size: contain;
            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;
          }
        }

        .btn-box {
          margin-top: 9px;
          display: flex;
          align-items: flex-end;
          justify-content: space-between;

          >div:nth-child(1) {


            .text {
              margin-top: 4px;
              font-size: 9px;
              font-family: var(--regular-font);
              // font-weight: 400;
              color: #7B7B7B;
              line-height: 12px;
            }

            .btn {
              width: 84px;
              height: 24px;
              background: linear-gradient(90deg, #FF5252 0%, #FF3434 100%);
              border-radius: 12px;
              font-size: 12px;
              font-family: var(--light-font, SFProText-Medium, SFProText);
              font-weight: 400;
              color: #F7F7F7;
              line-height: 14px;
              display: flex;
              align-items: center;
              justify-content: center;
            }
          }

        }
      }
    }

    .group-more {
      padding: 0 27px 0 24px;
      height: 60px;
      margin-top: 6px;
      margin-bottom: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;

      span {
        font-size: 14px;
        font-weight: bold;
        font-family: var(--light-font, SFProText-Medium, SFProText);
        line-height: 17px;
        color: #000000;
        opacity: 1;
      }
    }
  }
}
