/* Elements----------------------------------------*/
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
.side-bar a,.chat-tips i {
	background-image: url(../img/gdt-img.png);
	background-repeat: no-repeat;
}
/*右侧悬浮icon*/
.side-bar {
	width: 66px;
	position: fixed;
	bottom: 20px;
	right: 25px;
	font-size: 0;
	line-height: 0;
	z-index: 100;
}
.side-bar a {
	width: 66px;
	height: 66px;
	display: inline-block;
	background-color:rgba(0,0,0,.4);
	margin-bottom: 2px;
}
.side-bar a.app{
	display: none;
}
.side-bar a:hover {
	background-color: #669fdd;
}
.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-blog {
	background-position: 0 -198px;
}
.side-bar .icon-mail {
	background-position: 0 -266px;
}
.side-bar .icon-totop {
	background-position: 0 -334px;
}
.chat-tips {
	padding: 20px;
	border: 1px solid #d1d2d6;
	position: absolute;
	right: 78px;
	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: 138px;
}

.side-bar .icon-tel{
   background-position: 0 -262px;
   position: relative;
   width: 66px;
   height: 66px;
   line-height: 22px;
   display: inline-block;
   background-color: rgba(0,0,0,.4);
   margin-bottom: 2px;
   background-image: url(../img/gdt-img.png);
   background-repeat: no-repeat;
}
.side-bar .icon-tel:hover .chat-tips{
   display: block;
   top: 0;
   bottom: 0;
}
.side-bar .icon-tel .chat-tips i{
   top: 25px;
}
.side-bar .icon-tel .chat-tips a{
   width: max-content;
   height: auto;
   background: none;
   display: block;
   font-size: 16px;
}
@media (max-width: 768px) {
	.side-bar a.pc{
		display: none;
	}
	.side-bar a.app{
		display: block;
	}
}
.side-bar{
  bottom: 225px;
}

#newBridge .nb-comp-base{
  left: auto!important;
  bottom: 24px!important;
  width: 66px!important;
  right: 25px!important;
  border-radius: 0;
  background: none!important;
  box-shadow: none;
}
.nb-comp-item{
  box-sizing: border-box;
  padding: 8px 0!important;
  width: 66px;
  height: 66px;
  margin-bottom: 2px!important;
  background-color: rgba(0,0,0,.4)!important;
  border-radius: 0!important;
  font-size: 12px!important;
}
.nb-comp-item>i{
  width: 30px!important;
  height: 30px!important;
}
.nb-comp-item>i>i{
  background-size: 100%!important;
  width: 30px!important;
  height: 30px!important;
  left: 0!important;
  filter: drop-shadow(rgb(255, 255, 255) 0 0 0)!important;
}