/* asidebtn */
.asidebtn{position: fixed;right: 10px;z-index: 999;bottom: 10%;}
.asidebtn a {text-decoration: none;}
.funBtnbox{width: 58px;box-shadow: 0 0 20px 1px rgba(0, 0, 0, .1);border-radius: 8px;background: #fff;}
.rb_ty {width: 100%;height: 64px;position: relative;box-sizing: border-box;cursor: pointer;}
.br_top {border-radius: 8px 8px 0 0;}.br_bom {border-radius: 0 0 5px 5px;}
.br_all {border-radius: 5px;}
.rb_ty ._mo1 i {display: block;width: 30px;height: 30px;margin: auto;color: #409eff;font-size: 24px;text-align: center;line-height: 30px;}
.rb_ty ._mo1 p {font-size: 12px;color: #999;text-align: center;margin: 4px 0 0;}
.zlg_mo1._mo1 i {height: 36px;padding-top: 10px;}
.rb_line {display: block;margin: auto;width: 39px;height: 0;border-bottom: 1px solid #dedede;}
.wx_mo1 {padding-top: 10px;}.wx_mo1._mo1 i {height: 26px;}.kf_mo1 {padding-top: 10px;}
.kf_mo1._mo1 i {height: 26px;}.top_mo1._mo1 i {font-size: 30px;}
.rb_ty.rb_top {height: 58px;}.top_mo1 {padding-top: 14px;}
._mo2 {font-size: 12px;color: #fff;text-align: center;width: 100%;height: 100%;box-sizing: border-box;padding-top: 15px;display: none;}
._mo2 p {margin: 0;line-height: 1.5;}
.rb_gradient{background: #409eff;background: linear-gradient(135deg, #337ecc 0%, #409eff 100%);}
.rb_ty:hover{background: #409eff;background: linear-gradient(135deg, #337ecc 0%, #409eff 100%);}
.rb_ty:hover ._mo1{display: none;}
.rb_ty:hover ._mo2{display: block;}
.rb_ty:hover .rb_drop{right: 70px;opacity: 1;visibility: visible;}
.rb_drop{width: 0;position: absolute;border-radius: 5px;top: 0;background: #fff;box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);box-sizing: border-box;right: -500px;opacity: 0;visibility: hidden;transition: all .3s ease-in-out;z-index: -1;}
.rb_drop.weixin{width: 280px;padding: 0;}
.rb_drop.weixin p{color: #999;text-align: center;font-size: 12px;}
.rb_drop.weixin  img{max-width: 100%;vertical-align: middle;}
.rb_drop.lxkf{margin-top: -155px;width: 260px;}
.rb_icon i{display: inline-block;width: 22px;height: 22px;vertical-align: 0;color: #409eff;font-size: 20px;}
.rb_qqtalk_btn{display: inline-block;width: 104px;height: 30px;line-height: 30px;color: #fff;text-align: center;font-size: 13px;border-radius: 6px;margin: 10px 5px 2px 0;background: #409eff;text-decoration: none;}
.rb_qqtalk_btn:hover{opacity: .9;color: #fff;border-radius: 50px;}
a.rb_qqtalk_btn:link,a.rb_qqtalk_btn{color: #fff !important;}
.rb_lxfk_1{border-bottom: 1px solid #dedede;padding-bottom: 10px;}
.fbs-gotp{width: 58px;margin-top: 10px;background: #fff;border-radius: 5px;box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);}
.rb-sub .side-sub-hd{background: linear-gradient(270deg, rgba(64, 158, 255, .85) 0, rgba(51, 126, 204, .85) 100%);height: auto;color: #fff;box-sizing: border-box;padding: 20px 15px 50px;font-size: 12px;border-radius: 5px 5px 0 0;}
.rb-sub .side-sub-hd .tit{font-size: 20px;font-weight: 600;line-height: 28px;color: #fff;}
.rb-sub .side-sub-hd .txt{color: #fff;margin-top: 6px;font-size: 13px;line-height: 20px;}
.rb-sub .side-sub-hd .txt a{font-weight: 600;color: #fff;}
.rb-sub .side-sub-bd{margin-top: -40px;position: relative;padding: 0 16px;}
.zx-box {border-top: 2px solid #409eff;border-radius: 4px;overflow: hidden;padding: 14px 16px;margin-bottom: 6px;background: #fff;}
.rb-wx-left{width: 49%;text-align: center;display: inline-block;vertical-align: top;}
@media(max-width:768px) {.asidebtn {display: none !important;}}

/* m-aside */
.floatMenu{bottom:0;left:50%;max-width:750PX;opacity:0;pointer-events:none;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:999}
.floatMenu.show{opacity:1;pointer-events:auto;-webkit-transition:opacity .3s linear;transition:opacity .3s linear}
.floatMenu .floatMenu-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:hsla(0,0%,100%,.95);border-radius:26px;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.12);box-shadow:0 0 4px 0 rgba(0,0,0,.12);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0;position:absolute;right:15px;bottom:30px;width:40px}
.floatMenu em{-ms-flex-item-align:center;align-self:center;background:#ddd;height:1PX;width:34px}
.floatMenu .floatMenu-home,.floatMenu .floatMenu-toTop{background:50% no-repeat;background-size:23px 23px;height:48px}
.floatMenu .floatMenu-toTop{background-image:url(https://www.kjcxw.com/static/img/menu-toTop.png)}
.floatMenu .floatMenu-home{background-image:url(https://www.kjcxw.com/static/img/menu-home.png)}
/* ==================== 图片描述（图注） ====================
   由后台 UeditorPlus「图片描述」功能写入：图片下方是
       <p class="dr-img-caption">这里是你填的描述</p>
   编辑器侧空的不入库，所以这里只负责「有内容时怎么显示」。

   间距口径对齐今日头条（2026-10-17 量自 m.toutiao.com 的线上 CSS）：
       .pgc-img .pgc-img-caption{margin-top:12px}
       .pgc-img-caption{margin-top:8px!important;line-height:22px;
                        margin-bottom:16px!important;color:#a1a3a6!important}
   头条把图片和描述放在同一个容器里、图片自己没有下边距，
   所以「图片底 → 描述文字」实测就是 8px。

   ⚠️ 2026-10-24 迁移到线上时改过一处：字体/间距/颜色**直接写死**，不引用
      tokens.css 的 --caption-fs / --caption-gap-top / --caption-gap-bottom / --ink-3。
      因为线上两站都没有 tokens.css，引用变量的整条声明会被浏览器丢弃 →
      图注退化成普通段落（左对齐、默认字号），看着像「样式没生效」。
      值取自 tokens.css 的默认档（13px / 8px / 16px / #7e8eaa），窄屏 12px。 */
p.dr-img-caption {
  margin: 8px auto 16px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: #7e8eaa !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-align: center !important;
  text-indent: 0 !important;
  letter-spacing: 0 !important;
  overflow: visible !important;
  word-break: break-all;
}
/* 图片所在段落后面紧跟图注时，把这个段落的下边距归零 —— 否则相邻 margin 折叠
   会取那个更大的 20px，图注的 8px 上边距就白设了，描述被推得老远。
   ⚠️ :has() 需要 Chrome 105+ / Safari 15.4+ / Firefox 121+；不支持时退回 20px
      的旧观感，不会出错。选择器同时锁「含图片」和「后面是图注」两个条件，
      不会误伤正文里其它有图的段落。 */
p:has(> img):has(+ p.dr-img-caption) {
  margin-bottom: 0 !important;
}
p.dr-img-caption:empty { display: none !important; }

@media (max-width: 640px) {
  p.dr-img-caption { font-size: 12px !important; }
}