master

分支 (1)

管理

管理

master

music
/
recommend.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link href="css/recommend.css" rel="stylesheet">
		<script src="js/recommend.js"></script>
		<title></title>
	</head>

	<body>
		<div class="recommend-wrap">
			<div class="recommend">
				<div id="runplay">
					<a href="javascript:void(0)">
						<img src="img/runplay1.jpg">
					</a>
					<div class="rundot">
						<a href="javascript:void(0)" class="choose"></a>
						<a href="javascript:void(0)"></a>
						<a href="javascript:void(0)"></a>
						<a href="javascript:void(0)"></a>
						<a href="javascript:void(0)"></a>
						<a href="javascript:void(0)"></a>
						<a href="javascript:void(0)"></a>
						<a href="javascript:void(0)"></a>
						<a href="javascript:void(0)"></a>
					</div>

				</div>
				<div id="downlode">
					<a class="btn" href="javascript:void(0)"></a>
					<p>PC 安卓 iPhone WP iPad Mac 六大客户端</p>
				</div>
				<div class="turn-left"></div>
				<div class="turn-right"></div>
			</div>
		</div>
		</header>
		<div class="main-wrap">
			<div class="main">
				<div class="main-left">
					<div class="hot-recomment">
						<div class="header">
							<div class="tital-icon"></div>
							<a class="tital" href="javascript:void(0)">热门推荐</a>
							<ul>
								<li>
									<a class="item">华语</a>
								</li>
								<li>
									<a class="item">流行</a>
								</li>
								<li>
									<a class="item">摇滚</a>
								</li>
								<li>
									<a class="item">民谣</a>
								</li>
								<li>
									<a class="item">电子</a>
								</li>
							</ul>
							<div class="more-icon"></div>
							<a class="more">更多</a>
						</div>
						<ul class="hot-recomment-list">
							<li class="hot-recomment-item">
								<div class="sheet">
									<a class="cover" href="javascript:void(0)"></a>
									<div class="bottom">
										<div class="earphone-icon"></div>
										<span class="count">64万</span>
										<a class="play" href="javascript:void(0)"></a>
									</div>
								</div>
								<a class="summary">宝丽金跳舞街，复古旋律抖腿不停歇！</a>
							</li>
							<li class="hot-recomment-item">
								<div class="sheet">
									<a class="cover" href="javascript:void(0)"></a>
									<div class="bottom">
										<div class="earphone-icon"></div>
										<span class="count">64万</span>
										<a class="play" href="javascript:void(0)"></a>
									</div>
								</div>
								<a class="summary">宝丽金跳舞街，复古旋律抖腿不停歇！</a>
							</li>
							<li class="hot-recomment-item">
								<div class="sheet">
									<a class="cover" href="javascript:void(0)"></a>
									<div class="bottom">
										<div class="earphone-icon"></div>
										<span class="count">64万</span>
										<a class="play" href="javascript:void(0)"></a>
									</div>
								</div>
								<a class="summary">宝丽金跳舞街，复古旋律抖腿不停歇！</a>
							</li>
							<li class="hot-recomment-item">
								<div class="sheet">
									<a class="cover" href="javascript:void(0)"></a>
									<div class="bottom">
										<div class="earphone-icon"></div>
										<span class="count">64万</span>
										<a class="play" href="javascript:void(0)"></a>
									</div>
								</div>
								<a class="summary">宝丽金跳舞街，复古旋律抖腿不停歇！</a>
							</li>
							<li class="hot-recomment-item">
								<div class="sheet">
									<a class="cover" href="javascript:void(0)"></a>
									<div class="bottom">
										<div class="earphone-icon"></div>
										<span class="count">64万</span>
										<a class="play" href="javascript:void(0)"></a>
									</div>
								</div>
								<a class="summary">宝丽金跳舞街，复古旋律抖腿不停歇！</a>
							</li>
							<li class="hot-recomment-item">
								<div class="sheet">
									<a class="cover" href="javascript:void(0)"></a>
									<div class="bottom">
										<div class="earphone-icon"></div>
										<span class="count">64万</span>
										<a class="play" href="javascript:void(0)"></a>
									</div>
								</div>
								<a class="summary">宝丽金跳舞街，复古旋律抖腿不停歇！</a>
							</li>
							<li class="hot-recomment-item">
								<div class="sheet">
									<a class="cover" href="javascript:void(0)"></a>
									<div class="bottom">
										<div class="earphone-icon"></div>
										<span class="count">64万</span>
										<a class="play" href="javascript:void(0)"></a>
									</div>
								</div>
								<a class="summary">宝丽金跳舞街，复古旋律抖腿不停歇！</a>
							</li>
							<li class="hot-recomment-item">
								<div class="sheet">
									<a class="cover" href="javascript:void(0)"></a>
									<div class="bottom">
										<div class="earphone-icon"></div>
										<span class="count">64万</span>
										<a class="play" href="javascript:void(0)"></a>
									</div>
								</div>
								<a class="summary">宝丽金跳舞街，复古旋律抖腿不停歇！</a>
							</li>
						</ul>
					</div>
					<div class="new-album">
						<div class="header">
							<div class="tital-icon"></div>
							<a class="tital" href="javascript:void(0)">新碟上架</a>
							<div class="more-icon"></div>
							<a class="more">更多</a>
						</div>
						<div class="new-album-wrap">
							<div class="album-list-warp">
								<ul class="album-list" style="left:-640px;">
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum6.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum7.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum8.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum9.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum10.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum1.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum2.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum3.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum4.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>

									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum5.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>

									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum6.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum7.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum8.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum9.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum10.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum1.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum2.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum3.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum4.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>

									<li class="new-album-item" href="javascript:void(0)">
										<a class="album" href="javascript:void(0)">
											<img class="cover" src="img/newalbum5.jpg">
										</a>
										<a class="play-icon" href="javascript:void(0)"></a>
										<a class="black" href="javascript:void(0)">一辈子的孤单</a>
										<a class="grey" href="javascript:void(0)">金玟岐</a>
									</li>
								</ul>
							</div>
							<a class="turn-left" href="javascript:void(0)"></a>
							<a class="turn-right" href="javascript:void(0)"></a>
						</div>
					</div>
					<div class="chart">
						<div class="header">
							<div class="tital-icon"></div>
							<a class="tital" href="javascript:void(0)">榜单</a>
							<div class="more-icon"></div>
							<a class="more">更多</a>
						</div>
						<div class="chart-table">
							<dl class="chart-list">
								<dt>
							<a class="cover" href="javascript:void(0)" style="background-image: url(img/chart1.jpg);"></a>
							<a class="chart-name black" href="javascript:void(0)">云音乐飙升榜</a>
							<a class="play-icon" href="javascript:void(0)"></a>
							<a class="collect-icon" href="javascript:void(0)"></a>
						</dt>
								<dd><span class="index1">1</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index1">2</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index1">3</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">4</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">5</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">6</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">7</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">8</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>

								<dd><span class="index2">9</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">10</span>
									<a class="black" href="javascript:void(0)">我一定会吃掉怪人细胞（live）</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd>
									<a class="all" href="javascript:void(0)">查看全部></a>
								</dd>
							</dl>
							<dl class="chart-list">
								<dt>
							<a class="cover" href="javascript:void(0)" style="background-image: url(img/chart2.jpg);"></a>
							<a class="chart-name black" href="javascript:void(0)">云音乐飙升榜</a>
							<a class="play-icon" href="javascript:void(0)"></a>
							<a class="collect-icon" href="javascript:void(0)"></a>
						</dt>
								<dd><span class="index1">1</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index1">2</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index1">3</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">4</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">5</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">6</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">7</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">8</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>

								<dd><span class="index2">9</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">10</span>
									<a class="black" href="javascript:void(0)">我一定会吃掉怪人细胞（live）</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd>
									<a class="all" href="javascript:void(0)">查看全部></a>
								</dd>
							</dl>
							<dl class="chart-list">
								<dt>
							<a class="cover" href="javascript:void(0)" style="background-image: url(img/chart3.jpg);"></a>
							<a class="chart-name black" href="javascript:void(0)">云音乐飙升榜</a>
							<a class="play-icon" href="javascript:void(0)"></a>
							<a class="collect-icon" href="javascript:void(0)"></a>
						</dt>
								<dd><span class="index1">1</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index1">2</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index1">3</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">4</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">5</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">6</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">7</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">8</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>

								<dd><span class="index2">9</span>
									<a class="black" href="javascript:void(0)">情人</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd><span class="index2">10</span>
									<a class="black" href="javascript:void(0)">我一定会吃掉怪人细胞（live）</a>
									<a class="collect-icon" href="javascript:void(0)"></a>
									<a class="add-icon" href="javascript:void(0)"></a>
									<a class="play-icon" href="javascript:void(0)"></a>
								</dd>
								<dd>
									<a class="all" href="javascript:void(0)">查看全部></a>
								</dd>
							</dl>
						</div>
					</div>
				</div>
				<div class="main-right">
					<div class="login-bar">
						<p>登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>
						<a href="javascript:void(0)" class="login-btn">用户登录</a>
					</div>
					<div class="settle-singer">
						<div class="tital">入驻歌手
							<a href="javascript:void(0)">查看全部></a>
						</div>
						<ul>
							<li>
								<a href="javascript:void(0)">
									<img src="img/settlesinger1.jpg">
									<div class="info">
										<p class="singer-name">张惠妹aMEI</p>
										<p class="label">台湾歌手张惠妹</p>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<img src="img/settlesinger2.jpg">
									<div class="info">
										<p class="singer-name">Fine乐团</p>
										<p class="label">独立音乐人</p>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<img src="img/settlesinger3.jpg">
									<div class="info">
										<p class="singer-name">禹晓利</p>
										<p class="label">民谣歌手、中国现代独立音乐制作人之一</p>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<img src="img/settlesinger4.jpg">
									<div class="info">
										<p class="singer-name">音乐人赵雷</p>
										<p class="label">民谣歌手</p>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<img src="img/settlesinger5.jpg">
									<div class="info">
										<p class="singer-name">王三溥</p>
										<p class="label">音乐人</p>
									</div>
								</a>
							</li>
						</ul>
						<a class="btn">
							<span>申请成为网易音乐人</span>
						</a>
					</div>
					<div class="hot-anchor">
						<div class="tital">热门主播</div>
						<ul>
							<li class="anchor">
								<a class="anchor-img" href="javascript:voud(0)"><img src="img/anchor1.jpg"></a>
								<div class="info">
									<p>
										<a class="anchor-name" href="javascript:voud(0)">陈立</a>
										<span class="icon"></span>
									</p>
									<p>心理学家、美食家陈立教授</p>
								</div>
							</li>
							<li class="anchor">
								<a class="anchor-img" href="javascript:voud(0)"><img src="img/anchor2.jpg"></a>
								<div class="info">
									<p>
										<a class="anchor-name" href="javascript:voud(0)">DJ艳秋</a>
										<span class="icon"></span>
									</p>
									<p>著名音乐节目主持人</p>
								</div>
							</li>
							<li class="anchor">
								<a class="anchor-img" href="javascript:voud(0)"><img src="img/anchor3.jpg"></a>
								<div class="info">
									<p>
										<a class="anchor-name" href="javascript:voud(0)">国家大剧院古典音乐频道</a>
										<span class="icon"></span>
									</p>
									<p>国家大剧院古典音乐官方</p>
								</div>
							</li>
							<li class="anchor">
								<a class="anchor-img" href="javascript:voud(0)"><img src="img/anchor4.jpg"></a>
								<div class="info">
									<p>
										<a class="anchor-name" href="javascript:voud(0)">谢谢收听</a>
										<span class="icon"></span>
									</p>
									<p>南京电台主持人王馨</p>
								</div>
							</li>
							<li class="anchor">
								<a class="anchor-img" href="javascript:voud(0)"><img src="img/anchor5.jpg"></a>
								<div class="info">
									<p>
										<a class="anchor-name" href="javascript:voud(0)">DJ晓苏</a>
										<span class="icon"></span>
									</p>
									<p>独立DJ，CRI环球旅游广播特邀DJ</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

	</body>

</html>