.audio-contain{width:278px;height:40px;background:#fff;background-color:#f7f7f7;border-radius:10px;overflow:hidden;display:flex;align-items:center;font-size:12px;font-family:PingFang SC;font-weight:400;color:#909399;margin-top:10px}.audio-contain .audio{display:none}.audio-contain .operate-btn{width:28px;height:28px;background:#12dba5;border-radius:100px;margin:0 8px 0 10px;display:flex;justify-content:center;align-items:center}.audio-contain .operate-btn img{height:15px;width:16px}.audio-contain .progress-bar{height:2px;position:relative;background:rgba(0,194,149,.2);flex:1;margin:10px;border-radius:10px}.audio-contain .progress-bar .progress-current{position:absolute;top:0;left:0;bottom:0;width:0;border-radius:10px 0 0 10px;background:#12dba5;z-index:1}.audio-contain .progress-bar .point-contain{height:16PX;width:16PX;position:absolute;top:50%;transform:translate(-30%,-50%);display:flex;justify-content:center;align-items:center}.audio-contain .progress-bar .progress-point{height:8px;width:8px;border-radius:8px;background:#12dba5}.audio-contain .duration{margin-right:10px}