/* packageC/components/audio-slider/audio-slider.wxss */
.audio-slider{
  z-index: 1;
}
.audio-wrapper {
  display: flex;
  align-items: center;
  margin: 0 auto;
  color: #3e3e3e;
  z-index: 999;
  /* position: relative; */
}
.audio-wrapper .icon {
  width: 20px;
  height: 20px;
  padding: 10px 18px 10px 0;
  box-sizing: content-box;
}
.audio-wrapper .icon image {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.slider {
  width: 100%;
  flex: 1;
  position: relative;
  height: 16px;
  margin: 12px 18px 20px 0;
  display: flex;
  cursor: default;
  user-select: none;
  outline: none;
}

.time {
  display: flex;
  color: #bababa;
  font-size: 12px;
  position: absolute;
  bottom: -20px;
  width: 100%;
}

.time_left {
  flex: 1;
  text-align: left;
}

.time_right {
  flex: 1;
  text-align: right;
}