.icon_audio{font-size:80px}@media screen and (max-width:1660px){.icon_audio{font-size:100px}}@media screen and (max-width:1440px){.icon_audio{font-size:90px}}@media screen and (max-width:1200px){.icon_audio{font-size:80px}}@media screen and (max-width:990px){.icon_audio{font-size:70px}}@media screen and (max-width:767px){.icon_audio{font-size:50px}}@media screen and (max-width:320px){.icon_audio{font-size:40px}}.audio_list{padding-bottom:20px;button{width:100%;padding-bottom:10px}}.custom-button{width:26px;height:35px;color:#fff;font-size:10px;line-height:18px;text-align:center;background-color:#0f0;border-radius:100px}.el-button--medium{width:100%}.x-audio-wrap{height:130px;width:100%;border-radius:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 3px rgba(0,0,0,.25);.x-sector{height:7px;width:7px;border-radius:4px 10px;border-right:2px solid #ddd;border-top:2px solid #ddd;transform:rotate(45deg);position:relative;margin-left:10px;.x-dot{height:4px;width:4px;border-radius:4px;background:#ddd;position:absolute;top:4px}}.x-sector:before{height:9px;width:9px;border-radius:4px 12px;right:-7px;top:-7px}.x-sector:after,.x-sector:before{content:"";border-right:2px solid #ddd;border-top:2px solid #ddd;transform:rotate(0deg);position:absolute}.x-sector:after{height:12px;width:12px;border-radius:4px 14px;right:-13px;top:-13px}.x-audio-du{margin-left:30px;display:flex;flex-direction:column;align-items:center}.x-text{font-size:30px}.x-text,.x-time{color:#999;margin-right:10px}.x-time{font-size:12px}&.inline{display:inline-flex}}@-webkit-keyframes play-dot{0%{background:#ddd}to{background:#5cadff}}@keyframes play-dot{0%{background:#ddd}to{background:#5cadff}}@-webkit-keyframes play-sector{0%{border-color:#ddd}to{border-color:#5cadff}}@keyframes play-sector{0%{border-color:#ddd}to{border-color:#5cadff}}.x-sector.play{-webkit-animation:play-sector .3s ease-in-out .1s;animation:play-sector .3s ease-in-out .1s}.x-sector.play:before{-webkit-animation:play-sector .3s ease-in-out .2s;animation:play-sector .3s ease-in-out .2s}.x-sector.play:after{-webkit-animation:play-sector .3s ease-in-out .3s;animation:play-sector .3s ease-in-out .3s}.x-sector.play .x-dot{-webkit-animation:play-dot .3s ease-in-out;animation:play-dot .3s ease-in-out}.ellipsis{overflow:hidden;width:95%;white-space:nowrap;text-overflow:ellipsis}.el-button--danger{color:#fff!important}.Danger{color:red}.green{color:#67c23a}.headername{background:#2bb7b3}