.pie{behavior: url('/kefu/pie.htc');}
#kf_side{
    position: fixed;
    bottom: 90px;
    right: 40px;
    z-index: 999;
    width:30px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
}
#kf_side ul,#kf_side li{list-style: none;margin:0;padding: 0;}
#kf_side li{padding:2px;background:#555;border-radius: 5px;margin-bottom: 3px;overflow: hidden;white-space:nowrap;}
#kf_side,#kf_side a{color:#fff;}
#kf_side a:hover{color:#bbb;}
#kf_side .bn{width:26px;height:26px;vertical-align: middle;display:block;}
#kf_side .more{display: none;}
#kf_circle .im{position: absolute;width:50px;height:50px;border-radius: 50%;box-shadow: 0 5px 10px 0 #939b9f;cursor: pointer;}
#kf_dot{
    content: '';
    display: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1ab744;
    background-image: linear-gradient(to bottom,#38dc79,#1ab744);
    position: absolute;
    left: 35px;
    bottom: 40px;
    z-index: 50;
}
#kf_circle{position: fixed;width:50px;height:50px;bottom:40px;right:30px;}
#cir0{background: #51d875;}
#cir1{background: #1ab744;}
#cir0,#cir1{
    position: absolute;
    z-index: 0;
    background: rgba(26,183,68,0.25);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    bottom:-1px;
    left:-1px;
    display: none;
}
#kf_side .tel{position: absolute;right:100px;bottom:50px;background: #fff;padding:15px 25px;}

#kf_side:hover{width:180px;}
#kf_side:hover li{box-shadow: 0 5px 10px 0 #939b9f;}
#kf_side:hover .bn{float:left;}
#kf_side:hover .more{display: inline-block;text-align: center;width:120px;}
#kf_side .bn1 .more{line-height:30px;font-size:16px;}
#kf_side .wx_qr{width:100px;height:100px;display: block;margin:10px 0 10px 10px;}

#kf_dlg{
    position: fixed;
    bottom:40px;
    right: 90px;
    width:360px;
    box-shadow: 3px 2px 10px 0 #b3b7b9;
    border-radius: 8px;
    overflow: hidden;
    background: #f0f0f0;
}
#kf_dlg .title{background:#1ab744;height: 40px;padding:10px;color:#fff;border-radius: 8px 8px 0 0;position: relative;clear: both;}
#kf_dlg .title img{width:40px;height:40px;float:left;margin-right: 10px;}
#kf_dlg .title p{margin:0;padding:0;font-size: 14px;line-height: 24px;}
#kf_dlg .title span{font-size:12px;}
#kf_dlg .title b{font-weight: normal;font-size: 12px;}
#kf_dlg .close{position: absolute;right:10px;top:10px;padding:15px 10px 10px 10px;cursor: pointer;}
#kf_dlg .close i{border:6px transparent solid;border-top: 6px #fff solid;display: block;width:0;height:0;}
#kf_dlg .board{border-top: 1px solid #dbdbdb;}
#kf_dlg textarea{
    border: 0;
    background: #f0f0f0;
    outline: none;
    width:350px;
    height: 60px;
    resize: none;
    overflow: hidden;
    margin: 5px;
}
#kf_dlg .send-btn{
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    right:10px;
    bottom:10px;
    padding:4px 10px;
    background: #1ab744;
    color:#fff;
}
#kf_msglist{min-height: 200px;max-height: 400px;overflow-y: scroll;scrollbar-width: none;}
#kf_msglist::-webkit-scrollbar{display: none;}
#kf_msglist .you{margin-left:20px;margin-bottom: 20px;clear: both;overflow: hidden;}
#kf_msglist .you>img{width:30px;height:30px;float:left;}
#kf_msglist .you p{float:left;}
#kf_msglist .you p,#kf_msglist .me p{background: #fff;font-size: 14px;border-radius: 4px;line-height: 22px;padding: 7px 10px;margin:0;max-width:60%;}
#kf_msglist .you>div>img{margin-left:10px;border: 1px solid rgba(210,210,210,0.5);border-radius: 4px;max-width:150px;max-height: 150px;}
#kf_msglist i{
    width:0;height:0;
    display: block;
    margin-top: 7px;
}
#kf_msglist .you i{border:4px transparent solid;border-right: 4px #fff solid;float:left;}
#kf_msglist .me{margin-right:20px;margin-bottom:20px;clear: both;overflow: hidden;}
#kf_msglist .me>img{width:30px;height:30px;float:right;}
#kf_msglist .me i{border:4px transparent solid;border-left: 4px #95ec69 solid;float:right;}
#kf_msglist .me p{background: #95ec69;float:right;}
#kf_msglist .emoji{width:24px;height:24px;vertical-align: middle;margin-top: -4px;}
#kf_msglist .sys{text-align: center;font-size: 12px;color:#a3a3a3;margin-bottom: 15px;}
#kf_msglist a{color:#338de6;}
#kf_msglist a:hover{text-decoration: underline;}