.audio-wrapper {
    width: 100%;
  min-width: auto;
  height:auto;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  user-select: none;
  -webkit-user-select: none;
	padding:10px;
	position:relative;
	border:1px solid #e8e8e8;
	margin-bottom:10px;
}

.audio-left {
    float: left;
    text-align: center;
    width: auto;
    height: 100%;
}

.audio-left img {
    width: 40px;
    position: relative;
    top: 15px;
    margin: 0;
    display: initial;   /* 解除与app的样式冲突 */
    cursor: pointer;
}

.audio-right {
    margin:0 10px 0 65px;
    height: 100%;
}

.audio-right p {
    /* 歌曲名称只显示在一行，超出部分显示为省略号 */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 243px;   /* 要适配小屏幕手机，所以最大宽度先设小一点，后面js根据屏幕大小重新设置 */
		padding:0;
		line-height:inherit;
		padding-bottom:6px;
}

.progress-bar-bg {
    background-color: #e8e8e8;
    position: relative;
    height: 3px;
    cursor: pointer;
}

.progress-bar {
    background-color: #22ac38;
    width: 0;
    height: 3px;
}

.progress-bar-bg span {
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #22ac3899;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    margin-left: -5px;
    cursor: pointer;
}

.audio-time {
    overflow: hidden;
    margin-top: 1px;
}

.audio-length-total {
    float: right;
    font-size: 12px;
}

.audio-length-current {
    float: left;
    font-size: 12px;
}
.play_btn span{display:inline-block;background:url(../images/audio/audio.png) no-repeat 0 -1px;background-size:45px 130px;width:45px;height:47px;margin-right:10px;position:absolute;left:10px;top:13px;}
.play_btn  .pause{background-position: 0 -84px;}
.play_btn  .play{background-position: 0 -1px;}