.main-wrap .audio-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  box-sizing: border-box;
  padding: 0.5208vw 0.5208vw;
  padding-right: 0.7291vw;
  background: #F1F2F5;
  border-radius: 0.4166vw;
}
@media screen and (max-width: 750px) {
  .main-wrap .audio-wrap {
    padding: 2.6666vw 4vw;
  }
}
.main-wrap .audio-wrap .icon {
  width: 3.125vw;
  margin-right: 1.25vw;
}
@media screen and (max-width: 750px) {
  .main-wrap .audio-wrap .icon {
    width: 10.3666vw;
    margin-right: 2.6666vw;
  }
}
.main-wrap .audio-wrap .icon img {
  display: block;
  width: 100%;
}
.main-wrap .audio-wrap .content {
  flex: 1;
}
.main-wrap .audio-wrap .content .title {
  font-size: 1.0416vw;
  line-height: 1.5;
  color: #262728;
  margin-bottom: 0.1041vw;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .main-wrap .audio-wrap .content .title {
    font-size: 3.7333vw;
    margin-bottom: 1.3333vw;
  }
}
.main-wrap .audio-wrap .content .time {
  font-size: 0.7291vw;
  line-height: 1.5;
  color: #848585;
  margin-bottom: 0;
  font-weight: normal;
}
@media screen and (max-width: 750px) {
  .main-wrap .audio-wrap .content .time {
    font-size: 3.2vw;
  }
}
.main-wrap .audio-wrap .play-btn {
  display: block;
  width: 2.5vw;
  margin-left: 2.6041vw;
  cursor: pointer;
}
.main-wrap .audio-wrap .play-btn img {
  display: block;
  width: 100%;
}
.main-wrap .audio-wrap .play-btn img.play {
  display: block;
}
.main-wrap .audio-wrap .play-btn img.pause {
  display: none;
}
.main-wrap .audio-wrap .play-btn.played img.play {
  display: none;
}
.main-wrap .audio-wrap .play-btn.played img.pause {
  display: block;
}
@media screen and (max-width: 750px) {
  .main-wrap .audio-wrap .play-btn {
    width: 6.6666vw;
    margin-left: 2.6666vw;
  }
}
.main-wrap .audio-line {
  width: 0;
  height: 0.2083vw;
  background: linear-gradient(270deg, #0069C0 0%, #FFFFFF 100%);
  border-radius: 0.2604vw;
  margin-bottom: 3.0208vw;
}
@media screen and (max-width: 750px) {
  .main-wrap .audio-line {
    height: 0.5333vw;
    border-radius: 0.2666vw;
    margin-bottom: 4vw;
  }
}
.main-wrap .pic {
  width: 100%;
}
.main-wrap .pic img {
  display: block;
  width: 100%;
}