@charset "UTF-8";
.audiojs audio {position: absolute;left: -1px;opacity: 0;}
.audiojs {z-index: 99999;background: #fff;overflow: hidden;font-family: monospace;font-size: 12px;border-radius: 5px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);width: 400px;margin: 0 auto;border: 1px solid #e5e5e5;}
.audiojs .play-pause {width: 25px;height: 27px;padding: 4px 6px;margin: 0px;float: left;overflow: hidden;position: relative;}
.audiojs .play-pause:before {content: '';display: block;border-right: 1px solid #e5e5e5;position: absolute;right: 0;top: 0;height: 100%;transform: scaleX(0.3);-webkit-transform: scaleX(0.3);}
.audiojs p {display: none;width: 25px;height: 27px;margin: 0px;cursor: pointer;}
.audiojs .play {display: block;}
.audiojs .scrubber {position: relative;float: left;width: 240px;background: #f5f5f5;height: 14px;margin: 10px;top: 1px;overflow: hidden;}
.audiojs .progress {position: absolute;top: 0px;left: 0px;height: 14px;width: 0px;background: #fbbc05;z-index: 1;}
.audiojs .loaded {position: absolute;top: 0px;left: 0px;height: 14px;width: 0px;background: #ffeebb;cursor: pointer;}
.audiojs .time {overflow: hidden;height: 35px;line-height: 36px;margin: 0px 0px 0px 6px;padding: 0px 6px 0px 12px;position: relative;color: #666;}
.audiojs .time:before {content: '';display: block;border-left: 1px solid #e5e5e5;position: absolute;left: 0;top: 0;height: 100%;transform: scaleX(0.3);-webkit-transform: scaleX(0.3);}
.audiojs .time em {padding: 0px 2px 0px 0px;color: #666;font-style: normal;}
.audiojs .time strong {padding: 0px 0px 0px 2px;font-weight: normal;}
.audiojs .error-message {display: none;padding: 0px 10px;height: 35px;overflow: hidden;line-height: 36px;white-space: nowrap;color: #666;text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}
.audiojs .error-message a {color: #666;text-decoration: none;padding-bottom: 1px;border-bottom: 1px solid #999;white-space: wrap;}
.audiojs .play {background: url(./images/play.png) center center no-repeat;background-size: 14px;}
.audiojs .loading {background: url(./images/loading.png) center center no-repeat;background-size: 14px;-webkit-animation: fa-rotating 2s infinite linear;animation: fa-rotating 2s infinite linear;}
.audiojs .loading:before {content: '';}
@keyframes fa-rotating {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
@-webkit-keyframes fa-rotating {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
.audiojs .error {background: url(./images/error.png) center center no-repeat;background-size: 14px;}
.audiojs .pause {background: url(./images/pause.png) center center no-repeat;background-size: 16px;}
.playing .play,
.playing .loading,
.playing .error ,
.loading .play,
.loading .pause,
.loading .error ,
.error .time,
.error .play,
.error .pause,
.error .scrubber,
.error .loading {display: none;}
.playing .pause,
.loading .loading,
.error .error,
.error .error-message {display: block;}
.error .play-pause p {cursor: auto;}