.news_item {
  zoom: 1; }
  .news_item:before, .news_item:after {
    content: '';
    display: block; }
  .news_item:after {
    clear: both; }

.news_item {
  background-color: rgba(169, 197, 47, 0.9);
  margin: 2.5%;
  padding: 2.5%;
  transition: all 0.4s ease;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }
  .news_item p {
    color: #f5f5f5;
    letter-spacing: 2px;
    line-height: 30px; }
  .news_item:nth-child(2n) {
    background-color: rgba(117, 117, 117, 0.7); }
  .news_item:hover {
    background-color: rgba(40, 55, 57, 0.7); }

.date_area {
  width: 100px;
  float: left;
  padding: 0 20px 0 10px;
  text-align: center; }
  .date_area:after {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f5f5f5; }
  .date_area .date {
    font-size: 10px; }

.news_des {
  width: calc(100% - 100px);
  float: left;
  padding: 0 10px 0 20px; }