.x-audio-wrap[data-v-1b5eb11f]{height:30px;width:110px;border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;-webkit-box-shadow:0 0 3px rgba(0,0,0,.25);box-shadow:0 0 3px rgba(0,0,0,.25)}.x-audio-wrap .x-sector[data-v-1b5eb11f]{height:7px;width:7px;border-radius:4px 10px;border-right:2px solid #ddd;border-top:2px solid #ddd;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;margin-left:10px}.x-audio-wrap .x-sector .x-dot[data-v-1b5eb11f]{height:4px;width:4px;border-radius:4px;background:#ddd;position:absolute;top:4px}.x-audio-wrap .x-sector[data-v-1b5eb11f]:before{height:9px;width:9px;border-radius:4px 12px;right:-7px;top:-7px}.x-audio-wrap .x-sector[data-v-1b5eb11f]:after,.x-audio-wrap .x-sector[data-v-1b5eb11f]:before{content:"";border-right:2px solid #ddd;border-top:2px solid #ddd;-webkit-transform:rotate(0deg);transform:rotate(0deg);position:absolute}.x-audio-wrap .x-sector[data-v-1b5eb11f]:after{height:12px;width:12px;border-radius:4px 14px;right:-13px;top:-13px}.x-audio-wrap .x-time[data-v-1b5eb11f]{color:#999;font-size:12px;margin-right:10px}.x-audio-wrap.inline[data-v-1b5eb11f]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@-webkit-keyframes play-dot-1b5eb11f{0%{background:#ddd}to{background:#5cadff}}@keyframes play-dot-1b5eb11f{0%{background:#ddd}to{background:#5cadff}}@-webkit-keyframes play-sector-1b5eb11f{0%{border-color:#ddd}to{border-color:#5cadff}}@keyframes play-sector-1b5eb11f{0%{border-color:#ddd}to{border-color:#5cadff}}.x-sector.play[data-v-1b5eb11f]{-webkit-animation:play-sector-1b5eb11f .3s ease-in-out .1s;animation:play-sector-1b5eb11f .3s ease-in-out .1s}.x-sector.play[data-v-1b5eb11f]:before{-webkit-animation:play-sector-1b5eb11f .3s ease-in-out .2s;animation:play-sector-1b5eb11f .3s ease-in-out .2s}.x-sector.play[data-v-1b5eb11f]:after{-webkit-animation:play-sector-1b5eb11f .3s ease-in-out .3s;animation:play-sector-1b5eb11f .3s ease-in-out .3s}.x-sector.play .x-dot[data-v-1b5eb11f]{-webkit-animation:play-dot-1b5eb11f .3s ease-in-out;animation:play-dot-1b5eb11f .3s ease-in-out}