/* Elements----------------------------------------*/
*{}

.side-bar a,.chat-tips i {background-image: url(../img/ewm.png);background-repeat: no-repeat;}

/*右侧悬浮icon*/
.side-bar {width: 55px;position: fixed;bottom: 60%;left: 0px;font-size: 0;line-height: 0;z-index: 100;}
.side-bar a {width: 50px;height: 50px;display: inline-block;background-color: #dddddd;margin-bottom: 450px;}
.side-bar a:hover {background-color: #188eee;}
.side-bar .icon-qq {background-position: 0 -62px;}
.side-bar .icon-chat {background-position: 8px 9px;position: relative;}
.side-bar .icon-chat:hover .chat-tips {display: block;}
.side-bar .icon-blog {background-position: 0 -198px;}
.side-bar .icon-mail {background-position: 0 -266px;}
.side-bar .icon-totop {background-position: 0 -334px;}
.chat-tips {padding: 30px 20px 30px 20px;border: 1px solid #d1d2d6;position: absolute;left: 65px;top: -55px;background-color: #ffffff;display: none;}
.chat-tips i {width: 9px;height: 16px;display: inline-block;position: absolute;left: -7px;top: 80px;background-position:-88px -350px;}
.chat-tips img {width: 140px;height: 140pxpx;}
.chat-tips img.close{width:15px;height:15px;right: 4px;	display: inline-block;position: absolute;top: 5px;}
.chat-tips p{color:#000; font-size:14px;  width:140px;margin-top: 15px}




.chat-tipss {padding: 30px 20px 20px 20px;border: 1px solid #d1d2d6;position: absolute;left: 18px;background-color: #ffffff;display: none;}
.chat-tipss i {width: 9px;height: 16px;display: inline-block;position: absolute;left: -7px;top: 80px;background-position:-88px -350px;}
.chat-tipss img {width: 140px;height: 140px;}
.chat-tipss img.close{width:15px;height:15px;right: 6px;	display: inline-block;position: absolute;top: 8px; cursor: pointer}
.chat-tipss p{color:#000; font-size:14px;  width:140px;margin-top: 15px}


@media only screen and (max-width:767px) {
.side-bar{display:none;}

	}