/* 页尾 */
footer { display: block; background: #df4a42; padding: .16rem 0;}
footer .copyright { display: block; font-size: 0;}
.copyright-info{ display: inline-block; width: 50%; color: #fff; font-size: .12rem; line-height: .14rem; vertical-align: middle;}
footer .censt { display: inline-block; text-transform: uppercase; width: 50%; color: #fff; font-size: .12rem; line-height: .14rem; vertical-align: middle; text-align: right;}
footer .censt a { color: #fff;}
.sider {
	position: fixed;
	right: .1rem; top: 40%;
	z-index: 3;
	opacity: 0;
	transition: opacity .4s ease-in-out;
}
.sider.show {
	opacity: 1;
}
.sider li {
	margin-bottom: .06rem;
	height: .4rem;
	background-color: #df4a42;
	color: #fff;
	text-align: center;
	line-height: .28rem;
	font-size: .28rem;
	transform: translateX(1.48rem);
	transition: all .4s ease-in-out;
	position: relative;
	border: 1px solid #ddd;
}
.sider li:nth-of-type(3),
.sider li:nth-of-type(4) {
	width: .44rem;
	cursor: pointer;
}
.sider li:nth-of-type(3):hover,
.sider li:nth-of-type(4):hover {
	transform: translateX(1.48rem);
}
.sider li::before {
	left: .06rem; top: 50%;
	transform: translateY(-50%);
	position: absolute;
}
.sider li span {
	margin-left: .44rem;
	padding: .06rem;
	box-sizing: border-box;
	width: 1.4rem; height: 100%;
	overflow: hidden;
	border: 1px solid #ddd;
	line-height: .28rem;
	font-size: .14rem;
	display: inline-block;
	background-color: #fff;
	color: #333;
}
.sider li:hover {
	transform: translateX(.2rem);
}
.sider li:hover span {
	background-color: #fff;
	border: 1px solid #ddd;
}
.sider li a {
	position: absolute;
	width: 100%; height: 100%;
	z-index: 1;
	left: 0; top: 0;
}
@media screen and ( max-width:768px) {
	footer{ padding: 0;}
	footer .copyright{ margin: .2rem 0;}
	footer .copyright-info{ display: block; margin-bottom: .1rem;}
	footer .censt{ display: inline-block; margin: 0;}
	footer .main{ width: 100%;}
	footer ul{ flex-wrap: wrap;}
	footer ul li{ width: 33%;}
	footer ul li:last-of-type{ width: 100%;}
	.info{display: none;}
	.sider {display: none;}
}