.jp-player-container {
  background: #000;
  color: #FFF;
  padding: 4px;
  border-radius: 4px;
}
.jp-player-container::after {
  content: "";
  clear: both;
  display: table;
}
.jp-player-container a {
  color: #FFF;
}
.jp-control-detail-container {
  float: left;
}
.time {
  float: right;
}
.jp-progress {
  clear: both;
}
.jp-seek-bar {
  height: 6px;
  background: gray;
}
.jp-play-bar {
  height: 6px;
  background: blue;
}

.equalizer {
  float: right;
}

.jp-state-playing #eqbar1 {
  animation: bar1 .6s infinite linear;
}

.jp-state-playing #eqbar2 {
  animation: bar2 0.4s infinite linear;
}

.jp-state-playing #eqbar3 {
  animation: bar3 .5s infinite linear;
}

.jp-state-playing #eqbar4 {
  animation: bar4 0.35s infinite linear;
}

@keyframes bar1 {
  0% {height: 2px;}
  50% {height: 7px;}
  100% {height: 2px;}
}

@keyframes bar2 {
  0% {height: 5px;}
  40% {height: 1px;}
  80% {height: 7px;}
  100% {height: 5px;}
}

@keyframes bar3 {
  0% {height: 7px;}
  50% {height: 0;}
  100% {height: 7px;}
}

@keyframes bar4 {
  0% {height: 2px;}
  50% {height: 7px;}
  100% {height: 2px;}
}