@charset "utf-8";
/* CSS Document */
body{
	background:#fafafa;
}
.banner {
    width: 100%;
    height: 4rem;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.banner img{
	width:100%;
	height:100%;
}
.itemsbox{
	margin:-1.2rem .3rem .4rem;  
	background:#fff;
	-moz-border-radius:.1rem;
	-webkit-border-radius:.1rem;
	border-radius:.1rem;
	-moz-box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.08);
	box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.08);
	overflow:hidden;
	position: relative;
	z-index: 99;
}
.itemsbox ul{ 
	overflow:hidden;
}
.itemsbox li{
	width:33.33%;
	float: left;
	text-align: center;
	padding: .7rem 0;
	position:relative;
}
.itemsbox li::after{
	display:block;
	content:"";
	width:1px;
	height:1rem;
	-webkit-transform: scale(.5, .5);
	   -moz-transform: scale(.5, .5);
	    -ms-transform: scale(.5, .5);
	     -o-transform: scale(.5, .5);
	        transform: scale(.5, .5);
	position:absolute;
	right:0;
	top:calc(-.25rem + .75rem);
	top:.5rem;
}
.itemsbox li:nth-of-type(3n+3)::after{
	display:none;
}
.itemsbox li em{
	display: block;
	width:1.1rem;
	height:1.1rem;
	overflow:hidden;
	margin: 0 auto;
}
.itemsbox li img{
	height:100%;
	width:auto;
	vertical-align: top;
}
.itemsbox li span{
	display:block;
	color:#222;
	line-height: .3rem;
	font-size:.28rem; 
	padding:.2rem .3rem 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}