
/* qq-client */
.qq-client{position:fixed;right:0px;top:23%;margin-top:-80px;z-index: 999;}
.qq-client a{width:70px;height:100px;text-align:center;padding:0px 0px;line-height:40px;display:block;}
.qq-client-content{position:fixed;right:-251px;top:20%;width:158px;background-color: rgba(255,255,255,.7);padding-bottom: 8px;}
.qq-client-content h1{width:90%;margin:0px auto;text-align:center;height:8px;position:relative;}
.qq-client-content h1 span{font-size:12px;font-weight:normal;position:absolute;left:-23px;top:-16px;cursor:pointer;background:#ffffff;border:#ebebeb solid 1px;width:30px;height:30px;line-height:30px;border-radius:20px;text-align:center;}
.qq-client-list{} 
.client-list{overflow:hidden;line-height:0;width:90%;margin:0px auto;}
.client-list a{display:block;}
.client-list a:hover{ opacity: .8;}
.client-list span{float:left;}
.client-list label{float:left;width:60px;text-align:right;padding-right:10px;}

@media screen and (min-width:768px) and (max-width:1024px){
	.qq-client-content { z-index:999;}
}

@media screen and (max-width:767px){
	.qq-client a {display: none;}
	.qq-client{display: none;z-index: -9999;}
	.qq-client img {width: 80%;}
	.qq-client-content { display: none;z-index: -9999;border:#ebebeb solid 0px;}
	.client-list {display: none;}
	.client-list img {width:100%;}
	.qq-client-list{display: none;} 
	.qq-client-content h1 span{display: none;z-index: -9999;} 
	
}