@charset "utf-8";
/* CSS Document */
.mainTitle{
  background: url("../img/topics_mv_img.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.topicsIndex{
	max-width: 1000px !important;
}
.topicsIndex li{
  border-bottom: 1px solid var(--bgray);
	font-size: var(--font-14);
  padding: 1.19rem 0.5rem 0.9rem;
}
.topicsIndex li:first-child{
	padding-top: 0;
}
.category{
	border-radius: 5px;
  display: inline-block;
	color: var(--wh) !important;
	text-align: center;
	margin-right: 1.19rem;
	min-height: 1.32rem;
	width: 7.19rem;
}
.date{
	display: inline-block;
	width: 7.5rem;
}
.news{
	background: var(--Dgray) !important;
}
.bus{
	background: var(--orange) !important;
}
.taxi{
	background: var(--red) !important;
}
@media screen and (max-width: 768px) {
	.topicsIndex li span,
	.articleTit span{
		margin-bottom: 0.25rem;
	}
	.date{
		width: 5rem;
	}
}