#qu-mkf {position:fixed;right:5px;/*top:40%;*/transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif;z-index:99999999;}
#qu-mkf * {box-sizing:border-box;font-size:12px;line-height:1.1}
#qu-mkf .qu-list {padding:0;border:1px solid #EEE;background-color:#FFF;max-width:78px;border-radius:4px;margin:0}
#qu-mkf .qu-icon {display:inline-block;background:url(../images/qu-ico23.png)no-repeat;width:28px;height:28px;transform:scale(.8)}
#qu-mkf .qu-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}
#qu-mkf .qu-list>li>a>p {margin:0;transform:scale(.9);text-transform:capitalize}
#qu-mkf .qu-list>li a {color:#555;text-decoration:none;display:block;padding:0 2px}
#qu-mkf .qu-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}
#qu-mkf .qu-wechat-img img {display:block;max-width:100%;max-height:100%}
#qu-mkf .qu-wechat-img p {margin:4px 0 0;transform:scale(.9);word-break:break-all}
#qu-mkf .qu-wechat-img em {display:inline-block;width:16px;height:16px;background:url(../images/qu-ico23.png)-76px -8px/99px no-repeat;vertical-align:middle;margin-right:4px}
#qu-mkf .qu-list>li:hover .qu-wechat-img {transition:transform .4s;transform:scale(1)}
#qu-mkf .qu-list>li:hover,.qu-list>li:hover+li {border-color:transparent} 
#qu-mkf .qu-email .qu-icon {background-position:-8px -6px}
#qu-mkf .qu-whatsapp .qu-icon {background-position:-52px -50px}
#qu-mkf .qu-skype .qu-icon {background-position:-52px -6px}
#qu-mkf .qu-wechat .qu-icon {background-position:-144px -10px}
#qu-mkf .qu-list li:hover a {color:#FFF} .qu-email:hover {background-color:#f90}
#qu-mkf .qu-whatsapp:hover {background-color:#2cb740}
#qu-mkf .qu-skype:hover {background-color:#0091df}
#qu-mkf .qu-wechat:hover {background-color:#51c332}
#qu-mkf .qu-email:hover .qu-icon {background-position:-96px -6px}
#qu-mkf .qu-whatsapp:hover .qu-icon {background-position:-52px -94px}
#qu-mkf .qu-skype:hover .qu-icon {background-position:-96px -50px}
#qu-mkf .qu-wechat:hover .qu-icon {background-position:-144px -62px}
#qu-mkf .qu-list>li:first-child {border-radius:4px 4px 0 0;border:0}
#qu-mkf .qu-list>li:last-child {border-radius:0 0 4px 4px}
@media (max-width:768px) {#qu-mkf {display:none}}