/* 做网站公司 整站模板下载 */

/* 模板：www.618.net.cn */

/* 仿站：Fang.AdminBuy.Cn */

/* 素材：Sc.AdminBuy.Cn */

/* js特效：js.AdminBuy.Cn */

/* 在线工具 Tool.Adminbuy.Cn */

/* QQ：9490489 */

*{ 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;

}

}