.news-container {
  width: 120rem /* 1200/16 */;
  margin: 3.4rem /* 34/16 */ auto;
  padding: 0 2rem /* 20/16 */;
}
.news-container .list-name {
  position: relative;
  font-size: 2.4rem;
  line-height: 4rem ;
  letter-spacing: 0rem /* 0/16 */;
  color: #505050;
  width: 100%;
  border-bottom: 2px /* 2/16 */ solid #e4e4e4;
}
.news-container .list-name::after {
  content: '';
  position: absolute;
  bottom: -2px /* 2/16 */;
  left: 0;
  height: 2px /* 2/16 */;
  width: 12.3rem /* 123/16 */;
  background: #33cf73;
}
.news-container .toutiao-news {
  width: 100%;
  height: 32.3rem /* 323/16 */;
  margin-top: 3rem /* 30/16 */;
}
.news-container .toutiao-news .left-img {
  width: 60rem /* 600/16 */;
  height: 32rem /* 320/16 */;
}
.news-container .toutiao-news .right-item-box {
  width: 59.8rem /* 598/16 */;
  height: 100%;
}
.news-container .toutiao-news .right-item-box .item {
  height: 100%;
  width: 100%;
  align-items: flex-start;
  padding: 0 4rem ;
}
.news-container .toutiao-news .right-item-box .item .time {
  font-size: 1.8rem /* 18/16 */;
  line-height: 2.4;
}
.news-container .toutiao-news .right-item-box .item .title {
  font-size: 2.2rem /* 24/16 */;
  line-height: 32px /* 32/16 */;
}
.news-container .toutiao-news .right-item-box .item:hover {
  background: #33cf73 !important;
  color: #fff !important;
}
.news-container .toutiao-news .right-item-box .item:nth-child(1) {
  background: #f0f0f0;
  color: #505050;
}
.news-container .toutiao-news .right-item-box .item:nth-child(2) {
  background: #e4e4e4;
  color: #505050;
}
.news-container .toutiao-news .right-item-box .item:nth-child(3) {
  background: #dbdada;
  color: #505050;
}
.news-container .news-list {
  width: 100%;
  position: relative;
  margin-top: 7rem /* 70/16 */;
  align-items: flex-start;
  height: 37rem;
}
.news-container .news-list .news-type-box {
  height: 100%;
  width: 50%;
}
.news-container .news-list .news-type-box .news-item-box {
  height: 100%;
  padding: 3rem /* 30/16 */;
}
.news-container .news-list .news-type-box .news-item-box .news-item {
  height: 2.4rem;
  display: flex;
  align-items: flex-start;
  justify-content: start;
  margin-bottom: 3rem /* 30/16 */;
}
.news-container .news-list .news-type-box .news-item-box .news-item .time {
  width: 8rem /* 80/16 */;
  font-size: 1.6rem /* 16/16 */;
  line-height: 1.2;
  letter-spacing: 0rem /* 0/16 */;
  color: #505050;
}
.news-container .news-list .news-type-box .news-item-box .news-item .news-title {
  text-decoration: underline;
  font-size: 1.8rem /* 18/16 */;
  line-height: 1.2;
  letter-spacing: 0rem /* 0/16 */;
  color: #505050;
}
.news-container .news-list .news-type-box .multiple > div {
  padding: 8px 10px;
  border: 1px solid #dadada;
  margin: 0 4px;
}
.news-container .news-list .news-type-box .multiple > div.current {
  border-color: #33cf73;
  background: #33cf73;
  color: #fff;
}