 
.wx-audio-content{
background:#fcfcfc;
border:1px solid #ebebeb;
padding:10px; 
width: 500px !important; 
}
#wxaudio1{height: 80px; }
.musicwrap{margin-bottom:20px;font-size:12px;}
.musiclist{margin:10px 0 30px 0;clear:both; overflow:hidden;  }
.musiclist strong{display:block;}
.musiclist li{padding:5px 0;  }
.musiclist li span{   cursor:pointer; }
.musiclist li span.cur{font-weight:bold;}

.wx-audio-content .wx-audio-info{display:none}
.wx-audio-content .wx-audio-left{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:42px;height:auto}
.wx-audio-content .wx-audio-left .wx-audio-state{width:100%;height:auto;cursor:pointer }
.wx-audio-content .wx-audio-right{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:calc(100% - 42px);font-size:16px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:10px}
.wx-audio-content .wx-audio-right .wx-audio-title{padding-bottom:6px;width:100%;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.wx-audio-content .wx-audio-right .wx-audio-disc{
display:none; 
width:100%;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding-bottom:10px;font-size:12px;color:#8c8c8c}
.wx-audio-content .wx-audio-right .wx-audio-progrees{height:2px;width:calc(100% - 4px);position:relative}
.wx-audio-content .wx-audio-right .wx-audio-progrees .wx-progrees-detail{height:100%;width:100%;background:#ebebeb;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}
.wx-audio-content .wx-audio-right .wx-audio-progrees .wx-progrees-detail .wx-voice-p{width:0%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;background:#09bb07;z-index:2}
.wx-audio-content .wx-audio-right .wx-audio-progrees .wx-progrees-detail .wx-buffer-p{width:0%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;background:#d9d9d9;z-index:1}
.wx-audio-content .wx-audio-right .wx-audio-progrees .wx-progrees-detail .wx-loading{display:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}
.wx-audio-content .wx-audio-right .wx-audio-progrees .wx-progrees-detail .wx-loading .wx-loading-wrapper{position:absolute;top:0;bottom:0;left:0;-moz-animation:slidein 6s linear infinite normal;-webkit-animation:slidein 6s linear infinite normal;animation:slidein 6s linear infinite normal;width:200%;max-width:none !important;background-image:-moz-repeating-linear-gradient(-15deg,#d9d9d9,#d9d9d9 2px,#ebebeb 2px,#ebebeb 4px);background-image:-webkit-repeating-linear-gradient(-15deg,#d9d9d9,#d9d9d9 2px,#ebebeb 2px,#ebebeb 4px);background-image:repeating-linear-gradient(-15deg,#d9d9d9,#d9d9d9 2px,#ebebeb 2px,#ebebeb 4px)}
@keyframes slidein{0%{-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
100%{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
}.wx-audio-content .wx-audio-right .wx-audio-progrees .wx-audio-origin{width:6px;height:6px;margin-top:-3px;margin-left:0;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#09bb07;position:absolute;left:0;top:50%;z-index:2}
.wx-audio-content .wx-audio-right .wx-audio-progrees .wx-audio-origin:before{content:" ";display:block;position:absolute;width:24px;height:24px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; top:50%;margin-top:-12px;margin-left:-9px;cursor:pointer;outline:0;-webkit-tap-highlight-color:transparent}
.wx-audio-content .wx-audio-right .wx-audio-time{width:100%;padding-top:6px;height:auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden}
.wx-audio-content .wx-audio-right .wx-audio-time span{font-size:12px;color:#8c8c8c}


@media (max-width: 800px){
  
.wx-audio-content{ 
margin:0 auto;
width: 96% !important; 
}

}

