macaoApplets/components/list-audio/list-audio.wxss

/* components/list-audio/list-audio.wxss */
.list {
  position: relative;
  margin: 5% 0;
}

.list .title {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 16px;
  color: #2F2414;
  padding-left: 5%;
  opacity: 1;
}


.audio {
  position: relative;
  margin: 2% 8%;
}

.audio .audio-img {
  width:9%;
  height:4vh;
  display:inline-block;
}

.audio .free-MusicProgress {
  position: absolute;
  width: 80%;
  height: 20%;
  top: 32%;
  opacity: 0.6;
  display: inline;
  margin: 0 2%;
}

.audio .free-MusicProgress .before-progress {
  width: 100%;
  height: 0.4vh;
  position: absolute;
  top: 50%;
  background: #2F2414;
  opacity: 0.5;
}

.audio .free-MusicProgress .progress {
  height: 100%;
  background: #38A2D7;
}

.list .durationTime {
  position: absolute;
  top: 20%;
  right: -4%;
  display: inline;
  font-size: 10px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2F2414;
  opacity: 0.67;
}