.service_box {
  padding: 0.1rem 0 4.2rem 0;
  box-sizing: border-box;
}
.service_box .service .line_box {
  display: flex;
  margin: 0.2rem 0 0 0;
}
.service_box .service .line_box .l {
  width: 17%;
  padding: 0 0.2rem;
  box-sizing: border-box;
  background-color: #f5f6f7;
}
.service_box .service .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);
}
.service_box .service .line_box .l ul li a i {
  color: rgba(0, 0, 0, 0);
}
.service_box .service .line_box .l ul li a:hover {
  color: #3e8cf2;
  transition: all 0.6s;
  border-bottom: 1px solid #3e8cf2;
}
.service_box .service .line_box .l ul li a:hover i {
  color: #3e8cf2;
  transition: all 0.6s;
}
.service_box .service .line_box .l ul .ser_act a {
  color: #3e8cf2;
  border-bottom: 1px solid #3e8cf2;
}
.service_box .service .line_box .l ul .ser_act a i {
  color: #3e8cf2;
}
.service_box .service .line_box .r {
  width: 83%;
  /* 顶部操作栏 */
  /* 搜索+分类栏 */
  /* 文件列表表格 */
  /* 操作按钮 */
}
.service_box .service .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;
}
.service_box .service .line_box .r .top-bar input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.service_box .service .line_box .r .top-bar label {
  cursor: pointer;
  color: #333;
}
.service_box .service .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;
}
.service_box .service .line_box .r .btn-download-selected span i {
  margin: 0 0.1rem 0 0;
}
.service_box .service .line_box .r .btn-download-selected:hover {
  background: #f5f5f5;
}
.service_box .service .line_box .r .search-bar {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.12rem;
}
.service_box .service .line_box .r .search-bar select {
  padding: 0.1rem 0.15rem;
  border: 1px solid #ccc;
  border-radius: 50px;
  color: #ccc;
}
.service_box .service .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;
}
.service_box .service .line_box .r .search-bar input[type="text"] {
  border: none;
  outline: none;
}
.service_box .service .line_box .r .search-bar .search-icon {
  color: #999;
  cursor: pointer;
}
.service_box .service .line_box .r .file-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.service_box .service .line_box .r thead {
  border-bottom: 1px solid #f0f0f0;
}
.service_box .service .line_box .r .file-table tr {
  border-bottom: 1px solid #f0f0f0;
}
.service_box .service .line_box .r .file-table th:nth-child(2) {
  text-align: left;
}
.service_box .service .line_box .r .file-table th {
  padding: 0.2rem 0;
  text-align: center;
}
.service_box .service .line_box .r .file-table td {
  padding: 0.1rem 0;
  text-align: center;
}
.service_box .service .line_box .r .file-table td:nth-child(1) {
  padding: 0.2rem;
}
.service_box .service .line_box .r .file-table td:nth-child(2) {
  text-align: left;
  /*font-weight: bold;*/
  letter-spacing: -0.5px; 

}
.service_box .service .line_box .r .file-table th {
  font-weight: 600;
  color: #333;
}
.service_box .service .line_box .r .file-table td {
  color: #666;
}
.service_box .service .line_box .r .file-table td input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.service_box .service .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;
}
.service_box .service .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;
}
.service_box .service .line_box .r .btn-action span i {
  margin: 0 0.05rem 0 0;
}
.service_box .service .line_box .r .btn-action:hover {
  background: #f5faff;
}
.service_box .service .line_box .r .change_page {
  margin: 0.5rem 0 0 0;
}
.service_box .service .line_box .r .file-table td:nth-child(2) {
  padding: 0;
  margin: 0.28rem 0 0 0;
}
@media screen and (max-width: 980px) {
    .service_box .service .line_box .r .search-bar {
        margin: 0 !important;
        width: 100%;
    }
    .service_box .service .line_box .r .search-bar .search-input {
        width: 100%;
          justify-content: space-between;
    }
  .service_box .service .line_box .l,
  .service_box .service .line_box .r {
    width: 100%;
  }
  .service_box .service .line_box {
    flex-wrap: wrap;
  }
  /*.service_box {*/
  /*  padding: 30px 0;*/
  /*}*/
  .service_box .service .line_box .l ul {
    display: flex;
    overflow: scroll;
    scrollbar-width: none;
    /* 标准写法（部分浏览器兼容） */
    -ms-overflow-style: none;
    /* IE/Edge */
  }
  /* 2. 针对webkit内核（Chrome/Safari）的滚动条伪元素隐藏 */
  .service_box .service .line_box .l ul::-webkit-scrollbar {
    display: none;
    /* 完全隐藏滚动条 */
    /* 若想保留滚动条轨道但隐藏滑块，可替换为：
  width: 0;
  height: 0;
  */
  }
  /* 可选优化：增加滚动顺滑度 */
  .service_box .service .line_box .l ul {
    scroll-behavior: smooth;
    /* 滚动时平滑过渡 */
    -webkit-overflow-scrolling: touch;
    /* 移动端iOS弹性滚动 */
  }
  .service_box .service .line_box .l ul li a {
    white-space: nowrap;
  }
  .service_box .service .line_box .l ul li a i {
    margin: 0 0 0 5px;
  }
  .service_box .service .line_box .r .file-table th:nth-child(3),
  .service_box .service .line_box .r .file-table th:nth-child(4),
  .service_box .service .line_box .r .file-table th:nth-child(5),
  .service_box .service .line_box .r .file-table th:nth-child(6) {
    display: none;
  }
  .service_box .service .line_box .r .file-table td:nth-child(3),
  .service_box .service .line_box .r .file-table td:nth-child(4),
  .service_box .service .line_box .r .file-table td:nth-child(5),
  .service_box .service .line_box .r .file-table td:nth-child(6) {
    display: none;
  }
  .service_box .service .line_box .r .top-bar {
    flex-wrap: wrap;
    justify-content: center;
  }
  .service_box .service .line_box .r .file-table td:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .service_box .service .line_box .r .file-table .file-name {
    max-width: 100%;
  }
  .service_box .service .line_box .r .btn-action {
    margin: 0 10px;
    white-space: nowrap;
  }
  .service_box .service .line_box .r .file-table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .service_box .service .line_box .r .file-table td:last-child {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .service_box .service .line_box .r .file-table .file-name {
    padding: 0;
    margin: 10px 0;
  }
}