.jp-audio { position: relative; font-family: Helvetica, Arial, sans-serif; text-align: left; width: 100%; height: 60px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #7e3400; margin: 0; padding: 0; border: 1px solid #E7E7E7; font-size: 0; line-height: 0; }
.jp-audio .jp-controls { left: 0; position: absolute; top: 0; width: 60px; height: 100%; background-color: #E7E7E7; }
.jp-audio .jp-controls a { display: block; text-decoration: none; font-size: 35px; line-height: 58px; text-align: center; cursor: pointer; color: #C1C1C1; }
.jp-audio .jp-controls a:hover { color: #fff; background-color: #BCCAE5; }
.jp-audio .jp-controls a:before { display: inline-block; font-family: flat-audio; font-style: normal; font-weight: 400; text-decoration: none; font-variant: normal; text-transform: none; speak: none; width: 60px; line-height: 60px; text-align: center; opacity: 1; }
.jp-audio .jp-progress { position: absolute; top: 0; left: 60px; right: 0; height: 100%; background-color: #F8F8F8; }
.jp-audio .jp-progress .jp-seek-bar { position: absolute; top: 0; left: 0; height: 100%; cursor: pointer; }
.jp-audio .jp-progress .jp-seek-bar .jp-play-bar { position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #C1C1C1; }
.jp-audio .jp-current-time { position: absolute; top: 0; left: 0; right: 0; height: 100%; padding: 0 15px; font-size: 20px; line-height: 60px; text-align: right; pointer-events:none; }