/* device */
.m-device {
	overflow: hidden;
}
.m-device .top {
	padding: .24rem;
	background: #E7EFF5;
}
.m-device .top .item {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.m-device .top .item p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 .24rem;
	line-height: .7rem;
	font-size: .26rem;
	color: #fff;
	background: rgba(0,0,0,.6);
}
.m-device .top > .item {
	height: 5rem;
	margin-bottom: .1rem;
}
.m-device .top div .item {
	width: 3.46rem;
	height: 3rem;
}

.m-device .list {
	position: relative;
	margin: .4rem auto;
}
.m-device .list ul {
	position: relative;
	left: 0;
	float: left;
	padding: 0 .24rem;
}
.m-device .list li {
	box-sizing: border-box;
	width: 5.2rem;
	padding: .1rem .1rem 0;
	background: #F5F5F5;
	cursor: pointer;
	user-select: none;
}
.m-device .list li:nth-child(n+2) {
	margin-left: .2rem;
}
.m-device .list li div {
	height: 3.5rem;
}
.m-device .list li p {
	padding: 0 .2rem;
	line-height: .8rem;
	font-size: .28rem;
	font-weight: 500;
}
.m-device .list li p i {
	margin-right: .2rem;
	font-weight: normal;
    font-style: italic;
	color: #bbb;
}
.m-device .nav {
	display: none;
}
/* end device */

/* workshop */
.m-workshop ul {
	row-gap: .2rem;
	column-gap: .2rem;
	padding: 0 .24rem .8rem;
}
.m-workshop li {
	box-sizing: border-box;
	width: 3.41rem;
	padding: .1rem .1rem 0;
	background: #F5F5F5;
	cursor: pointer;
	user-select: none;
}
.m-workshop li .image {
	height: 2.3rem;
	overflow: hidden;
}
.m-workshop li p {
	padding: 0 .2rem;
	line-height: .8rem;
	font-size: .28rem;
	font-weight: 500;
}
.m-workshop li p i {
	margin-right: .2rem;
	font-weight: normal;
    font-style: italic;
	color: #bbb;
}
/* end workshop */