.g-dish{position:fixed;z-index:99999999999999999999999;bottom:0;font-size:12px;right:0px;top:50%;width:60px;background-color:transparent;}
 
.g-dish .kefuabc li{list-style: none; display:block;}
.g-dish ul{padding:0}
.g-dish li{float:none;position:relative;width:100%;padding:0}
.g-dish li:hover a.icon{color:#333; }
.g-dish li:hover a.icon span,.g-dish li:hover a.icon i.g-iconfont{color:#333}
.g-dish a.icon{padding:12px 0 4px;line-height:14px;background-color:#28c445; display:block;text-align:center;color:#fff}
.g-dish a.kf{
    background-color:#0094ff; 
}
.g-dish a:hover,.g-dish a:active,.g-dish a:focus{text-decoration:none;outline:none}
.g-dish a.icon span{display:block;padding-top:4px;font-size:12px;line-height:20px;color:#fff}
.g-dish a.icon i.g-iconfont{font-size:20px;vertical-align:-4px;margin-right:5px;vertical-align:top;margin-right:0;color:#666666}
.g-dish a.icon i.g-iconfont.iconfont-top{font-size:14px;padding:3px 0}
.g-dish .detail{display:block;position:absolute;top:0;right:60px;overflow:hidden;width:0;padding-bottom:15px;color:#fff;background-color:#ff8a00;-webkit-box-shadow:-2px 0 2px rgba(0,0,0,0.01) inset;box-shadow:-2px 0 2px rgba(0,0,0,0.01) inset;-webkit-transition:width .2s ease-in-out;transition:width .2s ease-in-out}.g-dish li.tel{position:relative}
.g-dish li.tel .lady{display:block;position:absolute;left:0;top:-52px;width:60px;height:52px;
/*background:url("../img/kefu.png") 0 0 no-repeat; */
margin:0;}
.g-dish li.wx .detail,.g-dish li.app .detail,.g-dish li.tel .detail{padding-top:8px}
.g-dish li.tel .detail{padding-bottom:12px}
.g-dish li.tel .detail span,.g-dish li.tel .detail b{width:134px;display:block;line-height:18px;text-align:center}
.g-dish li.tel .detail span.weekdays{font-size:12px;padding-bottom:11px}
.g-dish li.tel .detail a{display:inline-block;line-height:26px;height:26px;background-color:#fff;color:#666;width:104px;margin:3px 0px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-size:12px}
.g-dish li.tel .detail b{display:block;font-size:16px;font-family:Arial}
.g-dish li.tel:hover .icon{cursor:default}
.g-dish li.wx .detail span,.g-dish li.app .detail span,.g-dish li.tel .detail span{display:block;width:134px;font-size:14px;line-height:2;text-align:center}
.g-dish li.wx .detail span.wx-title{line-height:20px;padding-bottom:8px}
.g-dish li.wx:hover .detail,.g-dish li.app:hover .detail,.g-dish li.tel:hover .detail{width:134px}
/*.g-dish li.gotop:hover a.icon{background-color:#1c9bd5;border-color:#1c9bd5}*/
.g-dish li.gotop a.icon{padding-top:4px;background-color:#999999;border-color:#999999}
.g-dish li.gotop a.icon i.g-iconfont{color:#fff}
.g-dish li.tel img, .g-dish li.back img, .g-dish li.kf img { width:30px; margin: 0;}
.g-dish li.kf{ background: #0094ff;}
/*.g-dish li.tel:hover img, .g-dish li.back:hover img{  filter: grayscale(100%) brightness(300%)}*/
 #exampleModal{ margin: 10% auto; }
 
 @media(max-width:900px) {
    .g-dish{
        bottom: 0px;
        top: auto;
        left: 0;
        width: 100%;
    }
    .kefuabc{
        display: flex;
    }
    .g-dish a.icon{
        padding: 5px 0px;
        display: flex;
        justify-content: center;
        min-height: 55px;
        align-items: center;
    }
    .g-dish a.icon span{
        padding: 0 10px;
        font-size: 16px;
    }
       
 }
 
/*网站客服 end*/