@charset "UTF-8";
/* mixin */
/* caret 三角箭头 */
/* mixin end */
/**************************common style***********************/
html, body, a, span, div, dl, dt, dd, em, h1, h2, h3, h4, h5, h6, i, li, ul, a, p, br, table, form, input, label, select {
  font-family: 'Microsoft Yahei','Times New Roman', Times, serif;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: #333;
}
a:hover, a:visited, a:link, a:active {
  text-decoration: none;
}

ul,
ol,
li {
  list-style: none;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  padding-left: 0;
  margin: 0;
  padding: 0;
}

/*  侧导航css start  */
#kefubox {
  width: 60px;
  height: 260px;
  position: fixed;
  right: 5px;
  bottom: 40%;
  z-index: 99999;
}

#kefubox ul li {
  width: 60px;
  display: block;
  overflow: hidden;
}

div {
  display: block;
}

#kefubox ul li.qq {height: 70px;background-image: url(../img/kefu/kefu.png);background-repeat: no-repeat;margin-bottom: 10px;cursor: pointer;border-radius: 3px;}
#kefubox ul li.qq:hover .qq-logo {width: 180px;height: 204px;}
#kefubox ul li .qq-logo {width: 0px;height: 0px;overflow: hidden;position: absolute;top: -2px;left: -181px;}

#kefubox ul li.weixin {height: 70px;background-image: url(../img/kefu/kefu.png);background-repeat: no-repeat;margin-bottom: 10px;background-position: 0 -83px;cursor: pointer;border-radius: 3px;}
#kefubox ul li.weixin:hover .weixin-logo {width: 180px;height: 208px;}
#kefubox ul li .weixin-logo {width: 0px;height: 0px;overflow: hidden;position: absolute;top: 55px;left: -181px;}

#kefubox ul li.wangye {height: 70px;background-image: url(../img/kefu/kefu.png);background-repeat: no-repeat;margin-bottom: 10px;background-position: 0 -166px;cursor: pointer;border-radius: 3px;}
#kefubox ul li.wangye:hover .wangye-logo {width: 180px;height: 204px;}
#kefubox ul li .wangye-logo {width: 0px;height: 0px;overflow: hidden;position: absolute;top: 110px;left: -181px;}

#kefubox ul li.phone {height: 70px;background-image: url(../img/kefu/kefu.png);background-repeat: no-repeat;margin-bottom: 10px;background-position: 0 -252px;cursor: pointer;border-radius: 3px;}
#kefubox ul li.phone:hover .phone-logo {width: 180px;height: 204px;}
#kefubox ul li .phone-logo {width: 0px;height: 0px;overflow: hidden;position: absolute;top: 220px;left: -181px;}

#kefubox ul li.idea {height: 40px;background-image: url(../img/kefu/kefu.png);background-repeat: no-repeat;background-position: 0 -336px;cursor: pointer;border-radius: 3px;
}

#kefubox .pox {
  width: 160px;
  height: 220px;
  background-color: #666;
  color: #fff;
  display: block;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
}

#kefubox .pox dt {
  text-align: center;
  padding-top: 15px;
}

#kefubox .pox dd {
  height: 28px;
  line-height: 28px;
  margin: 8px 0;
}

#kefubox .pox dd.poxzx {
  width: 126px;
  margin: 8px auto;
  font-size: 12px;
  border-radius: 3px;
}

#kefubox .chat-btn {
  display: block;
  width: auto;
  max-width: 75%;
  margin: 0 auto;
  padding: 5px 10px;
  background-color: #ff7e00;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#kefubox .poxEmail dd.poxzx {
  text-indent: 0;
  background: #FF7E00;
  color: #fff;
}

/* 侧导航end */
/**************************页面公共样式 end***********************/