.kefu-box .iconfont{color:var(--c);font-size:30px!important}
.kefu-box{width:72px;position:fixed;top:20%;right:18px;background:#fff;-moz-box-shadow:0 0 16px rgba(83,83,83,.15);-webkit-box-shadow:0 0 16px rgba(83,83,83,.15);box-shadow:0 0 16px rgba(83,83,83,.15);border:solid 1px #eee;z-index:9999}
.kefu-box .con-box{cursor:pointer;position:relative;padding:11px;text-align:center}
.kefu-box .con-box p{font-size:10px;color:#a0a0a0!important}
.kefu-box .con-box .k-cover{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--c);-webkit-animation:rightFadeIn .6s ease-out;-moz-animation:rightFadeIn .6s ease-out;animation:rightFadeIn .6s ease-out}
.kefu-box .con-box .k-cover p{color:#fff!important}
.kefu-box .con-box .public-con{display:none;width:470px;position:absolute;top:0;right:70px;height:auto;box-sizing:border-box;border-top:solid 2px var(--c)!important;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#fff;-moz-box-shadow:0 0 9px rgba(83,83,83,.14);-webkit-box-shadow:0 0 9px rgba(83,83,83,.14);box-shadow:0 0 9px rgba(83,83,83,.14);-webkit-animation:flipInX .8s ease-out;-moz-animation:flipInX .8s ease-out;animation:flipInX .8s ease-out}
.kefu-box .con-box .public-con s{position:absolute;top:30px;right:-7px;width:7px;height:17px;background:url(../images/vip.png) no-repeat center}
.kefu-box .con-box .qq-con .q-box{padding-bottom:70px;border-bottom:dashed 1px #efefef}
.kefu-box .con-box .qq-con .q-left,.kefu-box .con-box .qq-con .q-right{float:left;text-align:left}
.kefu-box .con-box .qq-con .q-left img{margin-top:20px;margin-left:15px;width:15px;height:15px}
.kefu-box .con-box .qq-con .q-right{margin-left:15px;margin-top:16px}
.kefu-box .con-box .qq-con .q-right h4{font-size:16px;color:var(--c)}
.kefu-box .con-box .qq-con .q-right p.p-time{font-size:12px;color:#a0a0a0}
.kefu-box .con-box .qq-con ul li{width:33%;float:left;padding:6px 15px}
.kefu-box .con-box .qq-con ul li img{margin:5px 5px 0 0;float:left;width:30px;height:30px}
.kefu-box .con-box .qq-con ul li span{display:block;float:left;line-height:40px;color:var(--c);width:67%;overflow:hidden}
.kefu-box .con-box .cover{display:none;position:absolute;top:0;right:0;background:var(--c);width:222px;height:78px;transition:all .2s;-webkit-animation:rightFadeIn .6s ease-out;-moz-animation:rightFadeIn .6s ease-out;animation:rightFadeIn .6s ease-out}
.kefu-box .con-box .cover .c-left{float:left;text-align:left;line-height:20px;margin:15px 0 0 10px}
.kefu-box .con-box .cover .c-right{float:right;margin:15px 5px 0 0}
.kefu-box .con-box .cover .c-left p.p1{font-size:14px;color:#fff!important}
.kefu-box .con-box .cover .c-left p.p2{font-size:20px;color:#fff!important}
.kefu-box .con-box .pub-con{display:none;position:absolute;top:0;right:70px;min-height:200px;background:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0 0 9px rgba(83,83,83,.14);-webkit-box-shadow:0 0 9px rgba(83,83,83,.14);-webkit-animation:flipInX .8s ease-out;-moz-animation:flipInX .8s ease-out;animation:flipInX .8s ease-out}
.kefu-box .con-box .fabu-con{width:470px}
.kefu-box .con-box .pub-con .f-top{position:relative;height:46px;line-height:46px;color:#fff;font-size:18px;text-align:center;background:var(--c);background-size:cover;border-top-left-radius:4px;border-top-right-radius:4px}
.kefu-box .con-box .pub-con .f-top .btn-close{cursor:pointer;position:absolute;top:10px;right:10px;width:26px;height:26px;border:0;background:url(../images/vip.png) no-repeat center}
.kefu-box .con-box .pub-con ul{float:left;margin-top:5px;position:relative;padding:15px 25px}
.kefu-box .con-box .pub-con ul li{float:left;/*position:relative;*/width:82px;padding:5px 0;margin:5px 11px;text-align:center}
.kefu-box .con-box .pub-con ul li:hover ul{
    display: block;
    transition:all .6s
}
.kefu-box .con-box .pub-con ul li ul{
    position: absolute;
    width: 420px;
    /*min-height: 200px;*/
    left: 0;
    z-index: 999;
    display: none;
    background: #fff;
    -moz-box-shadow: 0 0 16px rgba(83,83,83,.15);
    -webkit-box-shadow: 0 0 16px rgba(83,83,83,.15);
    box-shadow: 0 0 16px rgba(83,83,83,.15);
}
.kefu-box .con-box .pub-con ul li ul li{
    float: left;
    background: #f1f1f1;
    color: #333;
    width: 60px;
    padding: 10px;
}
.kefu-box .con-box .pub-con ul li ul li:hover{
    color: var(--c);
}
.kefu-box .con-box .pub-con ul li img{width:50px;height:50px;margin-bottom:5px}
.kefu-box .con-box .sub-fi{display:none;z-index:99;position:absolute;right:-28px;top:99px;width:440px;padding:12px;box-sizing:border-box;background:#fff;-moz-box-shadow:0 0 9px rgba(83,83,83,.14);-webkit-box-shadow:0 0 9px rgba(83,83,83,.14);box-shadow:0 0 9px rgba(83,83,83,.14);border:solid 1px #eee}
.kefu-box .con-box .sub-fi:nth-child(4n){margin-right:0}
.kefu-box .con-box .sub-fi a{float:left;width:17%;margin:1.2%;padding:0;display:block;height:20px;font-size:12px;border:solid 1px #eee;color:var(--c);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kefu-box .con-box .bu-con{display:none;width:503px}
.kefu-box .con-box .bu-con ul.fb-list li{margin:0 10px 10px 0}
.kefu-box .con-box .bu-con ul.fb-list li:nth-child(5n){margin:0 0 10px 0}
.kefu-box .con-box .wx-con{padding:26px 31px!important}
.kefu-box .con-box .wx-con .c-box{padding:0;float:left;width:33%}
.kefu-box .con-box .wx-con .c-box img{width:124px;height:124px}
.fixedwrap .search .hotkey a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:59px}
.kefu-box .con-box:hover{background:var(--c)}
.kefu-box .con-box:hover .k-con i{color:#fff}
.kefu-box .con-box:hover .k-con p{color:#fff!important}
.kefu-box .con-box:hover .bu-con{display:block}
.kefu-box .con-box .sub-fi a:hover{color:var(--c);border:solid 1px var(--c)}
.kefu-box .con-box .pub-con ul li:hover{background:#f8f8f8;z-index:2}
.kefu-box .con-box .pub-con ul .house:hover .sub-fi{display:block}
.kefu-box .con-box:hover .public-con{display:block}
.kefu-box .con-box:hover .pub-con{display:block}
.kefu-box .con-box:hover .cover{display:block}