/* =========================================================
   票点云 全局移动端自适应（新增文件，不改动现有 xunruicms 模板）
   作用：覆盖现有固定 1200 宽布局，使所有现有板块在手机/平板上自适应。
   引入方式：在全局 <head> 中 <link rel="stylesheet" href="/style/css/responsive.css">
            并在 </body> 前引入 <script src="/style/js/responsive-nav.js"></script>
   ========================================================= */

/* ---------- 平板及以下：992px ---------- */
@media (max-width: 991px){

  /* 解除固定最小宽度，容器改为流式 */
  body{min-width:0 !important;}
  .free,body{min-width:0 !important;}
  .min_wrapper_1200{min-width:0 !important;width:100% !important;}
  .wrapper_1200{width:100% !important;padding:0 14px;box-sizing:border-box;overflow:visible;}
  .main{width:100% !important;padding:0 14px;box-sizing:border-box;}
  #footer{min-width:0 !important;width:100% !important;}

  /* ===== 导航：桌面菜单隐藏，改用汉堡 + 抽屉（JS 注入按钮与内容） ===== */
  .nav .nav-func,
  .nav .nav-func_btn{display:none;}
  .nav-toggle{display:inline-flex;align-items:center;height:60px;background:none;border:none;
    font-size:26px;line-height:1;cursor:pointer;padding:0 8px;color:#24273C;}
  .nav .nav-content{width:100% !important;padding:0 14px;box-sizing:border-box;justify-content:space-between;}
  .nav-drawer{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;
    z-index:99;overflow-y:auto;padding:10px 16px 50px;box-shadow:0 10px 30px rgba(0,0,0,.15);}
  body.nav-open .nav-drawer{display:block;}
  /* 抽屉半透明遮罩（JS 注入 .nav-mask，层级：nav 100 > drawer 99 > mask 98） */
  .nav-mask{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;
    background:rgba(20,30,50,.42);z-index:98;-webkit-animation:navMaskIn .2s ease-out;animation:navMaskIn .2s ease-out;}
  body.nav-open .nav-mask{display:block;}
  body.nav-open{overflow:hidden;}
  /* 抽屉打开时隐藏右下角客服浮窗，避免它盖在遮罩之上 */
  body.nav-open .customer-service-box{opacity:0;pointer-events:none;}
  @-webkit-keyframes navMaskIn{from{opacity:0}to{opacity:1}}
  @keyframes navMaskIn{from{opacity:0}to{opacity:1}}
  .nav-drawer .nav-func_item,
  .nav-drawer .nav-func_btn{display:block !important;height:auto;line-height:1.4;margin:0;
    padding:14px 8px;font-size:16px;font-weight:600;color:#24273C;border-bottom:1px solid #e6ebf2;}
  .nav-drawer .nav-func_item:after{display:none;}
  /* 抽屉里直接展开下拉，便于触屏查看 */
  .nav-drawer .product-list,
  .nav-drawer .more-list{max-height:none !important;position:static !important;display:block !important;
    overflow:visible !important;padding:0 0 6px 14px;border-bottom:none;}
  .nav-drawer .product-item,
  .nav-drawer .product-item__yunying{display:block !important;width:100% !important;padding:6px 0;}
  .nav-drawer .product-item__title{font-size:13px;color:#1a5fd0;margin:6px 0;}
  .nav-drawer .product-item__func,
  .nav-drawer .more-item{display:block !important;padding:8px 6px;font-size:15px;color:#5b6b85;}
  .nav-drawer .more-item{font-size:15px;color:#5b6b85;}
  .nav-drawer .nav-func_btn{border-radius:8px;text-align:center;color:#fff;background:#2A75ED;margin-top:10px;}
  .nav-drawer .nav-func_btn.nav-func_forFree{background:#0aa97f;}

  /* ===== 首页业务四宫格 ===== */
  .index-yewu .box{width:50%;}
  .index-yewu .box a{padding-top:110px;}

  /* ===== 产品服务（三栏 left/mid/right） ===== */
  .bg_box{padding:10px 0 30px;}
  .bg_box .hot_service .service{display:block !important;}
  .bg_box .hot_service .service .left,
  .bg_box .hot_service .service .mid,
  .bg_box .hot_service .service .right{width:100% !important;float:none !important;}
  .bg_box .hot_service .service .mid ul{overflow:hidden;}
  .bg_box .hot_service .service .mid ul li{width:50% !important;float:left !important;box-sizing:border-box;}

  /* ===== 产品版本 / 税盘托管 ===== */
  .daili-b{display:block !important;}
  .daili-b .daili-box{width:50% !important;float:left !important;box-sizing:border-box;padding:0 8px;margin-bottom:18px;}
  .daili-box1{display:flex;flex-direction:column;}
  .daili-img img{max-width:100%;height:auto;}

  /* ===== 核心优势 ===== */
  .gs-lc li{width:50% !important;float:left !important;margin-bottom:16px;}

  /* ===== 新闻动态 左右分栏 ===== */
  .new .new_left,
  .new .new_right{width:100% !important;float:none !important;}

  /* ===== 合作伙伴 logo 墙 ===== */
  .slide-wrap .img-boxmain ul li{width:33.33% !important;}

  /* ===== 发票学院 左右分栏 ===== */
  .zhisi .a_content4_left,
  .zhisi .a_content4_right{width:100% !important;float:none !important;}
  .zhisi .zhisi_title li{width:auto !important;float:left;}

  /* ===== 装饰横幅高度收敛 ===== */
  .tbanner1,.tbanner2{height:90px !important;}

  /* ===== 页脚 ===== */
  #footer .list li{width:50% !important;float:left !important;margin-bottom:20px;}
  #footer .friendship{font-size:12px;line-height:1.9;word-break:break-all;}
  #footer .copy .pull-left,
  #footer .copy .pull-right{float:none !important;font-size:12px;line-height:1.8;}

  /* ===== 右侧悬浮客服：移动端收为右下角小按钮 ===== */
  .customer-service-box{position:fixed !important;right:10px !important;bottom:10px !important;top:auto !important;left:auto !important;}
  .customer-service-box .sidbar_box_wrapper{display:none !important;}
  #sidebar_box{display:none !important;}
}

/* ---------- 手机：560px ---------- */
@media (max-width: 560px){
  .index-yewu .box{width:100%;}
  .bg_box .hot_service .service .mid ul li{width:100% !important;}
  .daili-b .daili-box{width:100% !important;}
  .gs-lc li{width:100% !important;}
  .slide-wrap .img-boxmain ul li{width:50% !important;}
  #footer .list li{width:100% !important;}
  .hero h1{font-size:23px;}
  .sec-h h2{font-size:22px;}
  .customer-service-box{transform:scale(.82);transform-origin:bottom right;}
  .tbanner1,.tbanner2{height:60px !important;}
}

/* ===== 产品/申请页(legacy 布局)移动端适配 ===== */
@media (max-width: 991px){
  .mainContent{width:100% !important;padding:0 16px;box-sizing:border-box}
  .main_tit,.main_tit1,.main_tit2{min-width:0 !important;padding-left:16px;padding-right:16px}
  .main_tit_z{font-size:24px !important}
  .main_tit_f{font-size:14px !important}
  .channelImprove{display:block !important}
  .channelImprove li{width:100% !important;float:none !important;margin-bottom:30px}
  .channelImprove li div{float:none !important;margin:0 0 10px !important}
  .channelImprove li p{margin-left:0 !important}
  .banner2{height:auto !important;padding:50px 16px !important;background-size:cover !important;background-position:center !important}
  .banner2 .bannerContent{padding:0 !important}
  .banner2 .bannerContent .bannerBtn a{display:block !important;width:100% !important;margin:16px 0 0 !important}
  .banner .bannerContent{padding:0 16px !important}
  .banner .bannerBtn a{display:block !important;width:100% !important;margin:12px 0 0 !important}
  .greyContainer{padding-left:16px !important;padding-right:16px !important}
  .fp_width,.advice_content{width:100% !important;padding:0 16px;box-sizing:border-box}
  .viewapi{height:auto !important;padding:30px 16px !important}
  .viewapi .demoBnt{width:auto !important}
  .page_ban{height:auto !important;padding:110px 16px 50px !important}
  .page_ban .pcont{width:auto !important;margin:0 auto 30px !important;padding:0 12px}
  .fl{float:none !important}
  .row{width:100% !important}
  .aboutUsPart,.aboutUsItem{width:100% !important;float:none !important;margin-bottom:16px}
  .show img{width:100% !important;height:auto !important}
  .wrapper_1200,.min_wrapper_1200{padding:0 16px !important}
}
@media (max-width:560px){
  .banner2 h1{font-size:24px !important}
  .main_tit_z{font-size:20px !important}
  .channelImprove li div{font-size:48px !important;width:48px !important}
  .page_ban .pcont{font-size:15px}
}
