.ch-item {
	width: 100%;
	height: 260px;
	border-radius: 50%;
	position: relative;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}
.zx-item {
	width: 100%;
	height: 264px;
	border-radius: 50%;
	position: relative;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}
.ch-grid {
	margin: 10px 0 20px 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}
.ch-grid:after {	clear: both;}
.ch-grid li {width: 260px;height: 280px;display: inline-block;margin: 20px;}

.zx-grid {
	margin: 10px 0 20px 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.zx-grid:after,
.ch-item:before {
	content: '';
    display: table;
}
.zx-grid:after {	clear: both;}
.zx-grid li {width: 264px;height: 288px;display: inline-block;margin: 20px;}

@media screen and (max-width: 600px) {
.ch-item, .zx-item {height: 175px;}
.ch-grid li {width: 175px;height: 202px;display: inline-block;margin:7px 0;}
.ch-grid li:nth-of-type(odd) {margin-right: 5px;}
.zx-grid li { width: 175px;height: 202px;display: inline-block;margin:7px 0;}
.zx-grid li:nth-of-type(odd) {margin-right: 5px;}

}