﻿/*弹出*/
.footer_flex li span { display: none; color: #fff; font-size: 13px; line-height: 45px; }
.footer_flex li .img-n {padding-top: 0;width: 35px;}
.footer_flex {}
.footer_flex li {margin: 0px 5px;text-align: center;display: inline-block;cursor: pointer;position: relative;z-index: 10;}
/*left*/
.footer_flex li:hover .flex-footerc { display: block; }
.footer_flex li .flex-footerc { width: 146px; height: 124px; position: absolute; left:-143px; top: -52px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }
/*top*/
.footer_flex li:hover .flex-footer { display: block; }
.footer_flex li .flex-footer {width: 146px;height: 144px;position: absolute;left: -56px;top: -150px;text-align: center;padding-top: 15px;background: url(../images/footerflex.png) 1px top no-repeat;display: none;}
/*button*/
.footer_flex li:hover .flex-footera { display: block; }
.footer_flex li .flex-footera { width: 146px; height: 124px; position: absolute; left: -49px; top: 50px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }
/*right*/
.footer_flex li:hover .flex-footerb { display: block; }
.footer_flex li .flex-footerb { width: 146px; height: 124px; position: absolute; left: 42px; top: -48px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }

/* 页脚社交平台图标（SVG 圆标） */
.footer_flex{display:flex;align-items:center;gap:12px;margin:0;padding:0;list-style:none;}
.footer_flex li{margin:0;text-align:center;position:relative;}
.footer_flex li a{display:inline-block;border-radius:50%;}
.footer_flex li .fs-ico{width:40px;height:40px;border-radius:50%;display:block;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.12);transition:transform .25s cubic-bezier(.25,1,.5,1),box-shadow .25s;}
.footer_flex li a:hover .fs-ico{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(0,0,0,.1),0 6px 16px rgba(0,0,0,.16);}
.footer_flex li a:focus-visible{outline:2px solid #5ab6f0;outline-offset:2px;}

/* 页脚媒体二维码弹窗 */
.fs-qr-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:99999;align-items:center;justify-content:center;}
.fs-qr-box{position:relative;background:#fff;border-radius:16px;padding:26px 30px 22px;text-align:center;width:240px;box-shadow:0 10px 40px rgba(0,0,0,.3);}
.fs-qr-close{position:absolute;top:10px;right:14px;border:0;background:none;font-size:24px;line-height:1;color:#999;cursor:pointer;border-radius:4px;}
.fs-qr-close:hover{color:#333;}
.fs-qr-close:focus-visible{outline:2px solid #0094D8;outline-offset:2px;}
.fs-qr-box img{width:180px;height:180px;display:block;margin:0 auto 12px;border:1px solid #eee;border-radius:8px;object-fit:contain;}
.fs-qr-title{font-size:16px;font-weight:500;color:#333;margin:0 0 4px;}
.fs-qr-tip{font-size:13px;color:#999;margin:0 0 14px;}
.fs-qr-open{display:inline-block;padding:9px 24px;border-radius:20px;background:#0094D8;color:#fff;font-size:13px;text-decoration:none;transition:background .2s;}
.fs-qr-open:hover{background:#1da3e0;color:#fff;}
.fs-qr-open:focus-visible{outline:2px solid #5ab6f0;outline-offset:2px;}

@media (prefers-reduced-motion: reduce){
  .footer_flex li .fs-ico,
  .fs-qr-open{transition:none;}
}

/* 企业微信客服浮窗（原 foot.php 内联样式） */
.kf-widget{position:fixed;right:16px;bottom:120px;z-index:99999;font-family:"Microsoft YaHei",sans-serif;}
.kf-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;
  background:#07C160;border-radius:50%;cursor:pointer;
  box-shadow:0 4px 16px rgba(7,193,96,.45);transition:all .25s;position:relative;}
.kf-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(7,193,96,.55);}
.kf-btn svg{width:26px;height:26px;fill:#fff;}
.kf-badge{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#FF4D4F;
  border-radius:50%;border:2px solid #fff;animation:kf-pulse 2s infinite;}
@keyframes kf-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.kf-panel{display:none;position:absolute;right:0;bottom:68px;width:260px;
  background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);overflow:hidden;}
.kf-panel-head{background:#07C160;color:#fff;padding:14px 16px;
  display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:bold;}
.kf-panel-close{cursor:pointer;font-size:22px;line-height:1;opacity:.8;background:none;border:none;color:#fff;}
.kf-panel-close:hover{opacity:1;}
.kf-panel-body{padding:16px;}
.kf-qr-wrap{text-align:center;margin-bottom:12px;}
.kf-qr-wrap img{width:160px;height:160px;border:1px solid #eee;border-radius:8px;}
.kf-qr-wrap p{font-size:13px;color:#666;margin-top:8px;}
.kf-actions{margin-top:4px;}
.kf-action-item{display:flex;align-items:center;padding:8px 12px;margin:4px 0;
  background:#f6f8fa;border-radius:8px;cursor:pointer;text-decoration:none;color:#333;
  transition:background .2s;font-size:13px;}
.kf-action-item:hover{background:#e8f5e9;}
.kf-action-icon{width:20px;text-align:center;margin-right:10px;font-size:17px;}
.kf-action-text{flex:1;}
.kf-action-arrow{color:#999;font-size:13px;}
/* 移动端 */
@media(max-width:768px){.kf-widget{right:10px;bottom:100px}}
