/* 右侧悬浮总容器 */
.service-bar{position:fixed;right:20px;bottom:160px;z-index:99999;display:flex;flex-direction:column;gap:6px;}
/* 手机端适配 */
@media screen and (max-width:768px) {
    .service-bar {
        right:12px;   /* 手机右边距缩小，贴右下角 */
        bottom:10px;  /* 降低底部距离，贴合右下角区域 */
        gap:4px;       /* 按钮之间间距缩小，适配小屏 */
    }
}
.btn-group{display:flex;flex-direction:column;gap:6px;}
.service-btn{position:relative;width:60px;height:60px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,0.1);cursor:pointer;flex-shrink:0;margin-bottom:6px}
.service-btn svg{width:26px;height:26px;fill:#333;}
.service-btn.blue{background:#165DFF;}
.service-btn.blue1{background:#F2935C;}
.service-btn.blue2{background:#FFFFFF;}

.service-btn.blue2:hover{background:#DDDBDB;}
.service-btn.blue1:hover{background:#165DFF;}
.service-btn.blue:hover{background:#F2935C;}
.service-btn.blue svg{fill:#fff;}
.service-btn.blue1 svg{fill:#fff;}
.wechat-tooltip{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#165DFF;color:#fff;padding:20px;border-radius:8px;text-align:center;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s ease;}

@media screen and (max-width: 768px) {
    .service-btn.blue1:hover {
        background-color: #165DFF !important;
    }
    /* 适配触屏：移动端增加active点击态，触屏按下就呈现蓝色 */
    .service-btn.blue1:active {
        background-color: #165DFF;
    }
}


.wechat-tooltip::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:12px solid #165DFF;}
.wechat-tooltip img{width:180px;height:180px;margin-bottom:10px;}
.wechat-tooltip h4{margin:0 0 10px;font-size:18px;font-weight:normal;opacity:0.7;}
.wechat-tooltip p{margin:0;font-size:16px;line-height:1.5;}
.service-btn:hover .wechat-tooltip{opacity:1;visibility:visible;right:65px;}
.service-btn .text-tip{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#165DFF;color:#fff;padding:8px 16px;border-radius:6px;font-size:18px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.service-btn .text-tip a{color:#fff !important;}
.service-btn .text-tip{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#165DFF;color:#fff;padding:8px 16px;border-radius:6px;font-size:18px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.service-btn .text-tip::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent transparent transparent #165DFF;}
.service-btn:hover .text-tip{opacity:1;visibility:visible;right:65px; }
.service-bar.hide .btn-group{display:none !important;}
#backTop{display:flex;}


.wechat-tooltip1{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#0A2447;color:#fff;padding:20px;border-radius:8px;text-align:center;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.wechat-tooltip1::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:12px solid #0A2447;}
.wechat-tooltip1 img{width:180px;height:180px;margin-bottom:10px;}
.wechat-tooltip1 h4{margin:0 0 10px;font-size:18px;font-weight:normal;opacity:0.7;}
.wechat-tooltip1 p{margin:0;font-size:16px;line-height:1.5;}
.service-btn:hover .wechat-tooltip1{opacity:1;visibility:visible;right:65px;}