

.cardWrap {
  position: relative;
  //width: 1.1rem;
  height: 1.54rem;
  overflow: hidden;
  background: #212a36;
  border-radius: .1rem;
}
.cardWrapGmeInfo{
  color: #fff;
  font-size: .2rem;
  margin: .2rem 0 0 .17rem;
}

.mainTitle{
    height: .34rem;
    display: flex;
    position: relative;
    justify-content: space-between;
    img{
      overflow-clip-margin: content-box;
      overflow: clip;
      flex: 1;
    }
  .mainLeft{
    display: flex;
    background: #1a1a1a;
    padding-left: 0.12rem;
    align-items: center;
    width: 2.1rem;

    .mainLeftIcon{
      flex-shrink: 0;
      width: .25rem;
      height: .34rem;
      font-size: 0.18rem;
      align-content: center;
      text-align: center;
    }

    .marginLeftTitle{
      font-size: .13rem;
      color: #fff;
      margin: 0 .08rem 0 .06rem;
      white-space: nowrap;
    }
    .marginLeftTag{
      font-size: .14rem;
      color: #ff6a01;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .mainRight{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    padding-right: 0.12rem;
    div{
      padding: 0.05rem;
      display: flex;
      height: .25rem;
      align-items: center;
      background: #1a1a1a;
      border-radius: .04rem;
      justify-content: center;
      margin-left: .05rem;
      font-size: .12rem;
      font-weight: 700;
      color: #b3b3b3;
    }

    .marginRightCount {
      color: $primary-color;
      margin-left: 0.05rem;
    }
    span{
      font-size: 0.12rem;
      color: rgb(179, 179, 179);
    }
  }
}
