audio{border:1px solid #000;border-radius:5px;outline:none;width:100%}.original-audio{display:none}.audio-fragment-content-item{display:flex;justify-content:center;margin-bottom:20px}.audio-fragment-card{height:300px;position:relative;width:450px}.sound-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px!important;font-weight:700;overflow:hidden;text-overflow:ellipsis}.sound-author,.sound-title{color:#fff;text-align:right}.volume-icon{cursor:pointer;margin-left:70px}.settings{align-items:center;background-color:#2b341f;display:flex;height:50px}.title-wrap{display:grid;margin-right:10px;margin-top:10px;position:absolute;right:0;width:50%;z-index:99}.audio-focuspoint{height:250px;overflow:hidden;position:relative}.progress-container{background-color:#eee;height:5px;margin-left:20px;margin-top:2px;position:relative;width:40%}.progress-bar{background-color:#4caf50;height:100%;width:0}.draggable-circle{height:13px;margin-top:-3.6px;position:absolute;top:0;transform:translateX(-50%);width:13px}.draggable-circle,.play-button{border-radius:50%;cursor:pointer}.play-button{align-items:center;background-color:#fff;display:flex;height:30px;justify-content:center;margin-left:10px;width:30px}.sound-fragment-icon{color:#fff;max-width:100%;padding:2px}.volume-container{background-color:#eee;cursor:pointer;height:5px;margin-left:10px;position:relative;width:20%}.volume-circle{border-radius:50%;cursor:pointer;height:13px;margin-top:-3.6px;position:absolute;top:0;transform:translateX(-50%);width:13px}