.topic-list .top-topic-swiper {
  height: 400px!important;
  position: relative;
}
.topic-list .top-topic-swiper .topic-info {
  padding: 0!important;
  width: 369px!important;
}
.topic-list .top-topic-swiper .topic-info .topic-icon {
  width: 100%;
  height: 40px;
}
.topic-list .top-topic-swiper .topic-info .topic-icon img {
  width: 80px;
}
.topic-list .topic-swiper-container {
  width: 370px;
  height: 320px;
  background: url(../images/topic_swiper_bg.png) no-repeat center;
  background-size: 100% 100%;
  padding: 25px 30px;
  box-sizing: border-box;
}
.topic-list .topic-swiper-container1 .swiper-slide .title {
  color: #333;
  line-height: 40px;
}
.topic-list .topic-swiper-container1 .swiper-slide .brief {
  color: #666;
  line-height: 24px;
}
.topic-list .topic-swiper-container1 .swiper-pagination-fraction {
  bottom: 65px;
}
.topic-list .topic-swiper-container1 .swiper-pagination-current {
  font-weight: bold;
  font-size: 24px;
}
.topic-list .topic-swiper-container1 .topic-prev,
.topic-list .topic-swiper-container1 .topic-next {
  width: 11px;
  height: 18px;
  background-size: 100% 100%;
  bottom: 65px;
  top: unset;
}
.topic-list .topic-swiper-container1 .topic-prev {
  background-image: url(../images/topic_icon_left.png);
  left: 30px;
  right: auto;
}
.topic-list .topic-swiper-container1 .topic-next {
  background-image: url(../images/topic_icon_right.png);
  left: auto;
  right: 30px;
}
.topic-list .topic-box .img-box {
  height: 212px!important;
}