.audio-wrapper { width: 100%; min-width: auto; height: auto; justify-content: space-between; align-items: center; user-select: none; -webkit-user-select: none; padding: 0; position: relative; }

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

.audio-left img { width: 40px; position: relative; top: 15px; margin: 0; display: initial; cursor: pointer; }

.audio-right { margin: 0px 50px 0 80px; padding-top: 0.4rem; }

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

.progress-bar { background-color: #467fff; 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: #467fff; position: absolute; left: 0; top: 50%; margin-top: -5px; margin-left: -5px; cursor: pointer; display: none; }

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

.audio-time span { position: absolute; z-index: 1; top: 0.46rem; }

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

.audio-length-current { float: left; font-size: 12px; left: -40px; }

video { max-width: 100%; height: 6.6rem; }

.video_control { background: rgba(0, 0, 0, 0.51); width: 100%; height: 0.86rem; position: relative; }

.play_btn span { display: inline-block; background: url(../images/video1.png) no-repeat 0 -1px; background-size: 0.18rem 0.8rem; width: 0.18rem; height: 0.25rem; margin-right: 10px; position: absolute; left: 10px; bottom: 13px; }

.play_btn .pause { background-position: 0 -0.6rem; }

.play_btn .play { background-position: 0 -1px; }

.pausebtn { position: absolute; left: 0; right: 0; top: 50%; z-index: 5; background: url(../images/video.png) no-repeat 0 0; background-size: 0.57rem 0.57rem; width: 0.57rem; height: 0.57rem; margin: -50px auto; }