@charset "utf-8";
.spread {
	overflow: hidden;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90px;
	margin: 0 auto;
	background-color: rgba(97, 83, 74, 0.9);
	z-index: 100;
}
.rotatechange {
	position: absolute;
	left: 50%;
	margin-left: -600px;
}
.rotatechange li {
	float: left;
	margin-right: 4px;
}
.spread-showimg {
	position: fixed;
	bottom: 0;
	left: -140px;
	width: 140px;
	height: 90px;
	cursor: pointer;
	z-index: 101;
}
.spread-showimg img {
	width: 140px;
	height: 90px;
}
.rotatechange li a,
.rotatechange li img {
	display: block;
	width: 175px;
	height: 90px;
}
.rotatechange .spread-list4 a,
.rotatechange .spread-list4 img {
	width: 90px;
}
.rotatechange .spread-list5 a,
.rotatechange .spread-list5 img {
	width: 570px;
}
.clearfix:after {
	display: block;
	height: 0;
	content: "\200B";
	clear: both;
}
.clearfix {
	*zoom: 1;

}
.w1000 .spread {
	height: 75px;
}
.w1000 .rotatechange {
	margin-left: -500px;
}
.w1000 .spread-showimg {
	left: -120px;
	width: 120px;
	height: 75px;
}
.w1000 .spread-showimg img {
	width: 120px;
	height: 75px;
}
.w1000 .rotatechange li {
	margin-right: 3px;
}
.w1000 .rotatechange li a,
.w1000 .rotatechange li img {
	width: 145px;
	height: 75px;
}
.w1000 .rotatechange .spread-list4 a,
.w1000 .rotatechange .spread-list4 img {
	width: 75px;
}
.w1000 .rotatechange .spread-list5 a,
.w1000 .rotatechange .spread-list5 img {
	width: 470px;
}