* {
  padding: 0;
  margin: 0;
}
#kefu {
  position: fixed;
  right: 10px;
  bottom: 80px;
  z-index: 999;
  width: 60px;
  height: 60px;
}
#kefu .topBtn {
  width: 60px;
  height: 60px;
  background-color: #f2f2f2;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  -webkit-animation: wobble 250ms  infinite;
  animation: wobble 250ms  infinite;
  background-image: url('../images/54aee6d6fd364b5282773f8daab9ad5e.gif');
}
#kefu .topBtn:active {
  background: #ddd;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('../images/54aee6d6fd364b5282773f8daab9ad5e.gif');
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.8;
  }
  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.8;
  }
  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
#kefu span {
  width: 60px;
  height: 60px;
  background-color: #f2f2f2;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}
#kefu span.wechat {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  z-index: -1;
}
#kefu span.wechat:hover .eweima {
  display: block;
}
#kefu span.wechat .eweima {
  position: absolute;
  right: 0;
  bottom: 70px;
  padding: 10px;
  background: rgba(163, 163, 163, 0.8);
  width: 120px;
  height: 150px;
}
#kefu span.wechat .eweima img {
  width: 120px;
  display: block;
}
#kefu span.wechat .eweima small {
  padding-top: 10px;
  font-style: normal;
  font-style: 14px;
  text-align: center;
  color: #fff;
  display: block;
}
#kefu span.qq {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  z-index: -1;
}
#kefu span.other {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  z-index: -1;
}
/*#kefu span.other:hover .tel {
  display: block;
}*/
#kefu span.other .tel {
  position: absolute;
  right: 70px;
  bottom: 0;
  width: 120px;
  height: 50px;
  padding: 10px 10px 0 10px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 14px;
}
#kefu span.other .tel dt {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
#kefu span.other .tel dd {
  font-size: 14px;
}
#kefu .eweima,
#kefu .tel {
  display: none;
}
#showKfList:checked + label {
  background: #ddd;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('../images/54aee6d6fd364b5282773f8daab9ad5e.gif');
}
#showKfList:checked ~ span.wechat {
  -webkit-transform: translate(0, -210px);
  transform: translate(0, -140px);
  background-color: #3cb035;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('../images/c42db5bccc744cba88fa4a1517958aec.gif');
}
#showKfList:checked ~ span.qq {
  -webkit-transform: translate(0px, -140px);
  transform: translate(0px, -70px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-image: url('data:image/png;base64,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');
}
#showKfList:checked ~ span.other {
  -webkit-transform:translate(0px, -70px);
  transform: translate(0px, -70px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-image: url('../images/c755f5e6a4c2418081e78c6fa3f7c5d0.gif');
}
#showKfList {
  width: 60px;
  height: 60px;
  display: none;
}