#showtext { 
cursor: pointer;
border: 1px solid #CCC;
background-color: #99CCFF;
}

#contentid { 
margin-top: 10px; 
width: 100%; 
border: 1px solid #CCC; 
background: #F1F1F1; 
padding: 15px; 
}

.none { display: none; }

/* 面包屑导航样式 */
.breadcrumb-nav {
padding: 10px 15px;
background-color: var(--bg-secondary);
border-bottom: 1px solid var(--bg-color);
margin-bottom: 2px;
border-radius: 5px;
width: auto;
display: inline-block;
max-width: 100%;
}

.breadcrumb-container {
padding: 0 15px; /* 与其他内容保持相同间距 */
}

.breadcrumb-item {
display: inline-flex;
align-items: center;
}

.breadcrumb-item i {
margin-right: 5px;
font-size: 14px;
color: #6c757d;
}

.breadcrumb-divider {
margin: 0 8px;
color: #6c757d;
}

.breadcrumb-link {
color: var(--primary-color);
text-decoration: none !important;
}

.breadcrumb-link:hover {
color: var(--primary-dark);
text-decoration: underline !important;
}

.breadcrumb-current {
color: #6c757d;
}

.news_tabs a {
color: color: var(--text-color);
margin-bottom: 15px;
}

.news {
background-color: var(--bg-secondary);
padding: 20px 40px 40px 40px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(20,20,20,0.4);
margin-bottom: 20px;
}
/* 移动版菜单样式调整 */
@media (max-width: 992px) {
.news {
background-color: var(--bg-secondary);
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(20,20,20,0.4);
margin-bottom: 20px;
}
}

.news h1 {
text-align: center;
margin: 20px 0;
}

.editor {
text-align: center;
margin: 10px 10px;
color:#CCCCCC;
}

.tuijian_ad{
clear:both;border-top:1px solid #d9d9d9;
}
.tuijian{
margin-top: 15px;
border-left: #8ecefb solid 1px;
border-right: #8ecefb solid 1px;
/* background-color: var(--bg-secondary); */
border-bottom: #8ecefb solid 1px;
}
.tuijian h3{
font-size:15px
}

/* 免费试听播放机的高度 */
.aspect-ratio-box {
position: relative;
width: 100%;
padding-top: 33.33%; /* 1/3 = 0.3333 */
}

.aspect-ratio-box iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* 右侧边栏样式 */
.card mb-3 {
background-color: var(--bg-secondary);
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
margin-bottom: 20px;
padding: 15px;
}

.right_title {
font-size: 18px;
font-weight: bold;
border-bottom: 2px solid var(--primary-color);
padding-bottom: 5px;
margin-bottom: 15px;
}

/* 通用样式 */
.biaoti {
font-size: 20px;
color: var(--primary-color);
font-weight: bold;
border-bottom: 2px solid var(--primary-color);
padding-bottom: 5px;
margin-bottom: 15px;
}

.prenext, .other {
background-color: var(--bg-secondary);
padding: 15px;
border-radius: 5px;
margin-bottom: 20px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(20,20,20,0.4);
margin-bottom: 20px;
}

/* 修改 map-section 的背景色为与其他卡片一致的 --bg-secondary */
.map-section {
background-color: var(--secondary-color);
margin-bottom: 1.5rem;
border-radius: 0.5rem;
box-shadow: 0 0.125rem 0.25rem rgba(20,20,20,0.4);
}

/* 为 card mb-3 添加明确的背景色定义 */
.card.mb-3 {
background-color: var(--bg-secondary);
padding: 15px;
border-radius: 0.5rem;
box-shadow: 0 0.125rem 0.25rem rgba(20,20,20,0.4);
}

/* 保持 card-body 的背景色一致 */
.card-body {
background-color: var(--bg-secondary);
padding: 1.25rem; /* 添加内边距以保持一致性 */
}

/* 移动端适配 */
@media (max-width: 768px) {
.kecheng_table_nav ul {
flex-direction: column;
}

.kecheng_table_nav ul li {
width: 100%;
margin-bottom: 5px;
}

.tab-content {
min-height: 500px;
}

.card-body {
margin-bottom: 1rem;
}
}

.not_pc{display:none}
.not_mobile{display:inline-block;font-size:20px}
@media (max-width: 990px){
.not_mobile{display:none}
.not_pc{display:block}
}

/* 列表模版开始 */
.question-list {
background-color: var(--secondary-color);
margin: 20px 0;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: all 0.2s ease;
}
  
.question-item {
  padding: 10px 10px;
  margin-bottom: 10px;
  background-color: var(--secondary-color);
  border-bottom: 5px solid var(--bg-color);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: all 0.2s ease;
  /* 新增的Flex布局 */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.question-item > a {
text-decoration: none !important;
font-size: 18px;
color: #000000;
font-weight: 500;
padding: 0px 0;
margin: 0;
line-height: 1.4;
transition: all 0.2s ease;
}

.question-item:hover {
background-color: var(--bg-secondary);
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  }

.newsdate {
  color: var(--primary-dark);
  font-size: 1rem;
  min-width: 100px;
  text-align: right;
}

li {
  list-style-type: none;
}

@media (max-width: 768px) {
  .question-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  
  .newsdate {
    text-align: left;
    margin-left: 30px;
  }
}
/* 列表模版结束 */