@charset "utf-8";
/*-------------------
*Description:        By www.yiwuku.com
*Website:            https://app.zblogcn.com/?auth=3ec7ee20-80f2-498a-a5dd-fda19b198194
-------------------*/

.chaty-widget{position:fixed;right:25px;bottom:80px;z-index:9990;}
.chaty-widget li{position:relative;font-size:16px;box-shadow:0 16px 24px 0 rgb(73 104 126 / 16%);border-radius:50%;transition:all .2s linear;}
.chaty-widget li:not(.c4){margin:0 0 8px;opacity:0;transform:translateY(100%);visibility:hidden;}
.chaty-widget .erxact li:not(.c4){opacity:1;transform:translateY(0px);visibility:visible;}
.chaty-widget li i{display:block;width:70px;height:70px;background:url(../img/wx.png) no-repeat;}
.chaty-widget li.c2 i{background:url(../img/tf.png) no-repeat;}
.chaty-widget li.c3 i{background:url(../img/tfg.png) no-repeat;}
.chaty-widget li.c4 i{background:url(../img/dp.png) no-repeat;cursor:pointer;}
.chaty-widget .erxact li.c4 i{background-position-y:-70px;}
.chaty-widget li span{display:none;position:absolute;right:115%;top:50%;margin-top:-15px;white-space:nowrap;background:#fff;box-shadow:0 0 18px rgb(73 104 126 / 16%);border-radius:9px;padding:5px 15px;}
.chaty-widget .erxact2 li:hover span{display:block;}
.chaty-widget li span::after{content:'';position:absolute;top:50%;left:100%;margin-top:-5px;border:5px transparent solid;border-left-color:#fff;}