.audioplayer{margin: 0 auto 1.4rem;height: 100px;color: #fff;border: 1px solid #e7e7e7;position: relative;z-index: 1;background: #fcfcfc;border-radius:3px;width: 100%;}
.audioplayer-bar-point{height:12px;margin-top:-5px;background-size:12px 12px;z-index:100;background: rgba(0, 0, 0, 0) url(../../images/audio/audio_playbtn.png) no-repeat scroll right top;}
.audioplayer-title{color: #373737;font-size: 16px;left: 80px;top: 16px;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
.audioplayer-mini{width: 2.5em;margin: 0 auto;}
.audioplayer > div{position: absolute;}
.audioplayer-playpause{width: 45px;height: 45px;text-align: left;text-indent: -9999px;cursor: pointer;z-index: 2;top: 50%;left: 0;border-radius: 45px;border: 3px solid #0380ff;background: #FFF;margin: -25px 0 0 15px;}
.audioplayer-mini .audioplayer-playpause{width: 100%;}
.audioplayer-playpause:hover,.audioplayer-playpause:focus{background-color:#FFF;}
.audioplayer-playpause a{display: block;}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{width:19px;height:22px;border-right: none;content: '';position: absolute;top: 50%;left: 50%;margin: -11px 0 0 -9.5px;background:url(../../images/audio/play.png) no-repeat;background-size:19px 22px;-webkit-touch-callout: none;}
.audioplayer-playing .audioplayer-playpause a{position: absolute;top: 50%;left: 50%;margin: -11px 0 0 -9.5px;width:19px;height:22px;background:url(../../images/audio/pause.png) no-repeat 2px 1px;background-size:15px 20px;}
.audioplayer-playing .audioplayer-playpause a:before,.audioplayer-playing .audioplayer-playpause a:after{width: 40%;height: 100%;content: '';position: absolute;top: 0;}
.audioplayer-playing .audioplayer-playpause a:before{left: 0;}
.audioplayer-playing .audioplayer-playpause a:after{right: 0;}
.audioplayer-time{line-height:2.5em;text-align: left;z-index: 2;top: 52px;color: #b2b2b2;font-size: 14px;}
.audioplayer-time-current{left:80px;}
.audioplayer-time-duration{right:18px;}
.audioplayer-novolume .audioplayer-time-duration{border-right: 0;right: 0;}
div.audioplayer-bar{position:absolute;height:2px;cursor: pointer;z-index: 1;top:50%;left:80px;margin-top: -1px;width: 0;}
.audioplayer-novolume .audioplayer-bar{right: 4.375em;}
.audioplayer-bar div{width: 0;height: 100%;position: absolute;left: 0;top: 0;}
.audioplayer-bar-loaded{background-color:#0152A6;z-index: 1;}
.audioplayer-bar-played{background: #0380ff;z-index: 2;}
.audioplayer-volume{width: 2.5em;height: 100%;border-left: 1px solid #111;border-left-color: rgba( 0, 0, 0, .25 );text-align: left;text-indent: -9999px;cursor: pointer;z-index: 2;top: 0;right: 0;display:none;}
.audioplayer-volume:hover,.audioplayer-volume:focus{background-color: #222;}
.audioplayer-volume-button{width: 100%;height: 100%;}
.audioplayer-volume-button a{width: 0.313em;height: 0.375em;background-color: #fff;display: block;position: relative;z-index: 1;top: 42%;left: 30%;}
.audioplayer-volume-button a:before,.audioplayer-volume-button a:after{content: '';position: absolute;}
.audioplayer-volume-button a:before{width: 0;height: 0;border: 0.5em solid transparent;border-left: none;border-right-color: #fff;z-index: 2;top: 50%;right: -0.25em;margin-top: -0.5em;}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after{width: 0.313em;height: 0.313em;border: 0.25em double #fff;border-width: 0.25em 0.25em 0 0;left: 0.563em;top: -0.063em;-webkit-border-radius: 0 0.938em 0 0;-moz-border-radius: 0 0.938em 0 0;border-radius: 0 0.938em 0 0;-webkit-transform: rotate( 45deg );-moz-transform: rotate( 45deg );-ms-transform: rotate( 45deg );-o-transform: rotate( 45deg );transform: rotate( 45deg );}
.audioplayer-volume-adjust{height: 6.25em;cursor: default;position: absolute;left: 0;right: -1px;top: -9999px;background: #222;}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{opacity: 0;}
.audioplayer-volume:hover .audioplayer-volume-adjust{top: auto;bottom: 100%;}
.audioplayer-volume-adjust > div{width: 40%;height: 80%;background-color: #333;cursor: pointer;position: relative;z-index: 1;margin: 30% auto 0;}
.audioplayer-volume-adjust div div{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: #1ba1e2;}
.audioplayer-novolume .audioplayer-volume{display: none;}
.audioplayer *,.audioplayer *:before,.audioplayer *:after{-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;transition: color .25s ease, background-color .25s ease, opacity .5s ease;}
.barback{background-color: #cacaca;}
<!--ecms sync check [sync_thread_id="a68f6e271be0d23e820cf6e61402aa0b" sync_date="2023-08-31 20:33:33" check_sum="a68f6e271be0d23e820cf6e61402aa0b  signature="#$enorth_signature_value$#"]-->