body{
  background: #f5f5f5;
}

.down-recomd .gmSwWrap {
  margin: .22rem 0 0;
  padding: 0 .3rem 0 0;
  overflow: hidden;
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide {
  width: fit-content;
  margin-right: .2rem
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide>a {
  width: 5.4rem;
  height: auto;
  background: #fff;
  border-radius: .2rem;
  display: flex;
  flex-direction: column
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide>a .imgBox {
  width: 100%;
  height: auto;
  border-radius: .2rem .2rem 0 0;
  overflow: hidden;
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide>a .imgInfo {
  padding: .15rem .15rem .25rem;
  flex: 1;
  display: flex;
  align-items: flex-end
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide>a .imgInfo>img {
  margin-top: -0.3rem;
  width: 1.09rem;
  height: 1.09rem;
  background: #5A96FF;
  border-radius: .15rem;
  border: .03rem solid #FFFFFF;
  object-fit: cover
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide>a .imgInfo>p {
  width: 0;
  padding-left: .1rem;
  padding-bottom: .06rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  font-size: .24rem;
  line-height: .28rem;
  color: #000000
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide>a .imgInfo>p span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide>a .imgInfo>p .time {
  margin-top: .1rem
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide>a .imgInfo .btn {
  color: #333333;
  margin-bottom: .08rem
}

.gmClassifyBox {
  font-size: .3rem;
  color: #666666;
  padding: .25rem .5rem .35rem;
  background: #FFFFFF;
  border-radius: .2rem;
  border: .03rem solid #290E00
}

.gmClassifyBox .boxList {
  margin-top: -0.2rem;
  display: grid;
  grid-template-columns: repeat(3, 2.02rem);
  justify-content: space-between;
  height: auto;
  overflow: hidden
}

.gmClassifyBox .boxList li>a {
  color: inherit;
  margin-top: .2rem;
  display: block;
  width: 100%;
  height: .62rem;
  line-height: .6rem;
  background: #F4F4F4;
  border-radius: .1rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 .1rem
}

.gmClassifyBox .boxList li.active>a {
  background: #47FFA3;
  color: #000
}

.gmClassifyBox .boxList li.openBtn>a {
  color: #47FFA3
}

.gmClassifyBox .boxList li.closeBtn>a {
  color: #CCCCCC
}
.list-main{
  margin: .3rem;
  padding:0 .3rem;
  border-radius: .15rem;
  background: #fff;
  overflow: hidden;
}