.news-list > li .title-left {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 330px;
  max-width: -moz-calc(100% - 6.6em);
  max-width: -webkit-calc(100% - 6.6em);
  max-width: calc(100% - 6.6em);
}

.news-list > li .date-right {
  float: right;
  max-width: 6.5em;
}

@media screen and (max-width: 960px) {
  .news-list > li .title-left {
    max-width: 310px;
    max-width: -moz-calc(100% - 6.6em);
    max-width: -webkit-calc(100% - 6.6em);
    max-width: calc(100% - 6.6em);
  }
}
@media screen and (max-width: 900px) {
  .news-list > li .title-left {
    max-width: 80%;
    max-width: -moz-calc(100% - 6.6em);
    max-width: -webkit-calc(100% - 6.6em);
    max-width: calc(100% - 6.6em);
  }
}
@media screen and (max-width: 600px) {
  .news-list > li .title-left {
    max-width: 60%;
    max-width: -moz-calc(100% - 7em);
    max-width: -webkit-calc(100% - 7em);
    max-width: calc(100% - 7em);
  }
}