/**组件样式*/ 
/**组件样式*/ 
/**组件样式*/ 
/**组件样式*/ 
/**组件样式*/ 
/**组件样式*/ 
/**组件样式*/ 
/**组件样式*/ 
/**组件样式*/ 
/**组件样式*/ 
.slider {
  -webkit-appearance: none;  /* 覆盖默妊遣┤】羁焖俚秸四webkit外观 */
  width: 100%; /* 滑块的宽度 */
  background: #ffffff; /* 滑块的背景颜色 */
  outline: none; /* 去掉轮廓线 */
  opacity: 0.7; /* 滑块的透明度 */
  -webkit-transition: .2s; /* 过渡动画 */
  transition: opacity .2s;}
 
.slider:hover {
  opacity: 1;}
 
/* 滑块的轨道样式 */
.slider::-webkit-scrollbar{
  width: 11px; /* 滑块的宽度 */
  background: #ddd; /* 滑块的颜色 */
  cursor: pointer; /* 鼠标样式 */
  -webkit-appearance: none; /* 覆盖默妊遣┤】羁焖俚秸四webkit外观 */
  margin-top: -8.5px;}
.slider::-webkit-trank{
  width: 11px; /* 滑块的宽度 */
  background: #09629e; /* 滑块的颜色 */
  cursor: pointer; /* 鼠标样式 */
  -webkit-appearance: none; /* 覆盖默妊遣┤】羁焖俚秸四webkit外观 */
  margin-top: -8.5px;}
 
/* 滑块的滑块样式 */
.slider::-webkit-scrollbar-thumb{
  width: 11px; /* 滑块的宽度 */
  height: 21px; /* 滑块的高度 */
  background: #09629e; /* 滑块的颜色 */
  border-radius: 5px; /* 滑块的圆角 */
  cursor: pointer; /* 鼠标样式 */
  -webkit-appearance: none; /* 覆盖默妊遣┤】羁焖俚秸四webkit外观 */
  margin-top: -8.5px;}
/**组件样式*/