*{
		padding: 0;
		margin: 0
	}
	@font-face {font-family: 'iconfont';
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
	/*html,body{
		height: 100%;
		background: linear-gradient(top,#fb3737,#3323fd);
		background: -moz-linear-gradient(top,#fb3737,#3323fd),-moz-linear-gradient(top,#fb3737,#3323fd);
		background: -webkit-linear-gradient(top,#fb3737,#3323fd),-webkit-radial-gradient(ellipse,#fff,#fff);
	}*/
	.clear{}
	.clear::after{
		content: "";
		display: block;
		width: 100%;
		height: 0;
		clear: both;
	}
	.container_re{
		position: absolute;
		left: 50%;
		margin-left: -200px;
		width: 400px;
		height: 500px;
		/*border: 1px solid rgba(255,255,255,0.5);*/
		box-shadow: 0 0 10px rgba(255,255,255,0.5);
		background: linear-gradient(top,#fb4b4b,#3f3ffb);
		background: -moz-linear-gradient(top,#fb4b4b,#3f3ffb);
		background: -webkit-linear-gradient(top,#fb4b4b,#3f3ffb);
		border-radius: 10px;
	}
	.music{
		width: 100%;
		height: 50%;
		border-right: 1px solid rgba(255,255,255,0.5);
		box-sizing: border-box;
		float: left;
	}
	.photo_so{
		width: 100%;
	}
	.photo_pic{
		position: relative;
		width: 120px;
		height: 120px;
		margin: 20px auto 0;
		border-radius: 50%;
		background: url(img/photo1.jpg) 120px no-repeat;
		box-shadow:0 0 2px #666, 0 0 10px #666;
	}
	.choose{
		height:40px;
	}
	.choose_obj{
		width: 50%;
		float: left;
		text-align: center;
		color: #fff
	}
	.icon{
		margin-top: 20px;
		height: 20px;
		font-size:20px;
		line-height: 20px;
		font-family: "iconfont";
		cursor: pointer;
		text-shadow: 2px 2px 0px #666;
	}
	.icon.yellow+span{
		color: yellow;
	}
	.icon.pink+span{
		color: #f7759f;
	}
	.choose_obj span{
		display: block;
		height: 30px;
		line-height: 30px;
		font-family: "微软雅黑";
		font-size: 14px;
	}
	.cd{
		width: 10px;
		height: 10px;
		position: absolute;
		top:50%;
		left: 50%;
		margin-top: -10px;
		margin-left: -10px;
		background: #666;
		border: 10px solid #fff;
		box-shadow: 0 0 1px #000;
		border-radius: 50%;
	}
	.progress_so{
		font-family: "iconfont"
	}
	.lyric{
		width: 100%;
		height: 50%;
		/*float: right;*/
	}
	time{
		font-size: 12px;
		width: 49px;
		text-align: center;
		color: #fff;
		height: 50px;
		line-height: 50px;
		float: left;
	}
	.progress_bar{
		position: relative;
		width: 300px;
		height: 3px;
		margin-top: 23px;
		background-color: white;
		float: left;
		cursor: pointer;
	}
	.progress_cube{
		position: absolute;
		left: 0;
		top: -5px;
		width: 4px;
		height: 4px;
		background-color: #000;
		border:6px solid #fff;
		border-radius: 50%;
		cursor: pointer;
	}
	.progress_obj{
		line-height: 7px;
		color: #fff;
	}
	.ctrl_btn{
		width: 99px;
		float: left;
		margin-top:-15px;
	}
	
	.ctrl_btn .btn{
		width: 33.3%;
		float: left;
		text-align: center;
		cursor: pointer;
	}
	.play_btn{
		font-size: 24px;
	}
	.ctrl_info{
		width: 300px;
		float: left;
	}
	.vol{
		padding-left: 100px;
		width: 100px;
		height: 100%;
		
	}
	.vol_bar{
		position: relative;
		width: 70px;
		/*float: right;*/
		height: 3px;
		background-color: #fff;
		margin: -6px 0 0 15px;
		
	}
	.vol_cube{
		position: absolute;
		left: 0;
		top: -5px;
		width: 4px;
		height: 4px;
		background-color: #000;
		border:6px solid #fff;
		border-radius: 50%;
		cursor: pointer;
	}
	.list{
		width: 100px;
		height: 100%;
		line-height: 15px;
		float: right;
		text-align: center;
		margin-top:-6px 
	}
	.lyric_tit{
		height: 150px;
		line-height: 75px;
		color: white;
		text-align: center;
		font-weight: 800;
		margin-top: 5px;
		padding-bottom: 20px;
	}
	.lyric_con{
		position: relative;
		line-height: 24px;
		color: #fff;
		font-size: 14px;
		padding: 40px 40px ;
		text-align: center;
		height: 185px;
		overflow: hidden;
		margin-top: 140px;		
	}
	#lyric_txt{
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		height: 100%;
	}
	.lyric_con p.played{
		color:  lightblue;
	}
	.lyric_con p.active{
background-image:-webkit-linear-gradient(bottom, red, #fd8403, yellow);
background-image:-o-linear-gradient(bottom, red, #fd8403, yellow);
background-image:linear-gradient(to top, red, #fd8403, yellow); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
		font-size: 18px;
		font-weight: 600;
	}
	.audio{
		display: none;
	}
	#list{
		position: relative;
		cursor: pointer;
	}
	#list_con{
		position: absolute;
		bottom: 30px;
		right: 40px;
		width: 150px;
		height: 100px;
		color: #000;
		padding: 10px 0;
		border-radius: 5px;
		background: rgba(255,255,255,.8);
		font-family: "微软雅黑";
		font-size: 14px;
		cursor: pointer;
		display: none;
	}
#list_con a:hover{color:blue}