twong329/view/xcx/pages/news_list/index.wxss

page {
  background-color: #fff !important;
}

.newsList .swiper {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0 30rpx;
}

.newsList .swiper swiper {
  width: 100%;
  height: 365rpx;
  position: relative;
}

.newsList .swiper .slide-image {
  width: 100%;
  height: 330rpx;
  border-radius: 6rpx;
}

.newsList .swiper .wx-swiper-dot {
  width: 12rpx;
  height: 12rpx;
  border-radius: 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}

.newsList .swiper .wx-swiper-dot ~ .wx-swiper-dot {
  margin-left: 5rpx;
}

.newsList .swiper .wx-swiper-dots.wx-swiper-dots-horizontal {
  margin-bottom: -20rpx;
}

.newsList .nav {
  padding: 0 30rpx;
  width: 100%;
  white-space: nowrap;
  box-sizing: border-box;
  margin-top: 43rpx;
}

.newsList .nav .item {
  display: inline-block;
  font-size: 32rpx;
  color: #999;
}

.newsList .nav .item.on {
  color: #282828;
}

.newsList .nav .item ~ .item {
  margin-left: 46rpx;
}

.newsList .nav .item .line {
  width: 24rpx;
  height: 4rpx;
  border-radius: 2rpx;
  margin: 10rpx auto 0 auto;
}

.newsList .list .item {
  margin: 0 30rpx;
  border-bottom: 1rpx solid #f0f0f0;
  padding: 35rpx 0;
}

.newsList .list .item .pictrue {
  width: 250rpx;
  height: 156rpx;
}

.newsList .list .item .pictrue image {
  width: 100%;
  height: 100%;
  border-radius: 6rpx;
}

.newsList .list .item .text {
  width: 420rpx;
  height: 156rpx;
  font-size: 24rpx;
  color: #999;
}

.newsList .list .item .text .name {
  font-size: 30rpx;
  color: #282828;
}

.newsList .list .item .picList .pictrue {
  width: 335rpx;
  height: 210rpx;
  margin-top: 30rpx;
}

.newsList .list .item .picList.on .pictrue {
  width: 217rpx;
  height: 136rpx;
}

.newsList .list .item .picList .pictrue image {
  width: 100%;
  height: 100%;
  border-radius: 6rpx;
}

.newsList .list .item .time {
  text-align: right;
  font-size: 24rpx;
  color: #999;
  margin-top: 22rpx;
}