.main-content {
	padding: 1.14rem 1.6rem .59rem;
	background: #f5f5f5;
}


.news-list {
	width: 100%;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.news-list .item {
	width: 49%;
	color: #333;
	height: 1.5rem;
	padding: .25rem;
	background: #fff;
	margin-bottom: .55rem;
}

.news-list .item .date {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	margin-right: .2rem;
	text-align: center;
	padding: .15rem 0;
	font-size: .16rem;
	line-height: .35rem;
	border: solid 1px #dfdfdf;
}

.news-list .item .date .day {
	font-size: .3rem;
}

.news-list .item .info {
	font-size: .14rem;
	line-height: .24rem;
	color: #666;
	width: calc(100% - 1rem - .2rem);
}

.news-list .item .info .title {
	font-size: .18rem;
	line-height: .38rem;
	font-weight: bold;
	color: #333;
	margin-bottom: .08rem;
}

.news-list .item:hover .date {
	border-width: 5px;
	border-color: #d9dde8;
	background: #1bb27a;
	color: #fff;
	margin-top: -4px;
}

.news-list .item:hover .info .title {
	color: #1bb27a;
}


@media only screen and (max-width: 768px) {
  .main-content {
    padding: 36px 20px;
  }

  .news-list .item {
  	width: 100%;
  	margin-bottom: .3rem;
  }

  .news-list .item .date {
  	display: none;
  }

  .news-list .item .info {
  	width: 100%;
  }

}