#kefu {
  position: fixed;
  right: 10px;
  bottom: 66px;
  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('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575450105478%22%20class%3D%22icon%22%20viewBox%3D%220%200%201220%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222883%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M609.524%20103.522c-222.89%200-403.712%20178.472-403.712%20398.78%200%20220.31%20180.823%20398.782%20403.712%20398.782%20222.889%200%20403.712-178.473%20403.712-398.781%200-220.309-180.823-398.781-403.712-398.781v48.762c196.1%200%20354.95%20156.785%20354.95%20350.019s-158.85%20350.019-354.95%20350.019-354.95-156.785-354.95-350.02c0-193.233%20158.85-350.018%20354.95-350.018v-48.762z%22%20fill%3D%22%231296db%22%20p-id%3D%222884%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M786.578%20916.34c166.45-69.217%20278.408-231.055%20278.408-414.035%200-248.026-203.847-449.219-455.457-449.219-251.619%200-455.457%20201.188-455.457%20449.22%200%2055.397%2010.152%20109.367%2029.718%20159.975%204.855%2012.56-1.39%2026.677-13.949%2031.533-12.56%204.855-26.677-1.39-31.532-13.949a490.396%20490.396%200%200%201-3.042-8.078c-1.85%200.077-3.711%200.116-5.581%200.116C58.06%20671.903%200%20614.597%200%20543.903c0-65.005%2049.09-118.69%20112.68-126.91C153.65%20182.56%20360.56%204.324%20609.528%204.324c248.962%200%20455.877%20178.24%20496.85%20412.67%2063.583%208.225%20112.669%2061.907%20112.669%20126.909%200%2070.694-58.06%20128-129.686%20128-1.89%200-3.771-0.04-5.642-0.119-47.536%20129.702-148.34%20235.841-279.493%20290.027-1.161%2033.464-29.012%2060.24-63.2%2060.24-34.925%200-63.237-27.944-63.237-62.416%200-34.471%2028.312-62.415%2063.237-62.415%2017.892%200%2034.048%207.333%2045.551%2019.12z%22%20fill%3D%22%231296db%22%20p-id%3D%222885%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M609.528%20611.405c-58.933%200-112.056-10.644-158.472-28.342-16.123-6.147-30.211-12.702-42.138-19.208-6.926-3.777-11.447-6.59-13.437-7.972-19.24-13.373-44.428%205.446-37.059%2027.688%2035.296%20106.527%20136.054%20179.913%20251.106%20179.913%20115.05%200%20215.796-73.384%20251.092-179.913%207.37-22.243-17.82-41.062-37.06-27.687-1.99%201.383-6.51%204.195-13.434%207.972-11.926%206.505-26.012%2013.06-42.133%2019.207-46.413%2017.698-99.533%2028.342-158.465%2028.342z%22%20fill%3D%22%231296db%22%20p-id%3D%222886%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
#kefu .topBtn:active {
  background: #ddd;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575450105478%22%20class%3D%22icon%22%20viewBox%3D%220%200%201220%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222883%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M609.524%20103.522c-222.89%200-403.712%20178.472-403.712%20398.78%200%20220.31%20180.823%20398.782%20403.712%20398.782%20222.889%200%20403.712-178.473%20403.712-398.781%200-220.309-180.823-398.781-403.712-398.781v48.762c196.1%200%20354.95%20156.785%20354.95%20350.019s-158.85%20350.019-354.95%20350.019-354.95-156.785-354.95-350.02c0-193.233%20158.85-350.018%20354.95-350.018v-48.762z%22%20fill%3D%22%231296db%22%20p-id%3D%222884%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M786.578%20916.34c166.45-69.217%20278.408-231.055%20278.408-414.035%200-248.026-203.847-449.219-455.457-449.219-251.619%200-455.457%20201.188-455.457%20449.22%200%2055.397%2010.152%20109.367%2029.718%20159.975%204.855%2012.56-1.39%2026.677-13.949%2031.533-12.56%204.855-26.677-1.39-31.532-13.949a490.396%20490.396%200%200%201-3.042-8.078c-1.85%200.077-3.711%200.116-5.581%200.116C58.06%20671.903%200%20614.597%200%20543.903c0-65.005%2049.09-118.69%20112.68-126.91C153.65%20182.56%20360.56%204.324%20609.528%204.324c248.962%200%20455.877%20178.24%20496.85%20412.67%2063.583%208.225%20112.669%2061.907%20112.669%20126.909%200%2070.694-58.06%20128-129.686%20128-1.89%200-3.771-0.04-5.642-0.119-47.536%20129.702-148.34%20235.841-279.493%20290.027-1.161%2033.464-29.012%2060.24-63.2%2060.24-34.925%200-63.237-27.944-63.237-62.416%200-34.471%2028.312-62.415%2063.237-62.415%2017.892%200%2034.048%207.333%2045.551%2019.12z%22%20fill%3D%22%231296db%22%20p-id%3D%222885%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M609.528%20611.405c-58.933%200-112.056-10.644-158.472-28.342-16.123-6.147-30.211-12.702-42.138-19.208-6.926-3.777-11.447-6.59-13.437-7.972-19.24-13.373-44.428%205.446-37.059%2027.688%2035.296%20106.527%20136.054%20179.913%20251.106%20179.913%20115.05%200%20215.796-73.384%20251.092-179.913%207.37-22.243-17.82-41.062-37.06-27.687-1.99%201.383-6.51%204.195-13.434%207.972-11.926%206.505-26.012%2013.06-42.133%2019.207-46.413%2017.698-99.533%2028.342-158.465%2028.342z%22%20fill%3D%22%231296db%22%20p-id%3D%222886%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
@-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;
  height: 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('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575450105478%22%20class%3D%22icon%22%20viewBox%3D%220%200%201220%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222883%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M609.524%20103.522c-222.89%200-403.712%20178.472-403.712%20398.78%200%20220.31%20180.823%20398.782%20403.712%20398.782%20222.889%200%20403.712-178.473%20403.712-398.781%200-220.309-180.823-398.781-403.712-398.781v48.762c196.1%200%20354.95%20156.785%20354.95%20350.019s-158.85%20350.019-354.95%20350.019-354.95-156.785-354.95-350.02c0-193.233%20158.85-350.018%20354.95-350.018v-48.762z%22%20fill%3D%22%231296db%22%20p-id%3D%222884%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M786.578%20916.34c166.45-69.217%20278.408-231.055%20278.408-414.035%200-248.026-203.847-449.219-455.457-449.219-251.619%200-455.457%20201.188-455.457%20449.22%200%2055.397%2010.152%20109.367%2029.718%20159.975%204.855%2012.56-1.39%2026.677-13.949%2031.533-12.56%204.855-26.677-1.39-31.532-13.949a490.396%20490.396%200%200%201-3.042-8.078c-1.85%200.077-3.711%200.116-5.581%200.116C58.06%20671.903%200%20614.597%200%20543.903c0-65.005%2049.09-118.69%20112.68-126.91C153.65%20182.56%20360.56%204.324%20609.528%204.324c248.962%200%20455.877%20178.24%20496.85%20412.67%2063.583%208.225%20112.669%2061.907%20112.669%20126.909%200%2070.694-58.06%20128-129.686%20128-1.89%200-3.771-0.04-5.642-0.119-47.536%20129.702-148.34%20235.841-279.493%20290.027-1.161%2033.464-29.012%2060.24-63.2%2060.24-34.925%200-63.237-27.944-63.237-62.416%200-34.471%2028.312-62.415%2063.237-62.415%2017.892%200%2034.048%207.333%2045.551%2019.12z%22%20fill%3D%22%231296db%22%20p-id%3D%222885%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M609.528%20611.405c-58.933%200-112.056-10.644-158.472-28.342-16.123-6.147-30.211-12.702-42.138-19.208-6.926-3.777-11.447-6.59-13.437-7.972-19.24-13.373-44.428%205.446-37.059%2027.688%2035.296%20106.527%20136.054%20179.913%20251.106%20179.913%20115.05%200%20215.796-73.384%20251.092-179.913%207.37-22.243-17.82-41.062-37.06-27.687-1.99%201.383-6.51%204.195-13.434%207.972-11.926%206.505-26.012%2013.06-42.133%2019.207-46.413%2017.698-99.533%2028.342-158.465%2028.342z%22%20fill%3D%22%231296db%22%20p-id%3D%222886%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
#showKfList:checked ~ span.wechat {
  -webkit-transform: translate(0, -70px);
  transform: translate(0, -70px);
  background-color: #3cb035;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADZ0lEQVRoQ+2YXYhVZRSGn/dCDROtsMTUCzMGSSqCEY0SUSIpQRAyxZsCkVCxaC5EwUILIfy5sRAVsctICvyFSCRHTCKlCyO6UBBBNEkULEcqa8Ua9pE92zPO+vY+Z2RgLzgXZ++13m+96/1+1rfFEDcN8fypCTxoBWsFagUqVqCeQhULWDm8VqBYQjObBkwBnsh+t4DfgcvAj5J6Kpc9B9ASBczsWWAlsAB48j4J/g18D3wN7JH0V1UylQiYWQewCXijRCK/ARuB3ZL+KxHfG1KagJmtArYCD5UdPIs7BSyVdLEMTjIBM/OYL4FFZQbsJ+YmMEfST6mYZQhsA7pSBwr4XwM6U5VIImBmXvV9gWTKuvwKPC/pnyhAmICZjQTOA+Oj4CX91kjaEo1NIfAB8FEUuIKfnxMTJd2IYKQQOAc8HQFtgc9ySXsiOCECZvYCkLxDRBLox+eYpFci8VEC7wA7mwDuBQ4CLwPvAcNyPkeBXZlqa4FHcu98Lfk8vwOsa6Jsj6SHW0ngY2B9AXCLpDWNZ9nB9ln2/ztJc3PvZgA/ZP99u+xozHEzG51tDo8X8B+LrIOoAj4flxUGeFFSIynMbAJwKfNZLalBpveRmXnrMA74SlKfQ9DMvgCWFPCfk/TzQCpECfj08WmUt4WS9ueq3Amczv5vknRXMTMbAfyRTbGTkmblgczsBNDnGfCUpAutIuBN14cFMD90XpV0yczGAoeAmZmPtwbzXCEzG+4NG/BWLn6FpN41VZh6+SGGSfI1cl+LKvA6cKQJkg/wCzAV8CoXzd9NBMY0eef3g3+BSc3eSfIpOaBFCfgp7AeLV3MwbIck73YHtBCBTOrDwPwBEVvj4J3p8QhUCoHBOszOSJoeSd59wgQyFXyX8d2mnebd6NnoAGECZuan7FXg0Sh4Cb+NkjakxKUQ8Av7gRTwRN9PJHlbkWQpBPwa+WYSeszZt+IuSZ/G3Pt6hQiY2ajs207VC3wxR5+SiyV1l0k+vIjN7G3g82wQP3y+BRqd6GvA+8DshCSuA5uB7ZJuJ8Td4xpVwC/yvgacxF5J3pj1MTN7BngXeAmYDDTa4T+zxX/Fv8wB3wDdkvwjV2ULEag8ShsBagJtLG4IulYgVKY2OtUKtLG4IehagVCZ2uhUK9DG4oag/wcpkfIxBx7oPAAAAABJRU5ErkJggg==');
}
#showKfList:checked ~ span.qq {
  -webkit-transform: translate(-70px, -70px);
  transform: translate(-70px, -70px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFKUlEQVRoQ82aZ4hdVRSFv6Wxl9hiQUExgkTQKBEViSDBYIkJYiQ2IhJbRCyx/lF/KBYyKigkOCqKLRYsib3EDnai2CVRsYsxomjU2Las533jzJ37bnn3zjgHhvnx9ll7r3P2ObucKxoYETEW2BPYBdga2AbYKvm/XqJiFfAm8BLwGvCypI/rqle3ABGxJnA0cB6wY5c47wI9wAJJf3SDUZlARHhFTwTOSVa5G73pOV8CVwLXSvq1CmBpAhGxLnAKcC6wWRUlFWSXA3OBeWWJlCIQEXaRx4FtKxhTR3QZMFXSB0UghQQiYgpwF9A+jEWYTf3+MzBD0qN5gLkEImIWcD2wWlNWVcT5GzhB0o2d5nUkEBHHATdUVDhU4sdKujkLPJNARBwEPPg/rnza1r+AaZIeSf8wiEASlBxw1h+q5ewS12diV0kf9Z8/gEBErAW8AYzrUslQT3sf2E2So3prpAlcAFw01FbUxL9Q0sWDCESEcxhvj3chbzwLXA68CPwJHA7cVNOoKtO9+ttL+mrADkSEc5KzC5CeAg6QZMP7RkQ8A+xbxYqasnMlOQf714UiwgfWjDbIAV4BjJX0Y1omIg4B7q9pVJXpPzkPk7SyTeBkYH4BwtWSzsiSiQgHuqXe2ipW1JSdLam3TWCJT3cB4CRJdpXMERFzgKtqGlVl+hJJExQRmwLflZi5naRPcwg4Q/0aGFUCqymRMSYwHbinBOIoSY6IHUdE3A4cVQKrKZFDTaDM7WOFm0tyvp5HwFnrjKasK4HTYwLOLw4sIby/pCdyXGhv4LlhdqGHTcC3xw4lCFwn6aQOt9AewOKCa7iEisoiy0zAblGmRFxpOUm/pdVEhLsMu1dWX3/CChP4BVinJNZZkgZdlRHhgvzMkhhNiq2qSsBkx0n6rL8VEeEFcKY4XDVzW32LwOdJA6rsyiyS5NRhwIgInwMf4rXLAjUgt9wEXLyMrwjmjsFDGSTcAFgErF4Rr1vxpSbgDHNSRQQf/PGSHHnTO3Ek4IBW2PGoqDNLvHWNXgOc2gWYd26iM8IMEgcDdxa0Ytwg8y6eDhxT4SLpr64VyMqmElkcnwYc4AbUBxaMCJelJuGGb3rMl+QuX2sk7UqnIK4Gt6ywmNOqJHOdcBcCh2XlSUma7RV2CdhujL0DTJD0e8bOuRqcnfRedyog4rxsdDudrltRLbAbdEr2ImILwGdjQ+BWSZ/kGRcRGwPfFxBYLGlym8ARwB0Vti5L1DXydEnf1MSxS40GfijAaTW72gTWSErKMilFHq5vp+MlPVCHRETsAzyfgzGwpEwOktva7vk3MexScyR92w1YidSkR5Jvsf/u6qQyc1t7o26UZsxx2jHP/X5JZSq+9o00GXgsp62Z3VZJdmEoGrp+cbkb6JXk97HMEREuRU9LHjjyIvn5ki5pg2T1RuveSHkb6NaNH0peBd4CXgd8Q80EvHhFXY33kv5o33taFoHe5B5uyJMagynV3PXW+eBt0pjaZoActJxADnqtSTd39wOebEZnoygzJd2WhZgmMNLcxys/S9ItnZajj0BEjDT3cZbryO5D33H0JzCS3Mdt/imSPixyxP4EstzHr4QvJJ07d5+nApcCTraGYnT30J1yH+f2zvPvBe5LR9Ek0brMvlniMaQsyS+STw0c7Kp/ahARE5OPNtwjXZj1BpC2JCKccrgIcf6+c1lLU3L+2OMKl6DD9rFHlqER4c9r9kr+3KYfk8QSxxPvqCNw+89dkLeBV9Ivjt0swj/IKMbKwEkhnAAAAABJRU5ErkJggg==');
background-color: #1296db;
}
#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('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADZ0lEQVRoQ+2YXYhVZRSGn/dCDROtsMTUCzMGSSqCEY0SUSIpQRAyxZsCkVCxaC5EwUILIfy5sRAVsctICvyFSCRHTCKlCyO6UBBBNEkULEcqa8Ua9pE92zPO+vY+Z2RgLzgXZ++13m+96/1+1rfFEDcN8fypCTxoBWsFagUqVqCeQhULWDm8VqBYQjObBkwBnsh+t4DfgcvAj5J6Kpc9B9ASBczsWWAlsAB48j4J/g18D3wN7JH0V1UylQiYWQewCXijRCK/ARuB3ZL+KxHfG1KagJmtArYCD5UdPIs7BSyVdLEMTjIBM/OYL4FFZQbsJ+YmMEfST6mYZQhsA7pSBwr4XwM6U5VIImBmXvV9gWTKuvwKPC/pnyhAmICZjQTOA+Oj4CX91kjaEo1NIfAB8FEUuIKfnxMTJd2IYKQQOAc8HQFtgc9ySXsiOCECZvYCkLxDRBLox+eYpFci8VEC7wA7mwDuBQ4CLwPvAcNyPkeBXZlqa4FHcu98Lfk8vwOsa6Jsj6SHW0ngY2B9AXCLpDWNZ9nB9ln2/ztJc3PvZgA/ZP99u+xozHEzG51tDo8X8B+LrIOoAj4flxUGeFFSIynMbAJwKfNZLalBpveRmXnrMA74SlKfQ9DMvgCWFPCfk/TzQCpECfj08WmUt4WS9ueq3Amczv5vknRXMTMbAfyRTbGTkmblgczsBNDnGfCUpAutIuBN14cFMD90XpV0yczGAoeAmZmPtwbzXCEzG+4NG/BWLn6FpN41VZh6+SGGSfI1cl+LKvA6cKQJkg/wCzAV8CoXzd9NBMY0eef3g3+BSc3eSfIpOaBFCfgp7AeLV3MwbIck73YHtBCBTOrDwPwBEVvj4J3p8QhUCoHBOszOSJoeSd59wgQyFXyX8d2mnebd6NnoAGECZuan7FXg0Sh4Cb+NkjakxKUQ8Av7gRTwRN9PJHlbkWQpBPwa+WYSeszZt+IuSZ/G3Pt6hQiY2ajs207VC3wxR5+SiyV1l0k+vIjN7G3g82wQP3y+BRqd6GvA+8DshCSuA5uB7ZJuJ8Td4xpVwC/yvgacxF5J3pj1MTN7BngXeAmYDDTa4T+zxX/Fv8wB3wDdkvwjV2ULEag8ShsBagJtLG4IulYgVKY2OtUKtLG4IehagVCZ2uhUK9DG4oag/wcpkfIxBx7oPAAAAABJRU5ErkJggg==');
  background-color: #c32929;
}
#showKfList {
  width: 60px;
  height: 60px;
  display: none;
}