.music__icon[data-v-c6e225c0] {
  margin-top: 4.42667rem;
}
.daudio[data-v-c6e225c0] {
  text-align: center;
  width: 10rem;
}
.music__icon-src[data-v-c6e225c0] {
  height: 2.13333rem;
  width: 2.13333rem;
}
.music__name[data-v-c6e225c0] {
  margin-bottom: 2.37333rem;
  padding: 0 0.53333rem;
  margin-top: 2.66667rem;
}
.music__title[data-v-c6e225c0] {
  height: 0.8rem;
  font-size: 0.58667rem;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.8rem;
  margin: 0 auto;
}
.music__play[data-v-c6e225c0] {
  width: 1.06667rem;
  height: 1.06667rem;
  margin-top: 1.52rem;
}
.bar[data-v-c6e225c0] {
  width: 5.6rem;
  height: 0.05333rem;
  margin: 0 auto;
}
.bar .progressbar[data-v-c6e225c0] {
    width: 100%;
    height: 0.05333rem;
    background: #717171;
    border-radius: 0.05333rem;
    margin-top: 0.26667rem;
    border-radius: 0.8rem;
    position: relative;
}
.bar .greenbar[data-v-c6e225c0] {
    width: 0%;
    height: 0.05333rem;
    background: #FFFFFF;
    border-radius: 0.05333rem;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
}
.bar .greenbar .yuan[data-v-c6e225c0] {
      display: inline-block;
      width: 0.16rem;
      height: 0.16rem;
      background: #FFFFFF;
      border-radius: 50%;
      position: absolute;
      top: -0.06667rem;
      right: 0;
}
.music__box[data-v-c6e225c0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.progress-bar[data-v-c6e225c0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.37333rem;
  width: 8.21333rem;
  color: #FFFFFF;
}