*{
		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- */
}

	.clear{}
	.clear::after{
		content: "";
		display: block;
		width: 100%;
		height: 0;
		clear: both;
	}
	.container{
		position: absolute;
		/*top:28%;*/
		/*left: 26%;*/
		/*margin-left: -26%;*/
		/*margin-top: -300px;*/
		/*width: 1000px;*/
		/*height: 700px;*/
		width: 100%;
		height: 100%;
		/*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);*/
        background: linear-gradient(top,#999999,#333333);
		background: -moz-linear-gradient(top,#999999,#333333);
		background: -webkit-linear-gradient(top,#999999,#333333);
	}
	.music{
		width: 40%;
		height: 100%;
		border-right: 0px dashed rgba(255,255,255,0.5);
		box-sizing: border-box;
		float: left;
	}
	.photo{
		width: 100%;
	}
	.photo_pic{
	position: relative;
	width: 250px;
	height: 250px;
	margin: 75px auto 0;
	border-radius: 50%;
	background: url(../img/logo.png);
	box-shadow: 0 0 0px #666, 0 0 0px #000;
	}
	.choose{
		height:15rem;
	}
	.choose_obj{
		width: 50%;
		float: left;
		text-align: center;
		color: #fff
	}

	.icon{
		margin-top: 4rem;
		height: 5rem;
		font-size:4em;
		line-height: 50rem;
		font-family: "iconfont";
		cursor: pointer;
		text-shadow: 2px 2px 0px #666;
	}
	.icon.yellow+span{
		color: aquamarine;
	}
	.icon.pink+span{
		color: #f7759f;
	}
	.choose_obj span{
		display: block;
		height: 3rem;
		line-height: 30rem;
		font-family: "微软雅黑";
		font-size: 1rem;
	}
	.cd{
		width: 1.8rem;
		height: 1.8rem;
		position: absolute;
		top:50%;
		left: 50%;
		margin-top: -1.5rem;
		margin-left: -1.5rem;
		background: #ffff00;
		border: 1rem dashed #ff0000;
		box-shadow: 0 0 1px #009900;
		border-radius: 50%;
	}
	.progress{
		font-family: "iconfont"
	}
	.lyric{
		width: 60%;
		height: 100%;
		float: right;
	}
	time{
		font-size: 1.5rem;
		width: 3.9rem;
		text-align: center;
		color: #fff;
		height: 4rem;
		line-height: 5rem;
		float: left;
        margin-top: 2.5rem;
	}
	.progress_bar{
		position: relative;
		width: 60%;
		height: 0.1rem;
		margin-top: 5rem;
		background-color: #fff;
		float: left;
		cursor: pointer;
	}
	.progress_cube{
		position: absolute;
		left: 0;
		top: -1.5rem;
		width: 0.4rem;
		height: 0.4rem;
		background-color: #000;
		border:1rem solid #fff;
		border-radius: 50%;
		cursor: pointer;
	}
	.progress_obj{
        font-size: 2.5rem;
		line-height: 3rem;
		color:#ffffff;
        margin-top: 3rem;
	}
	/*.ctrl_btn{
		width: 100%;
		float: left;
	}*/
	
	.ctrl_btn .btn{
		width: 33.3%;
		float: left;
		text-align: center;
		cursor: pointer;
	}
	/*.play_btn{
		font-size: 2.5rem;
	}*/
	/*.ctrl_info{
	    line-height:450%;
		width: 60%;
		float: left;
	}*/
	/*.vol{
		padding-left: 22%;
		width: 100%;
		height: 100%;
		float: left;

	}/*
	.vol_bar{
		position: relative;
		width: 70%;
		float: right;
		height: 0.2rem;
		background-color: #fff;
		margin-top: 5.3rem;
	}
	/*.vol_cube{
		position: absolute;
		left: 0;
		top: -0.4rem;
		width: 0.3rem;
		height: 0.3rem;
		background-color: #000;
		border:0.4rem solid #ff0000;
		border-radius: 50%;
		cursor: pointer;
	}*/
	/*.list{
		width: 1%;
		height: 100%;
		float: right;
		text-align: center;
		margin-top: -6rem;
	}*/
	.lyric_tit{
		height: 50px;
		line-height: 50px;
		color: #fff;
		font-size: 240%;
		text-align: center;
		font-weight: 700;
		margin-top: 30px;
        color: darkgrey;
        color: aquamarine;
	}
	.lyric_con{
		position: relative;
		line-height: 200%;
		color: #ff0000;
		font-size: 1.2em;
		padding: 0px 0px ;
		text-align: center;
		height: 750px;
		overflow: hidden;
		margin-top: 0px;		
	}
	#lyric_txt{
		position: absolute;
		left: 0;
		top:0;
		line-height:200%;
		font-size: 180%;
		width: 100%;
		height: 100%;
	}
	.lyric_con p.played{
		color: aquamarine;
	}
	.lyric_con p.active{
		color: aquamarine;
		font-size: 1.5em;
		font-weight: 700;
		line-height: 200%;
	}
	.audio{
		display: none;
	}
	#list{
		position: relative;
		cursor: pointer;
	}
	#list_con{
		position: absolute;
		bottom: 130px;
		right: -180px;
		width: 150px;
		height: 100px;
		color: #666;
		padding: 10px 0;
		border-radius: 5px;
		background: rgba(255,255,255,.8);
		font-family: "微软雅黑";
		font-size: 1em;
		cursor: pointer;
		display: none;
	}
    p{
        color:darkgrey;
    }
