.slide{ width: 80px; height: 285px; position: fixed; top: 50%; margin-top: -126px; background: #fff; right: 0; border: solid 1px #ccc; border-radius: 5px 5px 5px 5px; z-index: 999;}
.slide ul li{ padding: 10px 10px; text-align: center;}
.slide ul .on{ border-bottom: solid 1px #ccc; border-top: solid 1px #ccc;}
.slide ul .wx .ho{ top: 24%; height: 147px; position: absolute; right: 80px; width: 80px; background: #fff; padding: 5px 5px; text-align: center; padding-top: 30px; display: none; border: solid 1px #ccc;}

/*自适应 当屏小于1050时隐藏*/

@media screen and (max-width: 1050px){ .slide{ display: none;}
	}



/*左边  注释  就是右边*/
.slide{
	width: 80px;
	height: 285px;
	position: fixed;
	top: 50%;
	margin-top: -126px;
	background: #fff;
	left: 20px;
	border: solid 1px #ccc;
	border-radius: 5px 5px 5px 5px;
	z-index: 999;
}
.slide ul li{
	padding: 10px 10px;
	text-align: center;
}
.slide ul .on{
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
}

.slide ul .wx .ho{
	top: 24%;
	height: 147px;
	position: absolute;
	left: 100%;
	width: 80px;
	background: #fff;
	padding: 5px 5px;
	text-align: center;
	padding-top: 30px;
	display: none;
	border: solid 1px #ccc;
}

@media screen and (max-width: 1050px) {
	.slide{
		display: none;
	}
}