#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.x-audio-wrap[data-v-2f839de0]{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-2f839de0]{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-2f839de0]{height:4px;width:4px;border-radius:4px;background:#ddd;position:absolute;top:4px}.x-audio-wrap .x-sector[data-v-2f839de0]:before{height:9px;width:9px;border-radius:4px 12px;right:-7px;top:-7px}.x-audio-wrap .x-sector[data-v-2f839de0]:after,.x-audio-wrap .x-sector[data-v-2f839de0]: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-2f839de0]:after{height:12px;width:12px;border-radius:4px 14px;right:-13px;top:-13px}.x-audio-wrap .x-time[data-v-2f839de0]{color:#999;font-size:12px;margin-right:10px}.x-audio-wrap.inline[data-v-2f839de0]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@-webkit-keyframes play-dot-data-v-2f839de0{0%{background:#ddd}to{background:#5cadff}}@keyframes play-dot-data-v-2f839de0{0%{background:#ddd}to{background:#5cadff}}@-webkit-keyframes play-sector-data-v-2f839de0{0%{border-color:#ddd}to{border-color:#5cadff}}@keyframes play-sector-data-v-2f839de0{0%{border-color:#ddd}to{border-color:#5cadff}}.x-sector.play[data-v-2f839de0]{-webkit-animation:play-sector-data-v-2f839de0 .3s ease-in-out .1s;animation:play-sector-data-v-2f839de0 .3s ease-in-out .1s}.x-sector.play[data-v-2f839de0]:before{-webkit-animation:play-sector-data-v-2f839de0 .3s ease-in-out .2s;animation:play-sector-data-v-2f839de0 .3s ease-in-out .2s}.x-sector.play[data-v-2f839de0]:after{-webkit-animation:play-sector-data-v-2f839de0 .3s ease-in-out .3s;animation:play-sector-data-v-2f839de0 .3s ease-in-out .3s}.x-sector.play .x-dot[data-v-2f839de0]{-webkit-animation:play-dot-data-v-2f839de0 .3s ease-in-out;animation:play-dot-data-v-2f839de0 .3s ease-in-out}