/* list */
.m-list .list li {
	width: 5rem;
	background: #F8F8F8;
	cursor: pointer;
	transition: box-shadow .3s ease;
}
.m-list .list li:hover {
	box-shadow: 0 0 20px 2px rgba(0,0,0,.15)
}
.m-list .list a {
	margin-left: .5rem;
}
.m-list .list a:nth-child(3n+1) {
	margin-left: 0;
}
.m-list .list a:nth-child(n+4) {
	margin-top: .5rem;
}
.m-list .list li .image {
	position: relative;
	height: 3.34rem;
	overflow: hidden;
}
.m-list .list li .info {
	padding: .3rem .4rem;
}
.m-list .list li .info h1 {
	font-size: .26rem;
	font-weight: 400;
}
.m-list .list li .info p {
	height: .52rem;
	margin: .2rem 0 .3rem;
	line-height: .26rem;
	font-size: .15rem;
	color: #999;
}
.m-list .list li .info .more {
	font-size: .15rem;
	color: #00489D;
}
.m-list .list li:hover .info .more {
	color: #f00;
}
.m-list .list li .info .more .tf {
	margin-left: .08rem;
	font-size: .2rem;
}
/* end list */

/* detail */
.m-detail-banner {
	height: 10.5rem;
	background: #00489D;
}
.m-detail-banner .image {
	opacity: .6;
}
.m-detail-banner h5 {
	font-weight: 400;
}
.m-detail {
	box-sizing: border-box;
	width: 12rem;
	min-height: 100vh;
	padding: 0 .4rem .5rem .5rem;
	border-right: 1px solid #eee;
}
.m-detail .head {
	border-bottom: 1px solid #eee;
	padding: .8rem 0 .34rem;
	margin-bottom: .5rem;
}
.m-detail .head h1 {
	line-height: .5rem;
	font-size: .36rem;
}
/* end detail */

/* recommend */
.m-recommend {
	align-self: flex-start;
	position: sticky;
	top: 100px;
	width: 3.5rem;
	padding-top: .5rem;
	margin-right: .2rem;
}
.m-recommend dt {
	line-height: .68rem;
	font-size: .22rem;
	color: #999;
}
.m-recommend li {
	height: 1.2rem;
	border-bottom: 1px solid #eee;
	padding-bottom: .24rem;
	margin-bottom: .24rem;
}
.m-recommend li p {
	height: .6rem;
	line-height: .3rem;
	font-size: .16rem;
}
.m-recommend li:hover p {
	color: #00489D;
}
.m-recommend li .img {
	width: 1.3rem;
	height: .85rem;
	margin-left: .3rem;
	overflow: hidden;
}
/* end recommend */