.main {
  background-color: #f7f7f7;
}

/* 筛选分页 */
.filter-page {
  padding-top: 2vw;
}

/* 案例布局 */
.news-box {
  padding: 2vw 13vw;
  background: #f7f7f7;
  overflow: hidden;
}
.news-box .news-left {
  float: left;
  width: 54.84vw;
}
.news-box .news-right {
  float: right;
  width: 18.07vw;
}

/* 新闻筛选 */
.news-nav {
  display: flex;
  gap: 0.5vw;
  margin-bottom: 2vw;
}
.news-nav .news-nav-item {
  cursor: pointer;
  font-size: 0.83vw;
  padding: 0px 2.6vw;
  height: 2.6vw;
  line-height: 2.6vw;
  background-color: #e1e1e1;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.news-nav .news-nav-item:hover,
.news-nav .news-nav-item.active {
  color: #fff;
  background-color: #ce2222;
}

/* 新闻列表 */
.news-list {
  padding: 0px 1.5vw;
  background-color: #fff;
}
.news-list .news-item {
  padding: 1.5vw 0px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eeeeee;
}
.news-list .news-item:last-child {
  border-bottom: none;
}
.news-list .news-item-left {
  width: 18.23vw;
  height: 11.46vw;
  background-color: #999999;
}
.news-list .news-item-left > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-list .news-item-right {
  flex: 1;
  padding-left: 2.5vw;
  overflow: hidden;
}
.news-list .news-item-title {
  font-size: 0.94vw;
  /* width: 30.42vw; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.5vw;
  transition: color 0.3s ease-in-out;
}
.news-list .news-item-author {
  font-size: 0.73vw;
  margin-top: 1.5vw;
}
.news-list .news-item-time {
  font-size: 0.73vw;
  font-weight: bold;
  margin-top: 2vw;
}
.news-list .news-item-content {
  font-size: 0.73vw;
  color: #999999;
  margin-top: 1vw;
  width: 30.42vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-list .news-item:hover .news-item-title {
  color: #ce2222;
  text-decoration: underline;
}

/* 问答列表 */
.qas-list {
  padding: 0px 1.5vw;
  background-color: #fff;
}
.qas-list .qas-item {
  padding: 1.5vw 0px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eeeeee;
}
.qas-list .qas-item:last-child {
  border-bottom: none;
}
.qas-list .qas-item-left {
  width: 1.82vw;
}
.qas-list .qas-item-left > img {
  width: 1.82vw;
  height: 1.77vw;
}
.qas-list .qas-item-right {
  flex: 1;
  padding-left: 1vw;
}
.qas-list .qas-item-title {
  font-size: 0.94vw;
  width: 40.42vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s ease-in-out;
}
.qas-list .qas-item-content {
  font-size: 0.73vw;
  color: #999999;
  margin-top: 1vw;
  width: 40.42vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qas-list .qas-item:hover .qas-item-title {
  color: #ce2222;
  text-decoration: underline;
}

/* 本地案例排行 */
.local-case {
  padding: 1vw;
  background-color: #fff;
}
.local-case .local-case-item {
  display: block;
  margin-top: 1vw;
  border-bottom: 1px solid #e5e5e5;
}
.local-case .local-case-title {
  font-size: 0.73vw;
  line-height: 0.73vw;
  font-weight: bold;
}
.local-case .local-case-item-img {
  width: 100%;
  height: 10.26vw;
}
.local-case .local-case-item-name {
  font-size: 0.94vw;
  height: 3vw;
  line-height: 3vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 1000px */
@media screen and (max-width: 1000px) {
  /* 案例布局 */
  .news-box {
    padding: 5vw 2vw;
  }
  .news-box .news-left {
    float: left;
    width: 100%;
  }
  .news-box .news-right {
    display: none;
  }

  /* 新闻筛选 */
  .news-nav {
    gap: 2vw;
    margin-bottom: 5vw;
  }
  .news-nav .news-nav-item {
    font-size: calc(0.83vw * 4);
    height: calc(2.6vw * 4);
    line-height: calc(2.6vw * 4);
  }

  /* 新闻列表 */
  .news-list {
    padding: 0px 3vw;
  }
  .news-list .news-item {
    padding: 3vw 0px;
  }
  .news-list .news-item-left {
    width: calc(18.23vw * 2);
    height: calc(11.46vw * 2);
  }
  .news-list .news-item-title {
    font-size: calc(0.94vw * 4);
    width: calc(30.42vw * 2);
  }
  .news-list .news-item-author {
    display: none;
  }
  .news-list .news-item-time {
    font-size: calc(0.73vw * 4);
  }
  .news-list .news-item-content {
    font-size: calc(0.73vw * 4);
    width: calc(30.42vw * 2);
  }

  /* 问答列表 */
  .qas-list {
    padding: 0px 3vw;
  }
  .qas-list .qas-item {
    padding: 3vw 0px;
  }
  .qas-list .qas-item-left {
    width: calc(1.82vw * 4);
  }
  .qas-list .qas-item-left > img {
    width: calc(1.82vw * 4);
    height: calc(1.77vw * 4);
  }
  .qas-list .qas-item-right {
    padding-left: calc(1vw * 4);
  }
  .qas-list .qas-item-title {
    font-size: calc(0.94vw * 4);
    width: calc(40.42vw * 1.7);
  }
  .qas-list .qas-item-content {
    font-size: calc(0.73vw * 4);
    width: calc(40.42vw * 1.7);
  }
}