﻿/*浮动客服*/
.floadQq .arrow {
  width: 50px;
  height: 45px;
  background: url(../images/online_arrow.png) no-repeat #0153a7;
  position: fixed;
  top: 100px;
  right: 170px;
  z-index: 999;
}
.floadQq .arrow a {
  display: block;
  height: 45px;
}
.floadQq .box {
  width: 170px;
  background: #fff;
  position: fixed;
  top: 100px;
  right: 0;
  z-index: 999;
  word-wrap: break-word;
}
.floadQq .box img {
  max-width: 100%;
  max-height: 100%;
}
.floadQq .box .boxShadow {
  background: #fff;
  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.25);
}
.floadQq .box > .title {
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: #0271be;
  color: #fff;
  font-size: 18px;
  text-indent: 22px;
  position: relative;
}
.floadQq .box .qq {
  padding: 10px 14px 0 14px;
}
.floadQq .box .qq li {
  line-height: 34px;
  font-size: 15px;
  border-bottom: 1px solid #e3e3e3;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}
.floadQq .box .qq li img {
  margin-right: 10px;
}
.floadQq .box .tel {
  padding-bottom: 5px;
}
.floadQq .box .tel .title {
  font-size: 18px;
  color: #333;
  padding: 12px 15px;
}
.floadQq .box .tel p {
  padding: 0 0 5px 15px;
  color: #ef8227;
  font-size: 18px;
}
.floadQq .box .wchat {
  text-align: center;
  padding: 20px 20px 10px 20px;
  background: #EBEBEB;
}
