/* honganqiti_float | 08-blocks-scoped/honganqiti-float
   提纯自 choorland.com .prr；hover 展开二维码 / QQ号 / 电话
*/
.honganqiti_float,
.honganqiti_float * {
  box-sizing: border-box;
}

.honganqiti_float {
  position: fixed;
  right: 10px;
  top: 50%;
  z-index: 8888;
  width: 64px;
  transform: translate(0, -50%);
  font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* 荣誉灯箱打开时隐藏，避免挡住 Fancybox 右箭头 */
.honganqiti_float.is-honor-lightbox {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

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

.honganqiti_float_item {
  position: relative;
  width: 64px;
  margin: 16px 0;
}

.honganqiti_float_btn {
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
  height: 64px;
  border-radius: 100%;
  background-color: rgba(0, 78, 161, 0.72);
  transition: background-color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.honganqiti_float_item:hover .honganqiti_float_btn {
  background-color: rgba(23, 195, 111, 0.88);
}

.honganqiti_float_ico {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.honganqiti_float_ico_wechat {
  width: 35px;
  height: 29px;
  background-image: url(assets/icon_wechat.png);
}

.honganqiti_float_ico_qq {
  width: 25px;
  height: 29px;
  background-image: url(assets/icon_qq.png);
}

.honganqiti_float_ico_tel {
  width: 28px;
  height: 28px;
  background-image: url(assets/icon_tel.png);
}

.honganqiti_float_ico_top {
  width: 25px;
  height: 33px;
  background-image: url(assets/icon_top.png);
}

/* 微信二维码：悬停在左侧弹出 */
.honganqiti_float_qr {
  position: absolute;
  top: 0;
  right: 64px;
  width: 120px;
  max-width: none;
  display: none;
}

.honganqiti_float_item:hover .honganqiti_float_qr {
  display: block;
}

/* QQ / 电话：悬停展开半透明胶囊条 */
.honganqiti_float_tip {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 235px;
  padding: 0 80px 0 24px;
  border-radius: 64px;
  line-height: 64px;
  text-align: center;
  background-color: rgba(0, 78, 161, 0.88);
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
}

.honganqiti_float_item:hover .honganqiti_float_tip {
  display: block;
}

@media screen and (max-width: 480px) {
  .honganqiti_float {
    display: none;
  }
}