*{ margin:0; padding:0;}
.im{position: fixed;right: 2px; top: auto; bottom: 40px; z-index: 11;}
.im-l{
	color:#fff;
	width: 32px;
	height: 60px;
	cursor: pointer;
	background-color: #5877ba;
	border-radius: 4px 0px 0px 4px;
	display: block;
	text-align: center;
	line-height: 60px;
	float: left;
}
.im-l i{
	font-size: 20px;
}
#select{
    display:none;
}
.im .box{
	float: right;
	width:60px;
	background-color: #5877ba;
	border-radius: 0 4px 4px 4px;
	display:none;
}
.im .box ul{
	background-color: #fff;
	list-style-type: none;
	margin: 5px;
}
.im .box ul li{
	height: 50px;
	width: 50px;
	overflow: hidden;
	text-align: center;
	line-height: 50px;
}
.im .box ul li a{ text-decoration: none; display: block;}
.im .box ul li i{
	font-size: 24px;
	color: #f39d22;
}
.im .box ul li i.img-skype{color: #00aff0;}
.im .box ul li i.img-whatsapp{ color:#00d51b;}
.im .box ul li i.img-user{color:#F66;}
.im .box ul li i.img-skype, .im .box ul li i.img-envelope{font-size: 28px;}
.im .box ul li a:hover i{
	color: #343537;
}
#select:checked + .box{
	display:block;
}
#cus_ser1 .msn {
	background-image: url(../images/c.jpg);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}
.im .skype {
	    background-image: url(../images/c.jpg);
    background-repeat: no-repeat;
    background-position: -47px 0;
    height: 50px;
    width: 47px;
}
.im .mail {
	    background-image: url(../images/c.jpg);
    background-repeat: no-repeat;
    background-position: -94px 0;
    height: 50px;
    width: 47px;
}
.im .kefu_01 {
	background-image: url(../images/kefu_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;
	overflow: hidden;
	background-color: #FFF;
}
.im .whatsapp {
	background-image: url(../images/kefu_02.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;
	overflow: hidden;
	background-color: #FFF;
}
@media screen and (min-width:768px){
.im{ width:92px; position: fixed; right: -60px; top: 150px; transition:right 0.5s; bottom: auto; z-index: 11;}
.im:hover{right: 0;} 
.im .box{
	position: absolute;
	display:block;
	width:60px;
	background-color: #5877ba;
	right: 0;
	top: 0;
}
}