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