/* 懒人图库 搜集整理 www.lanrentuku.com */



/*浮动客服*/
<style type="text/css">
	body{position: relative;font: normal 13px "宋体" !important;}
	body,div,ul,li,p,a,img{padding: 0;margin: 0;}
	/*右侧悬浮菜单*/
	.slide{width: 50px;height: 500px;position: fixed;top: 25%;margin-top: -126px;background: #fe6c07;right: 0;border-radius: 5px 0 0 5px;z-index: 999;}
	.slide ul{list-style: none;}
	.slide .icon li{width: 49px;height: 50px;background: url(../images/icon.png) no-repeat;}
	.slide .icon .up{background-position:-330px -120px ;}
	.slide .icon li#qq{background-position:-385px -73px ;}
	.slide .icon li.wx{background-position:-385px -120px ;}
	.slide .icon li.down{background-position:-330px -160px ;}
	.slide .info{display:none;top: -425px;height: 500px;position: relative;right: 145px;width: 145px;overflow: hidden;margin-top: -73.5px;}
	.slide .info.hover li{width: 145px;}
	.slide .info li{position:absolute;transition:0.5s;border-radius:4px 0 0 4px ;background: #fe6c07;width: 0px;color: #CCCCCC;text-align: center;}
	.slide .info .wx{top:300px;}
	.slide .info .qq1{top:50px;}
	.slide .info .qq2{top:100px;}
	.slide .info .qq3{top:150px;}
	.slide .info .qq4{top:200px;}
	.slide .info .qq5{top:250px;}
	.slide .info .qq6{top:300px;}
	.slide .info .qq7{top:350px;}
	.slide .info li p{font-size: 1.1em;line-height: 2em;padding: 15px;text-align: left;color:#fff;}
	.slide .info li#qq p a{display: block;margin-top: 12px;width: 100px;height: 32px;line-height: 32px;color: #fff;font-size: 16px; text-align: center;text-decoration: none;border: 1px solid #fff;border-radius: 5px;}
	.slide .info li#qq p a:hover{color: #FFFFFF;border: none;background: #ff9900;border: 1px solid #fff;}
	.slide .info li.wx .img{display:block;width:125px;height:125px;background: #DEFFF9;margin: 15px;}
	/*控制菜单的按钮*/

	/*自适应 当屏小于1050时隐藏*/
	@media screen and (max-width: 1050px) {
		.slide{display: none;}
		#btn{display: none;}
	}
</style>