.m-picture {
	margin: .4rem 0 1rem;
}
.m-picture dt {
	padding: .16rem 0;
}
.m-picture dt p {
	float: left;
	line-height: .26rem;
	font-size: .18rem;
	color: #322811;
}
.m-picture dt p .tf {
	margin-right: .4em;
	font-size: .2rem;
}
.m-picture dt .nav {
	float: right;
	font-size: 0;
}
.m-picture dt .nav span {
	margin: 0 .1rem;
	font-size: .13rem;
	color: #322811;
}
.m-picture dt .nav b {
	font-size: .16rem;
	color: #C71608;
}
.m-picture dt .nav a {
	display: inline-block;
	width: .24rem;
	height: .24rem;
	border: 1px solid #C2B8A1;
	line-height: .24rem;
	font-size: .12rem;
	font-family: '宋体';
	text-align: center;
	color: #A58C4F;
}
.m-picture dt .nav a:hover {
	position: relative;
	border-color: #C71608;
	color: #fff;
	background: #C71608;
}
.m-picture dd {
	overflow: hidden;
}
.m-picture ul {
	position: relative;
	left: 0;
	white-space: nowrap;
	font-size: 0;
	transition: left .3s ease;
}
.m-picture li {
	display: inline-block;
	width: 9.2rem;
}
.m-picture li .img {
	float: left;
	position: relative;
	width: 3rem;
	height: 1.9rem;
	margin-left: .1rem;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}
@media screen and (min-width: 751px) {
	.m-picture li .img:nth-child(n+4) {
		margin-top: .1rem;
	}
	.m-picture li .img:nth-child(3n+1) {
		margin-left: 0;
	}
}
.m-picture li .img p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -.36rem;
	padding: 0 .12rem;
	line-height: .36rem;
	font-size: .14rem;
	color: #fff;
	background: rgba(0,0,0,.7);
	transition: all .3s ease;
}
.m-picture li .img:hover p {
	bottom: 0;
}


@media screen and (max-width: 750px) {
	.m-picture {
		margin: .4rem .2rem 1rem;
	}
	.m-picture dt {
		padding: .3rem 0;
	}
	.m-picture dt p {
		line-height: .5rem;
		font-size: .36rem;
	}
	.m-picture dt p .tf {
		font-size: .4rem;
	}
	.m-picture dt .nav span {
		margin: 0 .16rem;
		font-size: .3rem;
	}
	.m-picture dt .nav b {
		font-size: .3rem;
	}
	.m-picture dt .nav a {
		width: .44rem;
		height: .44rem;
		line-height: .44rem;
		font-size: .24rem;
	}
	.m-picture dd {
		overflow: hidden;
	}
	.m-picture ul {
		position: relative;
		left: 0;
		white-space: nowrap;
		font-size: 0;
		transition: left .3s ease;
	}
	.m-picture li {
		width: 7.1rem;
	}
	.m-picture li .img {
		width: 3.5rem;
		height: 1.97rem;
		margin-left: 0;
	}
	.m-picture li .img:nth-child(n+3) {
		margin-top: .1rem;
	}
	.m-picture li .img:nth-child(even) {
		margin-left: .1rem;
	}
	.m-picture li .img p {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -.36rem;
		padding: 0 .12rem;
		line-height: .36rem;
		font-size: .14rem;
		color: #fff;
		background: rgba(0,0,0,.7);
		transition: all .3s ease;
	}
	.m-picture li .img:hover p {
		bottom: 0;
	}
}