fastNetwork/pages/news/news.wxss

.main {
  float: left;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
}

.main .one {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 80rpx;
  line-height: 80rpx;
  background-color: #409eff;
  color: #ffffff;
  text-align: center;
}

.main .two {
  position: absolute;
  top: 80rpx;
  width: 100%;
}

.main .two .companyNews {
  float: left;
  width: 94%;
  margin: 10rpx 20rpx;
}

.main .two .companyNews .list {
  float: left;
  width: 97%;
  padding: 10rpx;
  box-shadow: 0 0 8rpx #ccc;
  border-radius: 10rpx;
  margin: 0 0 20rpx 0;
}

.main .two .companyNews .list .title {
  float: left;
  width: 100%;
  padding: 10rpx 0;
}

.main .two .companyNews .list .title text:nth-child(1) {
  float: left;
  width: 70%;
  font-weight: bold;
}

.main .two .companyNews .list .title text:nth-child(2) {
  float: right;
  width: 30%;
  text-align: right;
}

.main .two .companyNews .list .brief {
  float: left;
  width: 100%;
  font-size: 30rpx;
  color: #666;
  margin: 10rpx 0 0 0;
  height: 80rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.main .two .workNews {
  float: left;
  width: 94%;
  margin: 10rpx 20rpx;
}

.main .two .workNews .list {
  float: left;
  width: 97%;
  padding: 10rpx;
  box-shadow: 0 0 8rpx #ccc;
  border-radius: 10rpx;
  margin: 0 0 20rpx 0;
}

.main .two .workNews .list .title {
  font-size: 30rpx;
}

.main .two .workNews .list .other {
  float: left;
  width: 100%;
}

.main .two .workNews .list .other text {
  float: left;
  width: 49%;
  font-size: 25rpx;
  color: #666;
  padding: 10rpx 0rpx;
}

.main .two .workNews .list .other text:last-child {
  text-align: right;
}

.main .two .jobsNews {
  float: left;
  width: 94%;
  margin: 10rpx 20rpx;
}

.main .two .jobsNews .list {
  float: left;
  width: 97%;
  padding: 10rpx;
  box-shadow: 0 0 8rpx #ccc;
  border-radius: 10rpx;
  margin: 0 0 20rpx 0;
}

.main .two .jobsNews .list .image {
  float: left;
  width: 25%;
}

.main .two .jobsNews .list .image image {
  width: 150rpx;
  height: 150rpx;
  border-radius: 10rpx;
}

.main .two .jobsNews .list .other {
  float: left;
  width: 75%;
}

.main .two .jobsNews .list .other .title {
  float: left;
  width: 100%;
  font-size: 28rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin: 0 0 8rpx 0;
}

.main .two .jobsNews .list .other .type {
  float: left;
  width: 100%;
  font-size: 25rpx;
  color: #666;
}

/* .main .two .jobsNews .list .title {
  float: left;
  width: 75%;
}

.main .two .jobsNews .list .title text {
  float: left;
  width: 100%;
} */