@media screen and (max-width:1200px){
	.game{
		flex-direction: column;
		width: 100%;
	}
	.game-right,.game-left{
		width: 100%;
	}
	.game-match,.game-recomm,.game-news,.game-video{
		margin-top: 20px;
	}
	.article-roll{
		display: none;
	}

	.article,.link,.game-recomm{
		width: 100%;
	}

	.article-list{
		width: 100%;
	}

	.article-item{
		flex-direction: column;
		align-items: flex-end;
	}
	.article-item a{
		width:100%;
	}
	.article-title{
		width: 100%;
	}

	.history-nav{
		width: 100%;
	}
}

@media screen and (max-width:600px){
	.living-day{
		flex-direction: column;
		align-items: center;
		margin-right: 6px;
	}
	.living-date{
		margin: 0;
	}
	.living-play{
		padding: 6px;
		min-width: 40px;
	}
	.living-league{
		width: 40px;
	}
	.living-team a{
		text-align: center;
	}
	.living-team1 a{
		text-align: center;
	}
	.living-team{
		flex-direction: column-reverse !important;
		align-items: center;
	}
	.living-team1{
		flex-direction: column !important;
		align-items: center;
	}
}


@media screen and (max-width:440px){
	.living-nav-list{
		overflow-x: scroll;
		margin: 0 10px;
	}

}