【PC-侧边栏悬浮菜单】自定义html-悬浮模块代码-演示站同款样式

<div class="text-center w-200"><img class="h-100 w-n100 br-8" src="https://wp.2cdd.com/wp-content/themes/2c-Max/assets/img/0-21.jpg" alt="会员封面" /></div>

<div class="p-10 w-200 text-center">
<h4 class="fs-4 fw-bold mb-2 text-black">关注公众号</h4>
<p class="fs-1 text-gray mb-2">获取每日更新推送</p>

<div class="text-center mb-2"><img class="w-115 h-115 br-8 bs-1 of-cover" src="https://wp.2cdd.com/wp-content/themes/2c-Max/assets/img/v1.jpg" alt="二维码" /></div>
<div class="fs-0 text-gray text-center">长按保存图片，微信扫一扫</div>
</div>

<div class="p-10 w-220">
  <!-- 个人客服 -->
  <div class="mb-3 pb-3 border-bottom">
    <div class="d-flex align-center mb-1">
      <i class="fas fa-headset text-blue fs-4 mr-2"></i>
      <span class="fs-3 fw-bold">个人VIP客服</span>
    </div>
    <div class="fs-1 text-gray lh-24 pl-4">
      <div>工作日：9:00 - 22:00</div>
      <div>节假日：9:00 - 18:00</div>
    </div>
    <div class="mt-2 pl-4">
      <a
        class="btn btn-outline-teal btn-sm2"
        href="/kf"
        target="_blank"
        rel="noopener"
        >在线咨询</a
      >
    </div>
  </div>
  <!-- 企业客服 -->
  <div class="mb-3 pb-3 border-bottom">
    <div class="d-flex align-center mb-1">
      <i class="fas fa-headset text-gray fs-4 mr-2"></i>
      <span class="fs-3 fw-bold">企业VIP客服</span>
    </div>
    <div class="fs-1 text-gray lh-24 pl-4">
      <div>工作日：9:00 - 18:30</div>
    </div>
    <div class="mt-2 pl-4">
      <a
        class="btn btn-outline-teal btn-sm2"
        href="/kf"
        target="_blank"
        rel="noopener"
        >在线咨询</a
      >
    </div>
  </div>
  <!-- 底部双二维码 -->
  <div class="d-flex ju-between text-center mt-3">
    <div class="w-n48">
      <img
        class="w-n100 br-8 mb-1"
        src="https://wp.2cdd.com/wp-content/themes/2c-Max/assets/img/q1.jpg"
        alt="QQ客服"
      />
      <div class="fs-1 text-gray">QQ客服</div>
    </div>
    <div class="w-n48">
      <img
        class="w-n100 br-8 mb-1"
        src="https://wp.2cdd.com/wp-content/themes/2c-Max/assets/img/v1.jpg"
        alt="微信客服"
      />
      <div class="fs-1 text-gray">微信客服</div>
    </div>
  </div>
</div>

<div class="text-center p-10 w-200">
<img class="w-115 h-115 br-8" src="https://wp.2cdd.com/wp-content/uploads/2026/10/f41c8fe967973ab8.png" alt="扫码关注" />
<div class="fs-1 text-gray mt-2">微信扫码，获取更多资源</div>
</div>