.info-cards-outline {
  width: 28.8rem;
  min-width: 750px;
  height: auto;
  margin: .9rem auto 1.2rem;
}

.info-cards-area {
  width: 100%;
  margin-top: .9rem;
  justify-content: space-between !important;
}

.info-cards-area .ivu-card {
  width: 8.4rem;
  height: 10.2rem;
  cursor: pointer;
}

.info-cards-area .ivu-card .ivu-card-body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.info-cards-area .ivu-card .cardInfo-img {
  width: 100%;
  height: 8.4rem;
  object-fit: cover;
}

.info-cards-area .ivu-card .text {
  position: relative;
  width: calc(100% - 0.4rem);
  height: 0.8rem;
  line-height: 0.8rem;
  margin: 0.02rem 0.2rem;
  padding: 0 0.2rem;
  font-size: 0.32rem;
  color: #ADADAD;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.info-cards-area .ivu-card .text.main {
  font-size: 0.36rem;
  color: #262626;
}

.info-cards-area .ivu-card .text.main::before {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0px;
  height: 0.02rem;
  content: '';
  -webkit-transform: scaleY(.4);
  transform: scaleY(.4);
  background-color: #B4B4B4;
}