.online-kefu{
	position: fixed; z-index:9999; right: -135px; top: 95px; font-size: 14px;
}
.online-kefu ul,.online-kefu dl,.online-kefu dt,.online-kefu dd,.online-kefu li{
	list-style: none; margin: 0; padding: 0; border: 0;
}
.online-kefu a {
	color: #DCE2EC;
	text-decoration: none;
}

.online-kefu a:hover {
	text-decoration: none;
}
.online-left{
	width: 55px; display: box; overflow: hidden; float: left; top: 120px; position: relative;
}
.online-right{
	width: 135px; display: box; overflow: hidden; float: right; position: relative;
}
.online-body{
	overflow: hidden;
}
.titletop,.online-menu ul li,.onlinebottom,.showbtn .icon01,.closebtn .icon01,.msgmbtn .icon02,.upbtn .icon03,.downbtn .icon04,.qqicon{
	background:url(../images/2017online-skin01.png)no-repeat left top;
}
.titletop{
	background-position: left top; width: 135px; height: 140px; overflow:hidden;
}
.onlinecnt{
	background: #236EE0;
}
.kefu{
	 color: #fff; text-align: center; padding: 10px 0;
}
.kefu h4{
	border-bottom: dotted 1px #8DADDC; width: 80%; margin: 0 auto; padding-bottom:10px; color: #04D5F7;
}
.kefu dd{
	padding: 10px 0;
}
.kefu li{
	line-height: 32px; 
}
.kefu li a{
	width: 90%; border-radius: 5px; margin: 5px auto; display: block; padding-bottom: 3px;
}
.kefu li a:hover{
	background: #0050C9; color: #fff;
}
.online-menu li{
	width: 55px; height:55px; clear: both; border: 0; margin: 0; padding: 0; line-height: 55px; text-align: center; vertical-align: middle; cursor: pointer;
}
.online-menu li.showbtn{
	background: #246DE0;
}
.online-menu li.closebtn{
	background: #236EE0;
}
.online-menu li.msgmbtn{
	background: #DB1900;
}
.online-menu li.upbtn{
	background: #FC9200;
}
.online-menu li.downbtn{
	background: #05AB00;
}
.showbtn .icon01{
	background-position: -40px -224px; width: 30px; height: 30px; margin: auto; display: inline-block; margin-top: 10px;
}
.showbtn:hover .icon01{
	background-position: left -223px;
}
.closebtn .icon01{
	background-position: -40px -264px; width: 30px; height: 30px; margin: auto; display: inline-block; margin-top: 10px;
}
.closebtn:hover .icon01{
	background-position: left -264px;
}
.msgmbtn .icon02{
	background-position: -40px -317px; width: 30px; height: 30px; margin: auto; display: inline-block; margin-top: 10px;
}
.msgmbtn:hover .icon02{
	background-position: left -318px;
}
.upbtn .icon03{
	background-position: -40px -374px; width: 30px; height: 30px; margin: auto; display: inline-block; margin-top: 10px;
}
.upbtn:hover .icon03{
	background-position: left -374px;
}
.downbtn .icon04{
	background-position: -40px -432px; width: 30px; height: 30px; margin: auto; display: inline-block; margin-top: 10px;
}
.downbtn:hover .icon04{
	background-position: left -433px;
}
.weixin{
	text-align: center;
}
.onlinebottom{
	background-position:left -140px; width:135px; height: 70px; overflow: hidden; text-align: center; letter-spacing: 3px;
}
.onlinebottom span{
	margin: 0 auto; color: #fff;
}
.qqicon{
	width: 29px; height: 31px; overflow: hidden; background-position: left -484px; display:inline-block; vertical-align: middle;
}