.m-summary {
	padding: .7rem 0 .8rem;
}
.m-summary h1 {
	margin-bottom: .2rem;
	font-size: .36rem;
	font-weight: normal;
	text-align: center;
}
.m-summary p {
	width: 5.8rem;
	margin: 0 auto;
	line-height: .3rem;
	font-size: .16rem;
	text-align: center;
}

.m-list ul {
	float: left;
	width: 6.95rem;
	margin-top: .46rem;
	opacity: 0;
	transform: translate(0,1rem);
	transition: opacity 1s ease, transform 1s ease;
}
.m-list.z-active ul {
	opacity: 1;
	transform: translate(0,0);
}
.m-list ul:nth-child(2) {
	float: right;
	transition-delay: .6s;
}
.m-list li {
	position: relative;
	padding-bottom: .22rem;
	margin-bottom: .2rem;
}
.m-list li:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #000;
	transition: width .3s ease;
}
.m-list li:hover:after {
	width: 100%;
}
.m-list li .img {
	position: relative;
	overflow: hidden;
	font-size: 0;
	background: #FAFAFA;
}
.m-list li .name {
	margin-top: .05rem;
	line-height: .78rem;
	font-size: .3rem;
	text-align: center;
}
.m-list li .tag .item {
	box-sizing: border-box;
	min-width: .74rem;
	padding: 0 .1rem;
	margin: 0 .04rem;
	line-height: .32rem;
	font-size: .14rem;
	text-align: center;
	color: #444;
	background: #F5F5F5;
}