@charset "utf-8";
.list_left{
    width: 288px;
}
.list_left .menu_title{
    text-align: center;
}
.list_left .menu_title h3{ 
    font-size: 18px;
    line-height: 40px;
    height: 40px;
}
.list_left .menu_list_item { 
    line-height: 40px;
}
.list_left .menu_list_item:hover{
    background-color: #2878ff;
    color: white; 
}
.list_left .menu_list_item:hover div{
    background-color: #2878ff;
    color: white; 
}
.list_left .menu_list .active{ 
      background-color: #2878ff;

}.list_left .menu_list .active div{ 
      color: white;
}
.list_left .menu_list_item a div{
    line-height: 40px;
    font-size: 16px;

}
.list_right_list_title{
    padding: 20px 20px  40px 20px;
}
.list_right_list_title h2{ 
    font-size: 40px;
    line-height: 40px;
}
.list_right_menu_list li{
    padding: 0  10px;
    line-height:30px;
    margin: 3px 2px;
    border-radius: 5px;
}
.list_right_menu_list  .active,.list_right_menu_list li:hover{
    background-color: #2878ff;
}
.list_right_menu_list  .active a,.list_right_menu_list a:hover{
    color: white;
}
.word_list_title{
    line-height: 40px;

}
.word_list_title ul li{
    margin-left: 10px; 
}
.word_list_title ul li a{ 
    color: #666;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    display: block;
}
.word_list_title .active{ 
  display: inline-block; /* 确保伪元素基于文本宽度生成 */
  position: relative;    /* 为伪元素提供定位基准 */
  text-align: center;
  color:#2878ff;
}
.word_list_title .active a{ 

  color:#2878ff;
}
.word_list_title .active::after {
  content: "";           /* 伪元素必需属性 */
  position: absolute;
  left: 0px;          /* 左侧留空 10%，实现宽度 80% */
  right: 0px;         /* 右侧留空 10% */
  bottom: 1px;          /* 调整横线与文字的间距 */
  height: 2px;           /* 横线粗细 */
  background-color: #2878ff; /* 横线颜色（示例为红色） */
  transition: width 0.3s ease; /* 可选：添加悬停动画 */
  text-align: center;
}
.qt_word_list_item{
    width: 49%;
}