/* ============================================
   TJStyle 全局公有样式 - 整合版
   说明：仅包含所有页面共用的样式，
   页面专属样式已移回各自 Vue 组件。
   Banner 行使用 class 选择器 .banner-row。
   ============================================ */

/* ===== 全局共用部分 ===== */

/* 顶部导航 - nav_1000 */
.nav_1000 .NMainBg{background:none;}
.nav_1000 .NLeft{background:none;}
.nav_1000 .NRight{background:none;}
.nav_1000 .NItemM{background:none;}
.nav_1000 .NItemL{background:none;}
.nav_1000 .NItemR{background:none;}
.nav_1000 .NCenter{width:700px;}
.nav_1000 .NItemH .NItemM{background-color:rgba(0, 0, 0, 0);}
.nav_1000 .NItemH .NItemM{background-image:url(../images/tmp1726882746_2286623_s.png);}
.nav_1000 .NItemH .NItemM{background-position:center bottom;}
.nav_1000 .NItemH .NItemM{background-repeat:no-repeat;}
.nav_1000 .NItemCur .NItemM{background-color:rgba(0, 0, 0, 0);}
.nav_1000 .NItemCur .NItemM{background-image:url(../images/tmp1726882746_2286623_s.png);}
.nav_1000 .NItemCur .NItemM{background-position:center bottom;}
.nav_1000 .NItemCur .NItemM{background-repeat:no-repeat;}

/* 顶部栏 Header */
#header .headerBg{background-color:rgba(0, 0, 0, 0);}
#header .headerBg{background-image:none;}
#header .headerBg{background-position:left top;}
#header .headerBg{background-repeat:no-repeat;}
#header {border-bottom-color:rgba(255, 255, 255, 0.3);}
#header {border-bottom-width:1px;}
#header {border-bottom-style:solid;}
#header {margin-top:0px;}
#header {margin-bottom:-96px;}
#header .scrollFixed .headerBg{background:rgb(22,24,39) none repeat left top;}
#header .scrollFixed .headerBg{opacity:0.45;}
#header {width:100%;}

/* 客服服务 */
#customerService .item-list .online-item{display:none;}
#customerService .item-list .wechat-item{display:none;}
#customerService .icon-box .evIcon{color:rgb(19, 72, 136);}
#customerService .text-box{color:rgb(19, 72, 136);}
#customerService .text-box{font:normal 400 14px/1 '΢���ź�';}
#customerService .text-box{text-decoration:none;}

/* 导航 #nav */
#nav .NMainBg{background:none;}
#nav .NLeft{background:none;}
#nav .NRight{background:none;}
#nav .NItemM{background:none;}
#nav .NItemL{background:none;}
#nav .NItemR{background:none;}
#nav .NCenter{width:900px;}
#nav .NItemH .NItemM{background-color:rgba(0, 0, 0, 0);}
#nav .NItemH .NItemM{background-image:url(../images/tmp1726882746_2286623_s.png);}
#nav .NItemH .NItemM{background-position:center bottom;}
#nav .NItemH .NItemM{background-repeat:no-repeat;}
#nav .NItemCur .NItemM{background-color:rgba(0, 0, 0, 0);}
#nav .NItemCur .NItemM{background-image:url(../images/tmp1726882746_2286623_s.png);}
#nav .NItemCur .NItemM{background-position:center bottom;}
#nav .NItemCur .NItemM{background-repeat:no-repeat;}

/* 底部装饰条 #row_729 */
#row_729 {width:100%;}
#row_729 {background-color:#161827;}
#row_729 {background-image:none;}
#row_729 {background-position:left top;}
#row_729 {background-repeat:no-repeat;}
#row_729 {background-attachment:scroll;}

/* 合作伙伴区域 #row_924（全站共享 FooterInfo 组件） */
#row_924 {background-color:rgb(19,72,136);background-image:none;background-position:left top;background-repeat:no-repeat;background-attachment:scroll;}

/* ===== Banner 行（所有页面共用 class 选择器） ===== */
.banner-row {
    width:100%;
    background-color:#FFFFFF;
    background-image:url(../images/tmp1732613017_2288790_s.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-size:cover;
    padding-top:0px;
    padding-bottom:0px;
}
.banner-row .customModule {
    margin-top:0px;
    margin-bottom:0px;
}

/* ===== 通用 Footer 模块 Mo_137, Mo_138 ===== */
#Mo_137 {
    border-right:none;border-left:none;border-bottom:none;border-top:none;
    background:none;
}
#Mo_137 .MoHead{display:none;}
#Mo_137 .MoBodyM{background:none;}
#Mo_137 .MoBodyC{margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;min-height:auto;}
#Mo_137 .pic-text-list-module .pic-attr{width:auto;}
#Mo_137 .pic-text-list-module li{width:33.33%;}
#Mo_137 .pic-text-list-module .inner{margin-top:0px;margin-bottom:8px;margin-left:0px;margin-right:8px;padding:0;}
#Mo_137 .pic-text-list-module ul{margin-left:0px;margin-right:-8px;}
#Mo_137 .pic-text-list-module .pics{float:none;text-align:center;margin:0;}
#Mo_137 .pic-text-list-module .pic-title{text-align:center;height:44px;line-height:22px;}
#Mo_137 .pic-text-list-module .pic-title a{color:rgb(51,51,51);font-size:14px;font-weight:400;font-style:normal;text-decoration:none;font-family:΢���ź�;}
#Mo_137 .pic-text-list-module .pic-price{position:absolute;top:293px;right:119px;}
#Mo_137 .pic-text-list-module .newPrice em{color:rgb(255,46,46);font-size:18px;font-weight:400;font-style:normal;text-decoration:none;font-family:΢���ź�;}
#Mo_137 .pic-text-list-module .pics{border:none;}
#Mo_137 .pic-text-list-module .liHover .pic-title a{color:rgb(51,51,51);font-size:14px;font-weight:400;font-style:normal;text-decoration:underline;font-family:΢���ź�;}
#Mo_137 .pic-text-list-module .pic-title a:hover{color:rgb(51,51,51);font-size:14px;font-weight:400;font-style:normal;text-decoration:underline;font-family:΢���ź�;}
#Mo_137 .pic-text-list-module .pic-price{display:none;}
#Mo_137 .pic-text-list-module .pic-title{display:none;}
#Mo_137 .pic-text-list-module .inner{background:none;}

#Mo_138 .MoHeadM{height:36px;background:none;}
#Mo_138 .MoName{float:left;margin-left:0px;margin-top:0px;}
#Mo_138 .NameTxt a{color:rgb(255,255,255);font-size:24px;font-weight:400;font-style:normal;text-decoration:none;font-family:΢���ź�;}
#Mo_138 {border:none;}
#Mo_138 .MoHead .MoHeadL{width:0px;}
#Mo_138 .MoHead .MoHeadR{width:0px;}
#Mo_138 .MoHead{margin-top:0px;margin-bottom:24px;}
#Mo_138 .MoBodyC{margin:0;min-height:auto;}
#Mo_138 .MoBodyM{background:none;vertical-align:top;}
#Mo_138 .text-list-module-1 a{color:rgb(255,255,255);font-size:16px;font-weight:400;font-style:normal;text-decoration:none;font-family:΢���ź�;}
#Mo_138 .text-list-module-1 code{display:inline-block;width:4px;height:4px;background-image:url(../images/tmp1726901583_2286623_s.png);background-position:left top;}
#Mo_138 .text-list-module-1 .inner{line-height:40px;height:40px;margin:0px 0px 8px 0px;}
#Mo_138 .text-list-module-1 ol{margin-left:0px;margin-right:0px;}
#Mo_138 .MoMore{display:none;}

/* ===== 跨页面共用通用工具样式 ===== */

/* 加载/空状态（News、Products、ProductDetail、NewsDetail） */
.loading-state, .empty-state {
  text-align: center;
  padding: 50px 0;
  color: #999;
}

/* 分页通用样式（News、Products） */
.page .inner span {
  cursor: pointer;
}

.page .inner .disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

/* ===== 编辑器内容样式（ProductDetail、NewsDetail 共用） ===== */

/* Quill 字体 */
.ql-font-songti { font-family: '宋体', SimSun, serif !important; }
.ql-font-heiti { font-family: '黑体', SimHei, sans-serif !important; }
.ql-font-kaiti { font-family: '楷体', KaiTi, serif !important; }
.ql-font-fangsong { font-family: '仿宋', FangSong, serif !important; }
.ql-font-microsoft { font-family: '微软雅黑', 'Microsoft YaHei', sans-serif !important; }

.ql-size-10px { font-size: 10px !important; }
.ql-size-12px { font-size: 12px !important; }
.ql-size-14px { font-size: 14px !important; }
.ql-size-16px { font-size: 16px !important; }
.ql-size-18px { font-size: 18px !important; }
.ql-size-20px { font-size: 20px !important; }
.ql-size-24px { font-size: 24px !important; }
.ql-size-28px { font-size: 28px !important; }
.ql-size-32px { font-size: 32px !important; }
.ql-size-36px { font-size: 36px !important; }

.ql-lineheight-1 { line-height: 1 !important; }
.ql-lineheight-1_5 { line-height: 1.5 !important; }
.ql-lineheight-1_75 { line-height: 1.75 !important; }
.ql-lineheight-2 { line-height: 2 !important; }
.ql-lineheight-2_5 { line-height: 2.5 !important; }
.ql-lineheight-3 { line-height: 3 !important; }

.ql-indent-first { text-indent: 2em !important; }

/* 编辑器内容通用 */
.editor_content_air {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

.editor_content_air p {
  margin: 0 0 10px 0;
}

.editor_content_air img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px auto;
}

.editor_content_air table {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0;
}

.editor_content_air table td,
.editor_content_air table th {
  border: 1px solid #dee2e6;
  padding: 8px 12px;
}

.editor_content_air caption {
  border: 1px dashed #DDD;
  border-bottom: 0;
  padding: 3px;
  text-align: center;
}

.editor_content_air th {
  border-top: 1px solid #BBB;
  background: #F7F7F7;
}

.editor_content_air table tr.firstRow th {
  border-top: 2px solid #BBB;
  background: #F7F7F7;
}

.editor_content_air tr.ue-table-interlace-color-single td {
  background: #fcfcfc;
}

.editor_content_air tr.ue-table-interlace-color-double td {
  background: #f7faff;
}

.editor_content_air td p {
  margin: 0;
  padding: 0;
}

/* 编辑器内容图片额外 */
.editor_content_air img,
.hb-body-inner img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 15px auto;
}

.editor_content_air p,
.hb-body-inner p {
  margin: 10px 0;
}

.editor_content_air ul,
.editor_content_air ol,
.hb-body-inner ul,
.hb-body-inner ol {
  margin: 10px 0;
  padding-left: 20px;
}

.editor_content_air li,
.hb-body-inner li {
  margin: 5px 0;
}

.editor_content_air table {
  margin-bottom: 10px;
  border-collapse: collapse;
  display: table;
}

.editor_content_air td,
.editor_content_air th {
  padding: 5px 10px;
  border: 1px solid #DDD;
}

/* ===== 详情页通用布局（ProductDetail、NewsDetail） ===== */

.p-show-list-detail,
.head-body-module,
.hb-body,
.hb-body-inner {
  width: 100%;
  display: block;
}

.p-details-area,
.p-details-attr-warp,
.p-details-attr,
.a-details-title,
.pro-title {
  width: 100%;
}

.MoBodyM {
  vertical-align: middle !important;
}

.MoBodyC {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.p-details-area {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.p-preview-1 {
  float: left;
  width: 300px;
}

.p-show-list-detail {
  width: 100%;
}

.head-body-module {
  margin-bottom: 40px;
}

.hb-head {
  margin-bottom: 20px;
}

.hb-head-name {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  display: block;
  padding-bottom: 10px;
  border-bottom: 3px solid #007bff;
}

.hb-body {
  width: 100%;
}

.hb-body-inner {
  line-height: 1.8;
  font-size: 16px;
  color: #666;
}

/* ===== 全局 hover 效果覆盖（防止布局错位） =====
   之前因 display:flex 等布局问题导致悬浮动画引起错位，
   现布局已修复（移除了全局 flex），恢复动画效果。
   ===== */