.m-kf { position: fixed; z-index: 99999; right: 0px; top: 30%; }
.m-kf .kf-item { display: block; line-height: 0; font-size: 0; margin-bottom: 1px; background-color: #d8d8d8; }
.m-kf .kf-item:hover { background-color: #C1C1C1; }

.m-kf .kf-item.active { background-color: #C1C1C1; }
.m-kf .kf-wx { position: absolute; display: none; bottom: 0; right: 53px; width: 90px; }

/*@media screen and (max-width: 767px) { .m-kf { right: 0; top: auto; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; background-color: #d8d8d8; }
  .m-kf .kf-item { width: 20%; text-align: center; background-color: #d8d8d8; }
  .m-kf .kf-wx { bottom: 100%; left: 50%; margin-left:-45px }
  .g-ft { padding-bottom: 63px; } }*/