/*  英文版在线客服  */
#ab-mkf {position:fixed;right:5px;top:40%;transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif;z-index:9999}
#ab-mkf * {box-sizing:border-box;font-size:12px;line-height:1.1}
.ab-list {padding:0;border:1px solid #EEE;background-color:#FFF;max-width:78px;border-radius:4px;margin:0}
.ab-icon {display:inline-block;background:url(../image/my-icon.png)no-repeat;width:28px;height:28px;transform:scale(.8)}
.ab-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}
.ab-list>li>a>p {margin:0;transform:scale(.9);text-transform:capitalize}
.ab-list>li a {color:#555;text-decoration:none;display:block;padding:0 2px}


.ab-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}
.ab-wechat-img img {display:block;max-width:100%;max-height:100%}
.ab-wechat-img p {margin:4px 0 0;transform:scale(.9);word-break:break-all}
.ab-wechat-img em {display:inline-block;width:16px;height:16px;background:url(../image/my-icon.png)-76px -8px/99px no-repeat;vertical-align:middle;margin-right:4px}

.ab-tel-p {position:absolute;right:calc(100% - 1px);bottom:52px;width:180px;text-align:center;padding:5px;/*padding:10px 10px 6px;*/background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom;background:#2cb740}
/**后加*/


.ab-list>li:hover .ab-tel-p {transition:transform .4s;transform:scale(1);} /**后加*/
.ab-tel-p p{}
.ab-list>li:hover .ab-wechat-img {transition:transform .4s;transform:scale(1)}
.ab-list>li:hover,.ab-list>li:hover+li {border-color:transparent} 

.ab-tel .ab-icon {background-position:-52px -50px}

.ab-whatsapp .ab-icon {background-position:-52px -50px}
.ab-skype .ab-icon {background-position:-52px -6px}
.ab-email .ab-icon {background-position:-8px -6px}
.ab-wechat .ab-icon {background-position:-144px -10px}


.ab-list li:hover a {color:#FFF} 
.ab-tel:hover{background-color:#51c332;}
.ab-email:hover {background-color:#f90}
.ab-whatsapp:hover {background-color:#2cb740}
.ab-skype:hover {background-color:#0091df}
.ab-wechat:hover {background-color:#51c332}


.ab-tel:hover .ab-icon {background-position:-52px -94px}
.ab-email:hover .ab-icon {background-position:-96px -6px}
.ab-whatsapp:hover .ab-icon {background-position:-52px -94px}
.ab-skype:hover .ab-icon {background-position:-96px -50px}
.ab-wechat:hover .ab-icon {background-position:-144px -62px}
.ab-list>li:first-child {border-radius:4px 4px 0 0;border:0}
.ab-list>li:last-child {border-radius:0 0 4px 4px}
@media (max-width:768px) {#ab-mkf {display:none}}