/* device */
.m-device {
	padding-bottom: .83rem;
	overflow: hidden;
}
.m-device .top {
	gap: .1rem;
	padding: .2rem;
	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 .36rem;
	line-height: .6rem;
	font-size: .22rem;
	color: #fff;
	background: rgba(0,0,0,.6);
	transform: translate(0,100%);
	transition: transform .3s ease;
}
.m-device .top .item:hover p {
	transform: translate(0,0);
}
.m-device .top > .item {
	width: 10.5rem;
	height: 7rem;
}
.m-device .top div .item {
	height: 3.45rem;
}

.m-device .list {
	position: relative;
	width: 5.2rem;
	height: 4.2rem;
	margin: .32rem auto .7rem;
}
.m-device .list ul {
	position: relative;
	left: 0;
	float: left;
}
.m-device .list li {
	box-sizing: border-box;
	width: 5.2rem;
	height: 4.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;
	transition: filter .3s ease;
}
.m-device .list li:not(.z-crt) div {
	filter: grayscale(100%);
}
.m-device .list li:hover div {
	filter: grayscale(0);
}
.m-device .list li p {
	padding: 0 .16rem;
	line-height: .65rem;
	font-size: .22rem;
	font-weight: 500;
}
.m-device .list li p i {
	margin-right: .18rem;
	font-size: .24rem;
	font-weight: normal;
    font-style: italic;
	color: #bbb;
}
.m-device .nav {
	font-size: .15rem;
	color: #444;
}
.m-device .nav a {
	padding: .1rem;
	margin: 0 .2rem;
	font-size: 12px;
}
/* end device */

/* workshop */
.m-workshop ul {
	row-gap: .3rem;
	column-gap: .19rem;
	padding-bottom: 1.6rem;
}
.m-workshop li {
	box-sizing: border-box;
	width: 5.2rem;
	height: 4.2rem;
	padding: .1rem .1rem 0;
	background: #F5F5F5;
	cursor: pointer;
	user-select: none;
}
.m-workshop li .image {
	height: 3.5rem;
	overflow: hidden;
}
.m-workshop li p {
	padding: 0 .16rem;
	line-height: .65rem;
	font-size: .22rem;
	font-weight: 500;
}
.m-workshop li p i {
	margin-right: .18rem;
	font-size: .24rem;
	font-weight: normal;
    font-style: italic;
	color: #bbb;
}
/* end workshop */