﻿html{overflow-x:hidden}
.custom_service p img{display:inline;vertical-align:middle}
.custom_service p a{font-size:12px;color:#999;word-break:break-all;text-decoration: none;}
.scrollsidebar{position:absolute;z-index:9999;top:150px;}
.scrollsidebar a:hover{ text-decoration:0px;}
.side_content{width:0px;height:auto;overflow:hidden;float:left}
.side_content .side_list{width:154px;overflow:hidden}
.show_btn{width:0;height:192px;overflow:hidden;margin-top:50px;float:left;cursor:pointer}
.show_btn span{display:none}
.close_btn{width:24px;height:24px;cursor:pointer}
.side_title{background:url(../img/title_pic.png) no-repeat;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border:1px solid #dadada;border-bottom:none}
.close_btn,.show_btn,.side_bottom{background:url(../img/show_btn.png) no-repeat}
.side_title{height:105px}
.side_bottom{height:8px}
.side_center{font-family:Verdana,Geneva,sans-serif;font-size:12px}
.close_btn{float:right;display:block;width:21px;height:16px;background:url(../img/sidebar_bg.png) no-repeat}
.close_btn span{display:none}
.side_center .custom_service p{text-align:left;padding:6px 10px;margin:0;vertical-align:middle;border-bottom:1px solid #dadada}
.other{text-align:center;border-bottom:1px solid #ddd}
.other p{padding:5px 0;margin:0;color:#666}
.msgserver{text-align:center;height: 20px;
    line-height: 20px;}
.msgserver a{background:url(../img/hidden.png) no-repeat}
.side_blue .side_center,.side_center{background:url(../img/blue_line.png) repeat-y center}
.side_blue .side_bottom,.side_bottom{background-position:-195px -50px}
.close_btn,.side_blue .close_btn{background-position:-44px 0}
.msgserver a,.side_blue .msgserver a{color:#06C}
.side_green .side_center{background:#fff;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border:1px solid #dadada;border-top:none}
.side_green .side_bottom{background-position:-349px -50px}
.side_green .msgserver a{color:#76a20c;margin-top:3px}

.c{ text-align:center; display:block; margin:0 auto;}
#sidekefu{ width:38px;}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#sidekefu {width:48px;height:290px;position:fixed;top:350px;right:0px; z-index:100; }
*html #sidekefu{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#sidekefu ul {overflow: inherit !important;}
#sidekefu li {width:48px;height:60px; cursor: pointer; overflow: inherit !important;}
#sidekefu li img{float:right;}
#sidekefu li i {background-color: #fff; border: solid 1px #ccc; width: 48px; height: 48px; line-height: 48px; text-align: center; color: #333; font-size: 22px; border-radius: 5px;display: inline-block; position: relative}
#sidekefu li i .badge {position: absolute; right: 0; top: -8px; background: #ff5722;}
#sidekefu li i:hover {background-color: #FF5722; color: #fff}

#sidekefu li .li-box {height:49px;float:right;display:block;min-width:47px;max-width:161px; position: relative;}
#sidekefu li .li-box .li-body {display:none;position:absolute; top:48px;right:8px; background-color: #fff; border: solid 1px #ddd; padding: 10px; text-align: center; min-width: 130px;}
#sidekefu li .li-box .li-body:after {content: ''; width: 0px; height: 0px; border-style: solid; border-width: 5px 0 5px 8.7px; border-color: transparent transparent transparent #ccc; position: absolute; right: -9px; top: 10px;}
#sidekefu li .li-box .li-body:before {content: ''; width: 0px; height: 0px; border-style: solid; border-width: 5px 0 5px 8.7px; border-color: transparent transparent transparent #fff; position: absolute; right: -8px; top: 10px; z-index: 1}
#sidekefu li .li-box .li-body .li-bg {position: absolute; top: 0; right: -9px; height: 100%; width: 8px}


#sidekefu li .li-box .li-body a {display: block; color: #fff;}
#sidekefu li .li-box .li-body a i {font-size: 18px; height: 38px; line-height: 38px;}

/*购物车*/
.kf-cart {}
/*QQ列表*/
#sidekefu li .li-box .li-body .qq-list a {display: flex}
#sidekefu li .li-box .li-body .qq-list a i {padding: 0; border: none; width: 30px}
#sidekefu li .li-box .li-body .qq-list a span {color: #333; line-height: 38px}
#sidekefu li .li-box .li-body .qq-list a:hover * {color: #2b904a;}

#sidekefu .li-tel .li-box .li-body {width: 170px}
#sidekefu .li-tel .li-box .li-body .tel-list {font-size: 20px; font-weight: bold; text-align: left}
#sidekefu .li-tel .li-box .li-body .tel-list dt {font-size: 15px; margin-top: 10px}
#sidekefu .li-tel .li-box .li-body .tel-list dt:nth-child(1) {margin-top: 0px}
#sidekefu .li-tel .li-box .li-body .tel-list dd a {color: #333; font-size: 20px}

/*二维码*/
#sidekefu li .li-box .li-body dl img {float: none;}
#sidekefu li .li-box .li-body dl dd {line-height: 30px; height: 30px; overflow: hidden; color: #333}

#sidekefu li{ width:38px;}
#sidekefu li .li-box{ width:38px;min-width: 38px;}
#sidekefu li i{ width:38px;height:38px;line-height: 38px; border:0; background:none; color:#fff;}
#sidekefu li i .badge{ display:block;}
#sidekefu ul{ position: absolute;
    bottom: 50px;
    padding-top: 30px;
    background: #35358c; border-bottom-left-radius:10px!important ; }
.badge{padding: 0.2em 0.2em;}
#sidekefu li i .badge{ top:0;}
.custom_service ul{     border-bottom: 1px solid #dadada;padding: 6px 10px;}
.custom_service a i.fa-shopping-cart{ width: 25px; position: relative;
    height: 25px;
    border-radius: 25px;
    background: #35358c;
    line-height: 25px;
    text-align: center;
    color: #fff;
   
    margin-top: 5px;}
.custom_service li i .badge {
    position: absolute;
    right: 0;
    top: -8px;
    background: #ff5722;
}