*{
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration:none;
}

img {
    border:0;
}

svg, img {
    display: block;
}

html, body {
    font-size:1.4rem;
}


    .backlink { text-decoration:none;
    }
    .current-time,.total-time {
        font-size:4vw;
    }
	#soundTitle{
	position:absolute;
	text-align:center;
	margin:4vw auto;
	clear:both;
	top:30%;
	z-index:99999;
	font-size:6vw;
	}
	
	#header{
		height: 12vw;
		background-color: #f39800;
		line-height: 12vw;
		padding-left: 12vw;
		color: #000;
		font-size: 1.8rem;
		background-image: url(../img/logo_book.png);
		background-repeat: no-repeat;
		background-size: 12vw;
	}
	
	#banner img{
		width: 100%;
	}
	
	#information{
		font-size: 1.2rem;
		padding:1em;
		line-height: 150%;
		overflow: hidden;
	}
	
	#information .cover{
		float:left;
		width: 42vw;
	}
	
	#information .cover img{
		width: 100%;
	}
	
	#information .info{
		float:right;
		width: 46vw;
	}
	#information .info h3{
		margin-top: 1em;
		margin-bottom: 1em;
	}
	#information .info p{
		font-size: 1.2rem;
        line-height:160%;
	}
	#information p{
		font-size: 1.2rem;
		margin-bottom: 1em;
        line-height:160%;
        color:#808080;
	}
	.audiobox{
		text-align: center;
	}
	#mp3palyer{
		 margin: 3.6vw auto;
     width: 94vw;
     height: 12vw;
	}
.playcontrol{
		text-align: center;
		font-size: 4vw;
		line-height: 4vw;
        position: absolute;
        width:100%;
        margin-top:20vw;
	}
.playcontrol a{
	display: inline-block;
	line-height: 4vw;
	cursor: pointer;
	background: #eeeeee;
	border-radius: 6vw;
	padding: 3vw 4.6vw;
}
.playcontrol a#playsong{
	padding: 3vw 3.6vw 3vw 6vw;
	line-height: 12vw;
	border-radius: 12vw;
}

.playcontrol a i{
	font-size: 4vw;
}
.playcontrol #playsong{
	margin-left: 6vw;
	margin-right: 6vw;
	font-size: 12vw;
}
.playcontrol #playsong i{
	font-size: 12vw;
}
.playcontrol #prevsong{
    position:absolute;
    left:3vw;
}
.playcontrol #nextsong{
    position:absolute;
    right:3vw;
}
	#footer{
	padding-top:2vw;
    padding-bottom:2vw;
	text-align: center;
    position:fixed;
    bottom:0;
    display:block;
    width:100%;
    background-color:#fff;
	}
	
	#footer a {
		background-color: #9fa0a0;
		color: #fff;
		display: inline-block;
		width: 26vw;
		height: 10vw;
		line-height: 10vw;
		font-size: 1.6rem;
	}
	#footer i {
    font-size: 1.6rem;
}
	#footer a.cur{
		background-color: #e83428;
	}
	
	
     #audio,#player2{ width: 100%;}
        #control{ width: 30vw; height: 30vw; line-height: 30vw; text-align: center; border-radius: 40vw; border:none; color:#fff; margin-top: 5vw; margin-left:-15vw; left:50%; position: absolute; box-shadow: #888 0 0 8px;}
            #control i {
                margin-top:8vw;
                font-size:14vw;
            }
        .color_gray{ background: #e4e4e4}
        .hide{ display: none;}
        .show{ display: block;}
        .play{ background:  #f06060;}
        .pause{ background:skyblue}
        /*进度条样式*/
        .progressBar{ width: 100%; height: 10px;margin: 30px auto 30px auto; position:absolute; left: 0; margin-top:45vw; }
        .progressBar div{ position: absolute;}
        .progressBar .progressBac{ width: 100%; height: 10px;  left: 0; top:0; background: #e4e4e4;}
        .progressBar .speed{width: 100%; height: 10px; left: -100%; background: #f06060; }
        .progressBar .drag{ width: 30px; height: 30px; left: 0; top:-10px;  background: skyblue; opacity: 0.8; border-radius: 50px; box-shadow: #fff 0 0 5px;}
        /*时间样式*/
        #time{ width: 100%; height: 20px;position: absolute; left: 0;  margin-top:50vw;  color:#888;}
        .tiemDetail{ position: absolute; right:10px; top:0;}
        #songInfo{overflow: hidden; width: 200px; height:50px; line-height: 50px; text-align: center; color:#34495e;   margin-top: -25px; margin-left:-100px; left:50%; top:70%; position: absolute;}
        .shareImg{ position: absolute; left: 100000px;}
	#player2{ width: 100%; margin: 30px auto 30px auto; position:absolute; left: 0; margin-top:45vw;}