523 lines
25 KiB
HTML
523 lines
25 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>仿千千音乐</title>
|
|
<link rel="stylesheet" href="./css/clear.css">
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_1975352_h4zy9ddaafo.css">
|
|
<link rel="stylesheet" href="./css/public.css">
|
|
<link rel="stylesheet" href="./css/index.css">
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_1978518_3wtzoq7jqmv.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="header">
|
|
<div class="HeadMenu">
|
|
<div class="w-1200">
|
|
|
|
<a class="left" href="http://music.taihe.com/">
|
|
<img class="logo" src="http://static1.qianqian.com/web/s/images/logo_2x.5109f00405b21eca.png"
|
|
alt="">
|
|
</a>
|
|
<ul class="menu left">
|
|
<li><a class="active" href="">发现音乐</a></li>
|
|
<li><a href="">随心听</a></li>
|
|
<li><a href="">客户端</a></li>
|
|
<li><a href="">VIP</a></li>
|
|
<li><a href="">音乐人</a></li>
|
|
<li><a href="">演出</a></li>
|
|
<li>
|
|
<input type="text" placeholder="请输入歌名、歌词、歌手或专辑">
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="login right">
|
|
<li>
|
|
<a href="">登录</a>
|
|
</li>
|
|
<li>
|
|
</li>
|
|
<li>
|
|
<a href="">注册</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="HeadType">
|
|
<div class="w-1200 center">
|
|
<a class="menu_active" href="">推荐</a>
|
|
<a href="">歌单</a>
|
|
<a href="">歌手</a>
|
|
<a href="">榜单</a>
|
|
<a href="">分类</a>
|
|
<a href="">MV</a>
|
|
<a href="">U榜</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
|
|
<div class="w-1200">
|
|
|
|
<div class="dddd">
|
|
<div class="PopularSongist left">
|
|
<div class="title">
|
|
<div class="left">
|
|
<h2>热门歌单</h2>
|
|
<span>更多</span>
|
|
</div>
|
|
<img class="right" src="./img/next.png" alt="">
|
|
</div>
|
|
|
|
<ul class="list">
|
|
<li>
|
|
<div class="top">
|
|
<img src="http://musicugc.cdn.qianqian.com/ugcdiy/pic/58adc19c9ecc88077504e852ed33a22d.jpg@s_2,w_346,h_346"
|
|
alt="">
|
|
<div class="play">
|
|
<i class="iconfont icon-play"></i>
|
|
</div>
|
|
</div>
|
|
<a class="info">防弹少年团BTS</a>
|
|
</li>
|
|
<li>
|
|
<div class="top">
|
|
<img src="http://musicugc.cdn.qianqian.com/ugcdiy/pic/58adc19c9ecc88077504e852ed33a22d.jpg@s_2,w_346,h_346"
|
|
alt="">
|
|
<div class="play">
|
|
<i class="iconfont icon-play"></i>
|
|
</div>
|
|
</div>
|
|
<a class="info">防弹少年团BTS</a>
|
|
</li>
|
|
<li>
|
|
<div class="top">
|
|
<img src="http://musicugc.cdn.qianqian.com/ugcdiy/pic/58adc19c9ecc88077504e852ed33a22d.jpg@s_2,w_346,h_346"
|
|
alt="">
|
|
<div class="play">
|
|
<i class="iconfont icon-play"></i>
|
|
</div>
|
|
</div>
|
|
<a class="info">防弹少年团BTS</a>
|
|
</li>
|
|
<li>
|
|
<div class="top">
|
|
<img src="http://musicugc.cdn.qianqian.com/ugcdiy/pic/58adc19c9ecc88077504e852ed33a22d.jpg@s_2,w_346,h_346"
|
|
alt="">
|
|
<div class="play">
|
|
<i class="iconfont icon-play"></i>
|
|
</div>
|
|
</div>
|
|
<a class="info">防弹少年团BTS</a>
|
|
</li>
|
|
<li>
|
|
<div class="top">
|
|
<img src="http://musicugc.cdn.qianqian.com/ugcdiy/pic/58adc19c9ecc88077504e852ed33a22d.jpg@s_2,w_346,h_346"
|
|
alt="">
|
|
<div class="play">
|
|
<i class="iconfont icon-play"></i>
|
|
</div>
|
|
</div>
|
|
<a class="info">防弹少年团BTS</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="content_right left">
|
|
<div class="fltg">
|
|
<div class="title">
|
|
<div class="left">
|
|
<h2>热门歌单</h2>
|
|
<span>更多</span>
|
|
</div>
|
|
</div>
|
|
<ul class="ge_list">
|
|
<li>1</li>
|
|
<li>2</li>
|
|
<li>3</li>
|
|
<li>4</li>
|
|
<li>5</li>
|
|
<li>6</li>
|
|
<li>7</li>
|
|
<li>8</li>
|
|
<li>9</li>
|
|
<li>10</li>
|
|
<li>11</li>
|
|
<li>12</li>
|
|
</ul>
|
|
</div>
|
|
<div class="tjdt">
|
|
<div class="title">
|
|
<div class="left">
|
|
<h2>热门歌单</h2>
|
|
<span>更多</span>
|
|
</div>
|
|
</div>
|
|
<ul class="dt_title">
|
|
<li>
|
|
<img src="./img/icon_dd.png" alt="">
|
|
<p>随便听听</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icon_dd.png" alt="">
|
|
<p>随便</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icon_dd.png" alt="">
|
|
<p>随便听听</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icon_dd.png" alt="">
|
|
<p>听听</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icon_dd.png" alt="">
|
|
<p>随便听听</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icon_dd.png" alt="">
|
|
<p>随听</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icon_dd.png" alt="">
|
|
<p>随便听听</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icon_dd.png" alt="">
|
|
<p>随便听听</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pic"></div>
|
|
|
|
<div class="phb">
|
|
<div class="title">
|
|
<div class="left">
|
|
<h2>排行榜</h2>
|
|
<span>更多</span>
|
|
</div>
|
|
</div>
|
|
<ul class="phb_ul">
|
|
<li>
|
|
<div class="ph_title">
|
|
<span>新歌榜</span>
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<i class="iconfont icon-play3"></i>
|
|
<i class="iconfont icon-tubiaozhizuomoban-"></i>
|
|
<i class="iconfont icon-LC_icon_download_line_2"></i>
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="ph_title">
|
|
<span>新歌榜</span>
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="ph_title">
|
|
<span>新歌榜</span>
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="ph_list">
|
|
<div class="list_l">
|
|
<span class="num">01</span>
|
|
<img src="http://qukufile2.qianqian.com/data2/pic/8b1aab6be81f10639c01c1401a20463c/675021896/675021896.jpg@s_2,w_60,h_60"
|
|
alt="">
|
|
<div>
|
|
<p>少年（童声版）</p>
|
|
<span>宋小睿</span>
|
|
</div>
|
|
</div>
|
|
<div class="list_r">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
<img src="./img/item.png" alt="">
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |