body{
  background-color: #F8F8F8;
}
.m-specila-banner{
  width: 100%;
  height: 500px;
  background: url('https://via.placeholder.com/1920x500') no-repeat;
  margin-bottom: 40px;
}
.m-special{
  width: 1200px;
  overflow: hidden;
  margin: 40px auto;
}
.ui-special-l{
  width: 800px;
  overflow: hidden;
}
.ui-special-cont{
  width: 816px;
  overflow: hidden;
}
.ui-special-item{
  float: left;
  width: 256px;
  height: 308px;
  margin-right: 16px;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius:3px;
}
.ui-special-item h3{
  padding: 10px 10px;
  height: 52px;
  font-size:18px;
  font-weight:300;
  color:#262626;
  line-height:26px;
}
.ui-special-r{
  width: 360px;
}

.zxlist-img-r-info {
  padding: 0 10px;
  position: relative;
  overflow: hidden;
  height: 16px;
  margin-top: 18px;
}

.ui-sourceinfo {
  float: left;
  padding-left: 20px;
  background: url('../image/list_sourcename.png') left center no-repeat;
  background-size: contain;
  height: 16px;
  width: 129px;
  overflow: hidden;
}
.ui-sourceinfo-zt{
  font-size: 12px;
  font-weight: 400;
  color: #666;
  line-height: 16px;
}
.ui-sourceinfo-line{
  width: 1px;
  height: 12px;
  background-color: #666;
  margin: 2px 10px;
}
.ui-sourceinfo-tag{
  width: 84px;
  height: 16px;
}
.ui-sourceinfo-tag a{
  font-size: 12px;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  display: block;
  height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 16px;

}

.ui-publish {
  float: left;
  margin-left: 20px;
  font-size: 12px;
  font-weight: 400;
  color: #C0C0C0;
  line-height: 16px;
}

.ui-load-more {
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: rgba(102, 102, 102, 1);
}
.ui-load-all{
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  color: rgba(102, 102, 102, 1);
}

.swiper-container {
  width: 100%;
  height: 500px;
}
.swiper-pagination-bullet{
  width:8px;
  height:8px;
  background:rgba(255,255,255,1);
  border-radius:5px;
  opacity:0.5;
}
.swiper-pagination-bullet-active{
  width:30px;
  height:8px;
  background:rgba(247,181,0,1) !important;
  border-radius:5px;
  opacity:1;
}
.ui-tag-item{
  padding-right: 5px;
}
