﻿#kefu {
  position:absolute;
  right:4px;
  top:12%;
  z-index: 999000000;

}
/*
#kefu .topBtn {
  width: 60px;
  height: 60px;
   right: 0px;
  background-color: #f2f2f2;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-size:46px 46px;
  -webkit-animation: wobble 250ms  infinite;
  animation: wobble 250ms  infinite;
  background-image: url(../images_index/tftb2.png);
}
#kefu .topBtn:active {
  background: #ddd;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
   background-image: url(../images_index/tftb2.png);
}


#kefu span {
  width: 60px;
  height: 60px;
   right: 0px;
  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.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 .eweima,
#kefu .tel {
  display: none;
}
#showKfList:checked + label {
  background: #ddd;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 46px 46px;
   background-image: url(../images_index/tftb2.png);
}
#showKfList:checked ~ span.wechat {
  -webkit-transform: translate(0, -70px);
  transform: translate(0, -70px);
  
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 55px 55px;
  background-image: url();
}
#showKfList:checked ~ span.qq {
  -webkit-transform: translate(-70px, -70px);
  transform: translate(-70px, -70px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-image: url();
}
#showKfList:checked ~ span.other {
  -webkit-transform: translate(-70px, 0);
  transform: translate(-70px, 0);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-image: url();
}
#showKfList {
  width: 60px;
  height: 60px;
  display: none;
   right: 0px;
}
*/