﻿/* cyrillic-ext */


#wmkc {position:fixed;right:5px;top:40%;transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif;z-index:9999}
#wmkc * {box-sizing:border-box;font-size:12px;line-height:1.1}
.wmkc-list {padding:0;border:1px solid #EEE;background-color:#FFF;max-width:78px;border-radius:4px;margin:0}
.wmkc-icon {display:inline-block;background:url(../images/wmkc-ico23.png)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:0;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 0 0;transform:scale(.9);word-break:break-all}
.wmkc-wechat-img em {display:inline-block;width:16px;height:16px;background:url(../images/wmkc-ico23.png)-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-list li:hover a {color:#FFF} .wmkc-email:hover {background-color:#f90}
.wmkc-whatsapp:hover {background-color:#2cb740}
.wmkc-skype:hover {background-color:#0091df}
.wmkc-wechat:hover {background-color:#51c332}
.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-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}}

/* ===== 悬浮条：电话项（原 WhatsApp / Skype 改为电话）BEGIN =====
   改动说明：
   1. 图标用 iconfont 的 icon-phone —— 原来的 whatsapp / skype 是雪碧图
      (wmkc-ico23.png)，图里没有电话图形，改背景位置做不出来。
   2. 图标为品牌绿 #58B33E（站点主色）；悬停整块变绿、图标与文字转白。
   3. 桌面悬浮条与手机底部条**各只保留一个电话**（13054405804），
      号码不显示在文字上，仍保留在 href 里，点击照常拨号。
   4. 底部条原为固定 width:25%；去掉一个电话后可见项由 4 变 3 会空出 25%，
      故补一条等分规则（只作用于可见项，不影响隐藏的 .mobile-bottom-bag）。 */
#wmkc .wmkc-phone .iconfont{display:inline-block;width:28px;height:28px;line-height:28px;font-size:22px;color:#58B33E;transform:scale(.8)}
#wmkc .wmkc-phone:hover{background-color:#58B33E}
#wmkc .wmkc-phone:hover a,
#wmkc .wmkc-phone:hover .iconfont{color:#FFF}
@media (max-width:1024px){.bottom-btn .btn-item.phone i{color:#58B33E}}
.bottom-btn > .btn-item:not(.mobile-bottom-bag){width:auto;flex:1 1 0;min-width:0}
/* ===== 悬浮条：电话项 END ===== */
