@media only screen and (min-width:1280px) {
	body{
		background:#f3f3f3;
	}
	.single-head .title{
		padding-bottom: 10px;
		font-size: 30px;
		font-weight: 600;
		color: #fff;
		text-align: center;
		text-shadow: 1px 1px 0px #191985;
		margin:0;
	}
	.spmain{
		width:1140px;
		margin-right:auto;
		margin-left:auto;
	}
	.main{
		padding:0 2rem;
	}
	.recpic img{
		width:100% !important;
		height:auto !important;
	}

	.spcontent a{
		color:#3f51b5;
	}
	.article-relation{
		padding: 1rem;
	}
	.article-relation .article-list li{
		width: 50%;
		float:left;
	}
	.article-warning{
		border:0;
		border-top: 1px solid #dde5ed;
		margin-bottom:1rem;
	}
}
@media only screen and (max-width:640px) {
	.spcontent img{
		margin-bottom:1rem;
	}
	.spcontent a{
		color:#3f51b5;
	}
	.recpic img{
		width:100%;
		height:auto !important;
	}
	.article-warning{
		margin: 1rem;
	}
}