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

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

.list .title {
  font-size: 24rpx;
  color: #2F2414;
  padding-left: 5%;
}

.audio {
  position: relative;
  margin: 4% 6%;
}

.audio .audio-img {
  width: 40rpx;
  height: 40rpx;
  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: 6rpx;
  position: absolute;
  top: 50%;
  background: #707070;
}

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

.list .durationTime {
  position: absolute;
  top: 20%;
  right: -3%;
  display: inline-block;
  font-size: 20rpx;
  color: #2F2414;
}