.details_box {
  padding: 0.6rem 0 0.25rem 0;
  box-sizing: border-box;
}
.details_box .details .line_box {
  display: flex;
  justify-content: space-between;
}
.details_box .details .line_box .l {
  width: 60%;
  background-color: #fff;
}
.details_box .details .line_box .l a {
  margin: 0.2rem 0 0 0;
  width: 1.31rem;
  height: 0.36rem;
  border: 1px solid #3e8cf2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  color: #3e8cf2;
  white-space: nowrap;
}

.details_box .details .line_box .l a:hover {
    color: #fff;
    border: 1px solid rgba(0,0,0,0);
        background: linear-gradient(90deg, #0f9afa 0%, #3aaa97 49.31%, #68bb28 100%);
}
.details_box .details .line_box .l a i {
  margin: 0 0.1rem 0 0;
}
.details_box .details .line_box .r {
  width: 37%;
}
.details_box .details .line_box .r .swiperdetails {
  overflow: hidden;
}
.details_box .details .line_box .r .swiperdetails .p_box img {
  display: block;
  max-width: 100%;
  height: 4.3rem;
  margin-bottom:  0.16rem;
}
.details_box .details .line_box .r .swiperdetails .swiper-paginationdetails {
  display: flex;
  justify-content: center;
}
.tit h5 {
  margin: 0.1rem 0 0.2rem 0;
  font-weight: 400;
  /*color: rgba(10, 17, 25, 0.7);*/
}
.tit ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0.2rem 0;
}
.tit ul li {
  margin: 0 0.2rem 0.1rem 0;
  color: #233d62;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tit ul li:hover {
    color: linear-gradient(90deg, #0f9afa 0%, #3aaa97 49.31%, #68bb28 100%);
}
/*.tit ul li:last-child {*/
/*  margin: 0;*/
/*}*/
.tit ul li::before {
  content: " ";
  display: block;
  margin: 0 5px 0 0;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  /*background-color: #233d62;*/
  background: linear-gradient(90deg, #0f9afa 0%, #3aaa97 49.31%, #68bb28 100%);
}
/*.tit ul li:hover::before {*/
/*    background: linear-gradient(90deg, #0f9afa 0%, #3aaa97 49.31%, #68bb28 100%);*/
/*}*/

.tunit_box .tunit > ul {
  background: #f5f6f7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tunit_box .tunit > ul li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.2rem 0.6rem;
  box-sizing: border-box;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  cursor: pointer;
  transition: all 0.3s ease;
  /* 统一过渡时长 */
}
.tunit_box .tunit > ul li:hover {
  color: #3e8cf2;
  border-bottom: 2px solid #3e8cf2;
}
.tunit_box .tunit > ul li::after {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  content: " ";
  display: block;
  width: 1px;
  height: 0.2rem;
  background-color: #e0e0e0;
}
.tunit_box .tunit > ul li:last-child::after {
  display: none;
}
.tunit_box .tunit > ul .li_act {
  color: #3e8cf2;
  border-bottom: 2px solid #3e8cf2;
}
.tunit_box .content_box {
  padding: 0rem 0 1rem 0;
  box-sizing: border-box;
  /* 激活的内容项样式 */
}
.tunit_box .content_box .content_item {
  /* 初始隐藏 + 过渡动画 */
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
  /* 内容切换过渡 */
  padding: 0.2rem 0;
}
.tunit_box .content_box .content_item span p {
  margin: 0 0 0.2rem 0;
}
.tunit_box .content_box .content_item span p:last-child {
  margin: 0;
}
.tunit_box .content_box .content_item .p_box img {
  display: block;
  height: 4.19rem;
}
.tunit_box .content_box .content_item img {
  /*height: 4.19rem;*/
   width: 100%;
  height: auto;
}

.tunit_box .content_box .content_item .bg_box .bg h4 {
  padding: 0 0 0.24rem 0;
  border-bottom: 1px solid #dfdfdf;
}
.tunit_box .content_box .content_item .bg_box .bg .table_box {
  margin: 0 0 0.6rem 0;
}
.tunit_box .content_box .content_item .bg_box .bg .table_box .line {
  display: flex;
  padding: 0.2rem 0;
  box-sizing: border-box;
  border-bottom: 1px solid #dfdfdf;
}
.tunit_box .content_box .content_item .bg_box .bg .table_box .line .l,
.tunit_box .content_box .content_item .bg_box .bg .table_box .line .r {
  width: 45%;
}
.tunit_box .content_box .content_item .bg_box .bg .table_box .line .l {
  padding: 0 0 0 3rem;
}
.tunit_box .content_box .content_item .bg_box p img {
  display: block;
  width: 100%;
}
.tunit_box .content_box .content_item.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
/* 顶部操作栏 */
.top-bar {
  display: flex;
  align-items: center;
  padding: 0.2rem 0.33rem;
  gap: 0.12rem;
  /*margin-bottom: 0.33rem;*/
  border-bottom: 1px solid #ccc;
}
.top-bar input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.top-bar label {
  cursor: pointer;
  color: #333;
}
.btn-download-selected {
  margin: 0 0 0 0.5rem;
  padding: 0.1rem 0.2rem;
  border: 1px solid #ccc;
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.04rem;
  color: #ccc;
}
.btn-download-selected span i {
  margin: 0 0.1rem 0 0;
}
.btn-download-selected:hover {
  background: #f5f5f5;
}
/* 搜索+分类栏 */
.search-bar {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.12rem;
}
.search-bar select {
  padding: 0.1rem 0.15rem;
  border: 1px solid #ccc;
  border-radius: 50px;
  color: #ccc;
}
.search-bar .search-input {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 50px;
  padding: 0.1rem 0.15rem;
  background: #fff;
}
.search-bar input[type="text"] {
  border: none;
  outline: none;
}
.search-bar .search-icon {
  color: #999;
  cursor: pointer;
}
/* 文件列表表格 */
.file-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
thead {
  border-bottom: 1px solid #f0f0f0;
}
.file-table tr {
  border-bottom: 1px solid #f0f0f0;
}
.file-table th:nth-child(2) {
  text-align: left;
}
.file-table th {
  padding: 0.2rem 0;
  text-align: center;
}
.file-table td {
  /*padding: 0.2rem 0;*/
  text-align: center;
}
.file-table td:nth-child(1) {
  padding: 0.2rem;
}
.file-table td:nth-child(2) {
  text-align: left;
  font-weight: bold;
}
.file-table th {
  font-weight: 600;
  color: #333;
}
.file-table td {
  color: #666;
}
.file-table td input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.file-table .file-name {
  color: #333;
  max-width: 4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
/* 操作按钮 */
.btn-action {
  padding: 0.1rem 0.2rem;
  /*border: 1px solid #3e8cf2;*/
  border-radius: 50px;
  background: #fff;
  color: #3e8cf2;
  cursor: pointer;
  margin-left: 0.16rem;
  display: inline-flex;
  align-items: center;
  gap: 0.04rem;
}
.btn-action span i {
  margin: 0 0.05rem 0 0;
}
.btn-action:hover {
  background: #f5faff;
}
.change_page {
  margin: 0.5rem 0 0 0;
}
.file-table td:nth-child(2) {
  padding: 0;
  margin: 0.35rem 0;
}
.line_box {
  display: flex;
  margin: 0.2rem 0 0 0;
}
.line_box .l {
  width: 17%;
  padding: 0 0.2rem;
  box-sizing: border-box;
  background-color: #f5f6f7;
}
.line_box .l ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.3rem;
  box-sizing: border-box;
  border-bottom: 1px solid #cccccc;
  color: rgba(10, 17, 25, 0.7);
}
.line_box .l ul li a i {
  color: rgba(0, 0, 0, 0);
}
.line_box .l ul li a:hover {
  color: #3e8cf2;
  transition: all 0.6s;
  /*border-bottom: 1px solid #3e8cf2;*/
}
.line_box .l ul li a:hover i {
  color: #3e8cf2;
  transition: all 0.6s;
}
.line_box .l ul .ser_act a {
  /*color: #3e8cf2;*/
  /*border-bottom: 1px solid #3e8cf2;*/
}
.line_box .l ul .ser_act a i {
  /*color: #3e8cf2;*/
}
.line_box .r {
  width: 83%;
  /* 顶部操作栏 */
  /* 搜索+分类栏 */
  /* 文件列表表格 */
  /* 操作按钮 */
}
.line_box .r .top-bar {
  display: flex;
  align-items: center;
  padding: 0.2rem 0.33rem;
  gap: 0.12rem;
  /*margin-bottom: 0.33rem;*/
  border-bottom: 1px solid #ccc;
}
.line_box .r .top-bar input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.line_box .r .top-bar label {
  cursor: pointer;
  color: #333;
}
.line_box .r .btn-download-selected {
  margin: 0 0 0 0.5rem;
  padding: 0.1rem 0.2rem;
  border: 1px solid #ccc;
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.04rem;
  color: #ccc;
}
.line_box .r .btn-download-selected span i {
  margin: 0 0.1rem 0 0;
}
.line_box .r .btn-download-selected:hover {
  background: #f5f5f5;
}
.line_box .r .search-bar {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.12rem;
}
.line_box .r .search-bar select {
  padding: 0.1rem 0.15rem;
  border: 1px solid #ccc;
  border-radius: 50px;
  color: #ccc;
}
.line_box .r .search-bar .search-input {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 50px;
  padding: 0.1rem 0.15rem;
  background: #fff;
}
.line_box .r .search-bar input[type="text"] {
  border: none;
  outline: none;
}
.line_box .r .search-bar .search-icon {
  color: #999;
  cursor: pointer;
}
.line_box .r .file-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.line_box .r thead {
  border-bottom: 1px solid #f0f0f0;
}
.line_box .r .file-table tr {
  border-bottom: 1px solid #f0f0f0;
}
.line_box .r .file-table th:nth-child(2) {
  text-align: left;
}
.line_box .r .file-table th {
  padding: 0.2rem 0.1rem;
  text-align: center;
}
.line_box .r .file-table td {
  /*padding: 0.1rem 0;*/
  text-align: center;
}
.line_box .r .file-table td:nth-child(1) {
  padding: 0.2rem;
}
.line_box .r .file-table td:nth-child(2) {
  text-align: left;
  font-weight: 400;
  line-height: 1.5;
}
.line_box .r .file-table th {
  font-weight: 600;
  color: #333;
}
.line_box .r .file-table td {
  color: #666;
}
.line_box .r .file-table td input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.line_box .r .file-table .file-name {
  color: #333;
  max-width: 4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.line_box .r .btn-action {
  padding: 0.1rem 0.2rem;
  /*border: 1px solid #3e8cf2;*/
  border-radius: 50px;
  background: #fff;
  color: #3e8cf2;
  cursor: pointer;
  margin-left: 0.16rem;
  display: inline-flex;
  align-items: center;
  gap: 0.04rem;
}
.line_box .r .btn-action span i {
  margin: 0 0.05rem 0 0;
}
.line_box .r .btn-action:hover {
  background: #f5faff;
}
.line_box .r {
    position: relative;
}
.line_box .r .change_page {
    position: absolute;
     top: 100%;
 left: 50%;
 transform: translate(-50%, -50%);
  margin: 0.5rem 0 0 0;
}
.line_box .r .file-table td:nth-child(2) {
  padding: 0;
  margin: 0.19rem 0 0 0;
}

/*.file-table {*/
/*    min-height: 6rem;*/
/*}*/


.tunit_box .content_box .content_item.active .line_box .r {
    min-height: 7.5rem;
}


@media screen and (max-width: 980px) {
    .line_box .r {
        margin: 10px 0 0 0;
    }
    
    .line_box .r .p_box {
        display: flex;
        align-items: center;
        justify-content: center;
    }
        .line_box .r .search-bar {
        width: 100%;
        margin: 0;
    }
    
    .line_box .r .search-bar .search-input {
        width: 100%;
        justify-content: space-between;
    }
    
  .details_box .details .line_box .l,
  .details_box .details .line_box .r {
    width: 100%;
  }
  .details_box .details .line_box {
    flex-wrap: wrap;
  }
  .tit ul {
    flex-wrap: wrap;
  }
  .details_box {
    padding: 30px 0;
  }
  .details_box .details .line_box .l a {
    padding: 3px 10px;
  }
  .tunit_box .tunit > ul li {
    padding: 10px 20px;
  }
  .tunit_box .content_box {
    padding: 20px 0 1rem 0;
  }
  .tunit_box .content_box .content_item .bg_box .bg .table_box .line .l {
    padding: 0;
    width: 50%;
  }
  .tunit_box .content_box .content_item .bg_box .bg .table_box .line .r {
    width: 50%;
  }
  .file-table th:nth-child(3),
  .file-table th:nth-child(4),
  .file-table th:nth-child(5),
  .file-table th:nth-child(6),
    .file-table th:nth-child(7){
    display: none;
  }
  .file-table td:nth-child(3),
  .file-table td:nth-child(4),
  .file-table td:nth-child(5),
  .file-table td:nth-child(6) {
    display: none;
  }
  .top-bar {
    flex-wrap: wrap;
    justify-content: center;
  }
  .file-table td:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .file-table .file-name {
    max-width: 100%;
  }
  .btn-action {
    margin: 0 10px;
    white-space: nowrap;
  }
  .file-table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .file-table td:last-child {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .file-table .file-name {
    padding: 0;
    margin: 10px 0;
  }
  .line_box .l,
  .line_box .r {
    width: 100%;
  }
  .line_box {
    flex-wrap: wrap;
  }
  .line_box .l ul {
    display: flex;
    overflow: scroll;
    scrollbar-width: none;
    /* 标准写法（部分浏览器兼容） */
    -ms-overflow-style: none;
    /* IE/Edge */
  }
  /* 2. 针对webkit内核（Chrome/Safari）的滚动条伪元素隐藏 */
  .line_box .l ul::-webkit-scrollbar {
    display: none;
    /* 完全隐藏滚动条 */
    /* 若想保留滚动条轨道但隐藏滑块，可替换为：
  width: 0;
  height: 0;
  */
  }
  /* 可选优化：增加滚动顺滑度 */
  .line_box .l ul {
    scroll-behavior: smooth;
    /* 滚动时平滑过渡 */
    -webkit-overflow-scrolling: touch;
    /* 移动端iOS弹性滚动 */
  }
  .line_box .l ul li a {
    white-space: nowrap;
  }
  .line_box .l ul li a i {
    margin: 0 0 0 5px;
  }
  .line_box .r .file-table th:nth-child(3),
  .line_box .r .file-table th:nth-child(4),
  .line_box .r .file-table th:nth-child(5),
  .line_box .r .file-table th:nth-child(6) {
    display: none;
  }
  .line_box .r .file-table td:nth-child(3),
  .line_box .r .file-table td:nth-child(4),
  .line_box .r .file-table td:nth-child(5),
  .line_box .r .file-table td:nth-child(6) {
    display: none;
  }
  .line_box .r .top-bar {
    flex-wrap: wrap;
    justify-content: center;
  }
  .line_box .r .file-table td:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .line_box .r .file-table .file-name {
    max-width: 100%;
  }
  .line_box .r .btn-action {
    margin: 0 10px;
    white-space: nowrap;
  }
  .line_box .r .file-table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .line_box .r .file-table td:last-child {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .line_box .r .file-table .file-name {
    padding: 0;
    margin: 10px 0;
  }
  
  .line_box .r .file-table td:first-child {
      margin: 0.15rem 0 0 0 ;
  }
  
  .line_box .r .file-table td:nth-child(2) {
      /*margin: 0.15rem 0 0 0;*/
      min-width: 88%;
    max-width: 88%;
    height: 24px;
  }
}