.article .info span {
	color: #666
}

.article .info span::after {
	content: '|';
	padding: 0 1rem;
	color: #ccc
}

.article .info span:last-child:after {
	content: none
}

@media screen and (min-width: 640px) {
	.article {
		width: 100%;
		float: left;
		padding: 3rem 0
	}

	.article h1 {
		width: 100%;
		text-align: center;
		line-height: 5rem;
		font-size: 2rem
	}

	.article .info {
		width: 100%;
		text-align: center;
		line-height: 4.5rem;
		font-size: 1.4rem;
		border-bottom: .1rem solid #f6f6f6
	}

	.article .artBox {
		width: 100%;
		float: left;
		padding-top: 3rem
	}

	.article .artBox p {
		line-height: 3.5rem;
		font-size: 1.5rem;
		margin: .6rem 0;
		width: 100%;
		float: left
	}

	.article .artBox img {
		/*
		max-width: 80rem;
		*/

		margin: 0 auto;
		display: inline
	}

	.article .artBox p>img {
		margin: 0 auto
	}

	.context {
		width: 100%;
		float: left;
		border-top: .1rem solid #d7d7d7;
		padding-top: 3rem
	}

	.context ul li {
		width: 50%;
		float: left;
		color: #999;
		font-size: 1.6rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.context ul li a {
		color: #666
	}

	.context ul li a:hover {
		text-decoration: underline
	}

	.context ul li:last-child {
		text-align: right
	}
}

@media screen and (max-width: 640px) {
	.article {
		width: 100%;
		float: left;
		padding: 3rem 0
	}

	.article h1 {
		width: 100%;
		text-align: center;
		line-height: 2.8rem;
		font-size: 1.8rem
	}

	.article .info {
		width: 100%;
		text-align: center;
		line-height: 3rem;
		font-size: 1.2rem;
		border-bottom: .1rem solid #f6f6f6
	}

	.article .artBox {
		width: 100%;
		float: left;
		padding-top: 3rem
	}

	.article .artBox p {
		line-height: 2.6rem;
		font-size: 1.3rem;
		margin: 1rem 0;
		float: left;
		text-indent: 2em
	}

	.article .artBox img {
		max-width: 92%;
		margin: 0 auto;
		display: block
	}

	.article .artBox p>img {
		margin: 0 auto
	}

	.context {
		width: 100%;
		float: left;
		border-top: .1rem solid #d7d7d7;
		padding-top: 1rem
	}

	.context ul li {
		width: 100%;
		float: left;
		color: #999;
		font-size: 1.3rem;
		line-height: 2.6rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.context ul li a {
		color: #666
	}

	.context ul li a:hover {
		text-decoration: underline
	}
}

/*# sourceMappingURL=article.css.map */