.channel-slider {
  position: relative;
  max-width: 1000px;
  height: 300px;
  margin: 50px auto;
  border: 1px solid #aaa;
}
.slider-bounds {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slider-screen {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 9999px;
  height: 300px;
}
.slider-screen::after {
  display: table;
  clear: both;
  content: "";
}
.slider-screen .slide {
  float: left;
  display: table;
  max-width: 150px;
  margin: 5px;
  padding: 5px;
  user-select: none;
}
.slider-screen .slide .thumb {
  max-width: 100%;
  max-height: 160px;
}
.slider-screen .slide img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.slider-menu {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 4px;
  border-top: 1px solid #aaa;
  background-color: #fff;
}
.slider-menu .scroll-bar {
  position: absolute;
  top: -10px;
  left: 0;
  z-index: 10;
  width: 50px;
  height: 8px;
  background: #aaa;
  color: transparent;
  border-radius: 1px;
}