#wmkc {
  position:fixed;
  right:5px;
  top:40%;
  transform:translateY(-50%);
  font-family:var(--fontfamily,Arial);
  z-index:9999
}
#wmkc * {
  box-sizing:border-box;
  font-size:12px;
  line-height:1.1
}
.wmkc-list {
  padding:0px;
  border:1px solid #eee;
  background-color:#FFF;
  max-width:78px;
  border-radius:4px;
  margin:0
}
.wmkc-icon {
  display:inline-block;
  background:url(/skin/css/wmkc-ico23.webp) no-repeat;
  width:28px;
  height:28px;
  transform:scale(.8)
}
.wmkc-list>li {
  width:100%;
  border-top:1px solid #eee;
  list-style:none;
  text-align:center;
  padding:2px 0 4px;
  transition:all .2s ease-in-out
}
.wmkc-list>li>a>p {
  margin:0px;
  transform:scale(.9);
  text-transform:capitalize
}
.wmkc-list>li a {
  color:#555;
  text-decoration:none;
  display:block;
  padding:0 2px
}
.wmkc-wechat-img {
  position:absolute;
  right:calc(100% - 1px);
  bottom:0;
  width:120px;
  text-align:center;
  padding:10px 10px 6px;
  background-color:#FFF;
  border:1px solid #eee;
  border-radius:4px;
  transform:scale(0);
  transform-origin:right bottom
}
.wmkc-wechat-img img {
  display:block;
  max-width:100%;
  max-height:100%
}
.wmkc-wechat-img p {
  margin:4px 0px 0px;
  transform:scale(.9);
  word-break:break-all
}
.wmkc-wechat-img em {
  display:inline-block;
  width:16px;
  height:16px;
  background:url(/skin/css/wmkc-ico23.webp) -76px -8px/99px no-repeat;
  vertical-align:middle;
  margin-right:4px
}
.wmkc-list>li:hover .wmkc-wechat-img {
  transition:transform .4s;
  transform:scale(1)
}
.wmkc-list>li:hover,
.wmkc-list>li:hover+li {
  border-color:transparent
}
.wmkc-email .wmkc-icon {
  background-position:-8px -6px
}
.wmkc-whatsapp .wmkc-icon {
  background-position:-52px -50px
}
.wmkc-skype .wmkc-icon {
  background-position:-52px -6px
}
.wmkc-wechat .wmkc-icon {
  background-position:-144px -10px
}
.wmkc-vkontakte .wmkc-icon {
  background-position:-143px -92px
}
.wmkc-list li:hover a {
  color:#FFF
}
.wmkc-email:hover {
  background-color:#f90
}
.wmkc-whatsapp:hover {
  background-color:#25d366
}
.wmkc-skype:hover {
  background-color:#0091df
}
.wmkc-wechat:hover {
  background-color:#07c160
}
.wmkc-vkontakte:hover {
  background-color:#07f
}
.wmkc-email:hover .wmkc-icon {
  background-position:-96px -6px
}
.wmkc-whatsapp:hover .wmkc-icon {
  background-position:-52px -94px
}
.wmkc-skype:hover .wmkc-icon {
  background-position:-96px -50px
}
.wmkc-wechat:hover .wmkc-icon {
  background-position:-144px -62px
}
.wmkc-vkontakte:hover .wmkc-icon {
  background-position:-96px -92px
}
.wmkc-list>li:first-child {
  border-radius:4px 4px 0 0;
  border:0
}
.wmkc-list>li:last-child {
  border-radius:0 0 4px 4px
}
@media (max-width:768px) {
  #wmkc {
    display:none
  }
}