@charset "utf-8";
/* CSS Document */

/* Elements----------------------------------------*/
/** {
	margin: 0;
	padding: 0;
	outline: 0;
}*/
.side-bar a,.chat-tips i {
	background-image: url(/statics/images/img/gdt-img.png);
	background-repeat: no-repeat;
}
/*ÓÒ²àÐü¸¡icon*/
.side-bar {
	width: 66px;
	position: fixed;
	bottom: 200px;
	right: 25px;
	font-size: 0;
	line-height: 0;
	z-index: 100;
}
.side-bar a,.side-bar>div {
	width: 66px;
	height: 66px;
	display: inline-block;
	/*background-color: #dddddd;*/
	background-color: #337AB7;
	margin-bottom: 5px;
}
.side-bar a:hover,.side-bar>div:hover {
	/*background-color: #669fdd;*/
	background-color: #165D9A;
}
.side-bar .icon-qq {
	background-position: 0 -62px;
}
.side-bar .icon-chat {
	/*background-position: 0 -130px;*/
	position: relative;
}
.side-bar .icon-chat:hover .chat-tips {
	display: block;
}

.side-bar .icon-chat .pingjia{ 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: 5px;
	border: 1px solid #d1d2d6;
	position: absolute;
	right: 67px;
	top: -55px;
	background-color: #ffffff;
	display: none;
}
.chat-tips i {
	width: 9px;
	height: 16px;
	display: inline-block;
	position: absolute;
	right: -9px;
	top: 80px;
	background-position:-88px -350px;
}
.chat-tips img {
	width: 138px;
	height: 168px;
}

.chat-tips>a{ width: auto !important; height: auto !important;}
div.son>.chat-tips:nth-child(1){ top: 130px;}



a.son,div.son{
	display: flex;
    justify-content:center;
    align-items:Center;
	border:1px solid #d1d2d6;
	text-decoration:none;
}
.son span{ font-size:22px; color:#FFF;}
a.son:hover{ text-decoration:none;}

.first .chat-tips{ display:block;}