.specialSwiperBox {
  padding: 0 0 0 .3rem;
  overflow: hidden
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide {
  width: 6.5rem !important;
  height: 3.45rem !important;
  border-radius: .03rem;
  margin: 0
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide .imgBox {
  width: 100%;
  height: 100%;
  border-radius: .03rem;
  position: relative
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .03rem
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide .imgBox .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: .03rem;
  background-color: rgba(0,0,0,0.205)
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide .imgBox .mask .maskContont {
  padding: .3rem .3rem 0 .3rem
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide .imgBox .mask .maskContont .titleBox .title {
  width: 1.02rem;
  height: .32rem;
  font-size: .18rem;
  color: #ffffffFF;
  text-align: center;
  line-height: .32rem;
  background-color: #ff6c37FF;
  border-radius: .06rem
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide .imgBox .mask .maskContont .name {
  margin-top: .36rem;
  font-weight: bold;
  font-size: .24rem;
  line-height: .24rem;
  color: #FFFFFF
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide .imgBox .mask .maskContont .numBox {
  padding-left: .01rem;
  margin-top: .16rem;
  display: flex;
  align-items: center
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide .imgBox .mask .maskContont .numBox p {
  font-size: .18rem;
  color: #c9d3daFF;
  line-height: .18rem
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide .imgBox .mask .maskContont .numBox p:nth-child(2) {
  margin: 0 .08rem;
  width: .04rem;
  height: .03rem;
  background-color: #c9d3daFF;
  border-radius: 50%
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide .imgBox .mask .maskContont .text {
  margin-top: .13rem;
  color: #c9d3daFF;
  font-size: .18rem;
  line-height: .24rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide .imgBox .mask .maskContont .arrow {
  width: .58rem;
  height: .58rem;
  margin-top: .45rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffffFF;
  border-radius: .06rem
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide .imgBox .mask .maskContont .arrow .icon1 {
  width: .18rem;
  height: .12rem;
  background-position: -1.54rem -2.65rem
}

.specialSwiperBox .specialSwiper .swiper-wrapper .swiper-slide:nth-child(1) {
  margin-left: 0
}


.filterList {
  display: flex;
  align-items: center;
  padding-bottom: .05rem
}

.filterList li {
  margin-left: .16rem
}

.filterList li a {
  padding: .12rem .26rem;
  font-size: .26rem;
  color: #999999FF;
  line-height: .26rem;
  background-color: #ffffffFF;
  border-radius: .31rem
}

.filterList li.active a {
  font-weight: bold;
  font-size: .26rem;
  color: white;
  background-color: #00aff0FF
}

.filterList li:nth-child(1) {
  margin-left: 0
}

.tabsCont .cloumList {
  display: grid;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: repeat(2, 3.4rem);
}

.tabsCont .cloumList li {
  margin-top: .2rem;
  display: block;
  overflow: hidden;
}

.tabsCont .cloumList li a {
  padding: .2rem;
  background-color: white;
  border-radius: .13rem;
  overflow: hidden;
  display: block;
}

.tabsCont .cloumList li a .imgBox {
  width: 100%;
  height: 2rem;
  border-radius: .03rem
}

.tabsCont .cloumList li a .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .13rem
}

.tabsCont .cloumList li a .name {
  margin-top: .14rem;
  text-align: left;
  font-size: .24rem;
  color: #323232;
  line-height: .24rem
}

.tabsCont .cloumList li a .time {
  margin-top: .15rem;
  display: flex;
  align-items: center
}

.tabsCont .cloumList li a .time p {
  font-size: .18rem;
  color: #bcbcbcFF;
  line-height: .18rem
}

.tabsCont .cloumList li a .time p:nth-child(2) {
  width: .04rem;
  height: .03rem;
  margin: 0 .06rem;
  background-color: #bcbcbcFF;
  border-radius: 50%
}