.page-container{height:124px;background:#2f2f2f;border-radius:16px;padding:0 24px 24px;box-sizing:border-box}.page-container.user{background:#1f1f1f}.page-container .pgs{background-color:#4e4e4e;text-align:center;position:relative;height:2px;margin-bottom:10px}.page-container .pgs-play{top:-2.5px;width:7px;height:7px;border-radius:50%}.page-container .line,.page-container .pgs-play{position:absolute;left:0;background-color:#ffd641;z-index:1}.page-container .line{top:0;width:0;height:2px}.page-container .play-icon{width:45px;height:45px;margin-right:15px}.page-container audio{display:block;height:0}.page-container .audio-box{background:#f5f5f5;border:1px solid #d8d4d1;border-radius:5px;width:100%;padding:15px 12px;box-sizing:border-box}.page-container .audio-name{padding-top:24px;font-size:16px;font-weight:500;color:#fff;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-container .control-row{display:flex;align-items:flex-end}.page-container .row-right{flex:1;padding-right:20px}.page-container .time-row{position:relative;color:#b0afad;font-size:12px;margin-bottom:3px}.page-container .audio-time{position:absolute;right:0}