html, body{
	background: white;
}
html{
	font-size: 100px;
}
.media-details{
    padding: 25px 15px 15px;
    background: white;
    margin-top: 60vw;
}
.media-details .title{
	font-size: 0.22rem;
	color: #4B4B4B;
	line-height: 0.28rem;
}
.media-details .info{
	font-size: 0.14rem;
	color: #999999;
	line-height: 0.14rem;
	padding: 22px 0 34px;
}
.media-details .info .time{
	margin-right: 2em;
}
.media-details .details {
	font-size: 0.17rem;
	color: #4A4A4A;
	line-height: 0.25rem;
}
.audio-player{
	background: #FFFFFF;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,0.10);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 16px;
}
.audio-player .thumb{
	position: relative;
	margin-bottom: 16px;
}
.audio-player .thumb img{
	width: 100%;
	display: block;
}
.audio-player .thumb .album-thumb{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: rgba(0,0,0,.6);
	border-radius: 50px;
	color:#fff;
	font-size: 14px;
}
.audio-player .thumb .album-thumb i{
	font-size: 23px;
}
.audio-player .jp-video-play{
	height: 20px;
	line-height: 20px;
}
.audio-player .jp-video-play .status{
	float: left;
	width: 8%;
}
.audio-player .jp-video-play .jprogress{
	float: left;
	width: 64%;
	margin: 0 2%;
	height: 20px;
}
.jp-video-play .jp-seek-bar {
	margin-top: 8px;
	width: 100%;
    height: 4px;
    background: #BEBEBE;
}
.jp-video-play .jp-play-bar {
	position: relative;
	width: 0%;
	height: 100%;
    background-color: #E84827;
}
.jp-video-play .jp-play-icon{
    display: block;
    width: 14px;
    height: 14px;
    background: #E84827;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -5px;
	border: 0 solid #E84827;
	box-shadow: 0 0 7px 0 rgba(232,71,39,0.41);
}
.jp-video-play .jp-play-icon:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border:solid 2px #fff;
    margin: 1px;
    background: #E84827;
    border-radius: 50%;
}
.audio-player .jp-video-play .jp-current-time,
.audio-player .jp-video-play .jp-duration{
	float: left;
	width: 12%;
	font-size: 12px;
	color: #666666;
	letter-spacing: 0;
	text-align: center;
}

.fixed-bottom{
	position: fixed;
	background: #F0F0F0;
	border: 1px solid #DFDFDF;
	box-shadow: 0 0 11px 0 rgba(0,0,0,0.10);
}
.fixed-bottom .btn-list a{
	color: rgb(83,83,83);
}
.fixed-bottom .comment .comment-btn{
	background: #fff;
	border-color:rgb(220,220,220);
	color:#999;
}
iframe{
	width: 100%;
	height: 60vw;
	background: white;
	position: absolute;
}
.illustration{position: absolute;width: 100%;height: 60vw;border-radius: 2px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.illustration .play{width: 50px;height: 50px;background: rgba(0,0,0,0.40);position: absolute;top: 50%;left: 50%;margin-top: -25px;margin-left: -25px;border-radius: 50%;}
.illustration .time{position: absolute;width: 43px;height: 20px;right: 10px;bottom: 10px;background: rgba(0,0,0,0.6);border-radius: 20px;color: white;line-height: 21px;font-size: 0.12rem!important;text-align: center;}