/* ============================================================
   Rebuilt replacement for the original remote stylesheet
   /assets/www.keshuodianqi.com/mobanke/kefu/2.css
   The remote host was hijacked and now returns an unrelated
   HTML gambling page (28KB) instead of CSS, so every page that
   linked it lost the styling of the .fixed-bar / .consult-box /
   .gotop customer-service block and rendered it as a bare,
   unstyled, half-transparent list at the very bottom of the page.
   This file restores the intended right-docked floating panel.
   ASCII-only on purpose (the site itself is GBK).
   ============================================================ */

.fixed-bar {
  position: fixed;
  right: 8px;
  bottom: 110px;
  z-index: 9000;
  font: 12px/1.4 "Microsoft YaHei", Arial, sans-serif;
}

.wide-bar { position: relative; }

/* the inline style on .consult-box in the HTML is opacity:.5 + grey bg,
   which washed the whole panel out - override it */
.consult-box {
  width: 96px;
  padding: 6px 0;
  background: #ffffff !important;
  opacity: 1 !important;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .15);
}

.consult-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.consult-list li {
  padding: 5px 0;
  text-align: center;
  border-bottom: 1px dashed #ececec;
}

.consult-list li:last-child { border-bottom: 0; }

.gotkefud {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #666666;
}

.gotkefud a {
  color: #666666;
  text-decoration: none;
}

.gotkefud a:hover { color: #e64a19; }

.consult-list img {
  display: block;
  width: 44px;
  height: 44px;
  margin: 3px auto 0;
  border: 0;
}

/* note: this span carries a duplicated class attribute in the HTML,
   so only .tel-icon actually matches - style it directly */
.tel-icon {
  display: block;
  padding: 3px 0;
  font-size: 11px;
  font-weight: 700;
  color: #e64a19;
  white-space: nowrap;
}

.gotop {
  display: block;
  margin-top: 6px;
  padding: 6px 0;
  background: #e64a19;
  color: #ffffff !important;
  text-decoration: none;
  text-align: center;
  border-radius: 8px;
  font-size: 12px;
}

.gotop i.icon {
  display: block;
  font-style: normal;
  font-size: 11px;
  line-height: 14px;
}

.gotop span { display: none; }

/* keep the floating panel out of the way on small screens */
@media (max-width: 768px) {
  .fixed-bar {
    right: 4px;
    bottom: 64px;
    transform: scale(.82);
    transform-origin: right bottom;
  }
}