.vod_all {
  padding: 0.625rem 1.625rem;
  background: #292929;
}
.vod_all .screen_list {
  display: flex;
  padding: 0.9375rem 0;
  border-top: 1px solid #2e2e2e;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  /* 自定义水平滚动条 */
  /* 自定义滚动条轨道 */
  /* 自定义滚动条滑块 */
  /* 自定义滚动条在悬停时的样式 */
}
.vod_all .screen_list::-webkit-scrollbar {
  height: 10px;
  /* 设置滚动条高度，更细的滚动条 */
}
.vod_all .screen_list::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道背景色透明 */
}
.vod_all .screen_list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  /* 设置滑块颜色，使用透明度 */
  border-radius: 10px;
  /* 滑块圆角 */
}
.vod_all .screen_list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
  /* 滑块悬停时的颜色 */
}
.vod_all .screen_list:first-child {
  border-top: none;
}
.vod_all .screen_list li span {
  display: block;
  margin-right: 1.25rem;
  background-color: #4c4c4c;
  padding: 0.5375rem 1.25rem;
  border-radius: 16px 0 16px 16px;
  color: #fff;
  line-height: 0.775rem;
  text-align: center;
  font-size: 14px;
}
.vod_all .screen_list li a {
  display: inline-block;
  margin: 0.05rem 0;
  padding: 0.4375rem 0.625rem;
  border-radius: 32px;
  color: #999;
  line-height: 0.7rem;
  vertical-align: top;
  font-size: 14px;
}
.vod_all .screen_list li a:hover {
  color: #ff5f00;
}
.cbox_list .bd ul li:nth-child(n+7) {
  display: block;
}
.active {
  background: #4c4c4c;
  color: #f25f00 !important;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .vod_all {
    padding: 1% 3%;
  }
  .vod_all .screen_list li:first-child {
    display: none;
  }
  .vod_all .screen_list li a {
    font-size: 14px;
  }
  .cbox_list .hd ul {
    padding-left: 3%;
  }
  .cbox_list .bd ul li {
    flex: 33.3%;
    max-width: 33.3%;
  }
  .cbox_list .bd ul li .cover a img {
    height: 203px;
  }
}