云音乐电台内测DEMO

{list beg..end as y}
	{var x=xlist[y]}
	{if !!x}
	<div id="${x.commentId|seed}" class="itm" data-id="${x.commentId}">
		<div class="head">
			<a href="/user/home?id=${x.user.userId}"><img src="${x.user.avatarUrl}?param=50y50"></a>
		</div>
		<div class="cntwrap">
			<div class="">
				<div class="cnt f-brk">
					<a href="/user/home?id=${x.user.userId}" class="s-fc7">${escape(x.user.nickname)}</a>
					${getAuthIcon(x.user)}
					{if x.user.vipRights}
						{if x.user.vipRights.associator && x.user.vipRights.associator.rights}
							{if x.user.vipRights.redVipAnnualCount >= 1}
								<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
							{else}
								<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
									class="brand-tag brand-vip" />
							{/if}
						{elseif x.user.vipRights.musicPackage && x.user.vipRights.musicPackage.rights}
							<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
								class="brand-tag brand-package" />
						{/if}
					{/if}
					{if !!x.beRepliedUser}
						 回复 <a href="/user/home?id=${x.beRepliedUser.userId}" class="s-fc7">${escape(x.beRepliedUser.nickname)}</a>
						${getAuthIcon(x.beRepliedUser)}
						{if x.beRepliedUser.vipRights}
							{if x.beRepliedUser.vipRights.associator && x.beRepliedUser.vipRights.associator.rights}
								{if x.beRepliedUser.vipRights.redVipAnnualCount >= 1}
									<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
								{else}
									<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
									class="brand-tag brand-vip" />
								{/if}
							{elseif x.beRepliedUser.vipRights.musicPackage && x.beRepliedUser.vipRights.musicPackage.rights}
								<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
									class="brand-tag brand-package" />
							{/if}
						{/if}
					{/if}

：${getRichText(escape(x.content),'s-fc7')}
                    {if !!x.expressionUrl}
                        <div class="u-expression"><img src="${x.expressionUrl}?param=70y70"></img></div>
                    {/if}
				</div>
			</div>
			{if x.beReplied&&x.beReplied.length}
			{var replied = x.beReplied[0]}
			<div class="que f-brk f-pr s-fc3">
				<span class="darr"><i class="bd">◆</i><i class="bg">◆</i></span>
				{if (replied && replied.status!=-5) && (replied.content || replied.expressionUrl)}
				<a class="s-fc7" href="/user/home?id=${replied.user.userId}">${replied.user.nickname}${getAuthIcon(replied.user)}</a>
				{if replied.user.vipRights}
					{if replied.user.vipRights.associator && replied.user.vipRights.associator.rights}
						{if replied.user.vipRights.redVipAnnualCount >= 1}
								<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
						{else}
							<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
								class="brand-tag brand-vip" />
						{/if}
					{elseif replied.user.vipRights.musicPackage && replied.user.vipRights.musicPackage.rights}
						<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
							class="brand-tag brand-package" />
					{/if}
				{/if}
				：${getRichText(escape(replied.content),'s-fc7')}
                {if !!replied.expressionUrl}
                    <div class="u-expression"><img src="${replied.expressionUrl}?param=70y70"></img></div>
                {/if}
				{else}
				该评论已删除
				{/if}
			</div>
			{/if}
			<div class="rp">
				<div class="time s-fc4">${timeformat(x.time)}</div>
                {if x.topCommentId}<span class="top">音乐人置顶</span>{/if}
                {if canTop()&&GUser&&GUser.userId&&(GUser.userId==x.user.userId)}
                <span class="dlt">{if x.topCommentId}<a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" data-tid="${x.topCommentId}" data-type="canceltop">解除置顶</a>{else}<a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" data-type="gotop">置顶评论</a>{/if}<span class="sep">|</span></span>
                {/if}
				{if GUser&&GUser.userId&&(GUser.userId==x.user.userId||GUser.userId==resUserId)}
				<span class="dlt"><a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" {if x.topCommentId}data-tid="${x.topCommentId}" {/if}data-type="delete">删除</a><span class="sep">|</span></span>
				{/if}
				{if GAllowRejectComment}
					{if hot||!x.isRemoveHotComment}
					<span class="dlt"><a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" data-type="reject">移除精彩评论</a><span class="sep">|</span></span>
					{else}
					<span class="s-fc3">已移除精彩评论</span><span class="sep">|</span>
					{/if}
				{/if}
				{if !x.topCommentId}<a data-id="${x.commentId}" data-type="{if !x.liked}like{else}unlike{/if}" href="javascript:void(0)"><i class="zan u-icn2 u-icn2-{if x.liked}13{else}12{/if}"></i>{if x.likedCount} (${getPlayCount(x.likedCount)}){/if}</a>
				<span class="sep">|</span>{/if}
				<a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" data-type="reply">回复</a>
			</div>
		</div>
	</div>
	{/if}
	{/list}

{list beg..end as y}
	{var x=xlist[y]}
	<div class="itm" data-id="${x.commentId}">
		<div class="head">
			<a href="/user/home?id=${x.user.userId}"><img src="${x.user.avatarUrl}?param=50y50"></a>
		</div>
		<div class="cntwrap">
			<div class="cnt2 f-brk">
				<a href="/user/home?id=${x.user.userId}" class="s-fc7">${escape(x.user.nickname)}</a>
				${getAuthIcon(x.user)}
				{if x.user.vipRights}
					{if x.user.vipRights.associator && x.user.vipRights.associator.rights}
						{if x.user.vipRights.redVipAnnualCount >= 1}
								<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
						{else}
								<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
									class="brand-tag brand-vip" />
						{/if}
					{elseif x.user.vipRights.musicPackage && x.user.vipRights.musicPackage.rights}
						<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
							class="brand-tag brand-package" />
					{/if}
				{/if}
				{if !!x.beRepliedUser}
					 回复 <a href="/user/home?id=${x.beRepliedUser.userId}" class="s-fc7">${escape(x.beRepliedUser.nickname)}</a>
					${getAuthIcon(x.beRepliedUser)}
					{if x.beRepliedUser.vipRights}
						{if x.beRepliedUser.vipRights.associator && x.beRepliedUser.vipRights.associator.rights}
							{if x.beRepliedUser.vipRights.redVipAnnualCount >= 1}
								<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
							{else}
								<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
									class="brand-tag brand-vip" />
							{/if}
						{elseif x.beRepliedUser.vipRights.musicPackage && x.beRepliedUser.vipRights.musicPackage.rights}
							<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
								class="brand-tag brand-package" />
						{/if}
					{/if}
				{/if}
				：${getRichText(escape(x.content),'s-fc7')}
                {if !!x.expressionUrl}
                    <div class="u-expression"><img src="${x.expressionUrl}?param=70y70"></img></div>
                {/if}
			</div>
			{if x.beReplied&&x.beReplied.length}
			{var replied = x.beReplied[0]}
			<div class="que f-brk f-pr s-fc3">
				<span class="darr"><i class="bd">◆</i><i class="bg">◆</i></span>
				{if replied&&replied.content}
				<a class="s-fc7" href="/user/home?id=${replied.user.userId}">${replied.user.nickname}${getAuthIcon(replied.user)}</a>
				{if replied.user.vipRights}
					{if replied.user.vipRights.associator && replied.user.vipRights.associator.rights}
						{if replied.user.vipRights.redVipAnnualCount >= 1}
								<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
						{else}
							<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
								class="brand-tag brand-vip" />
						{/if}
					{elseif replied.user.vipRights.musicPackage && replied.user.vipRights.musicPackage.rights}
						<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
							class="brand-tag brand-package" />
					{/if}
				{/if}
				：${getRichText(escape(replied.content),'s-fc7')}
				{else}
				该评论已删除
				{/if}
			</div>
			{/if}
			<div class="rp">
				<div class="time s-fc4">${timeformat(x.time)}</div>
				{if GUser&&GUser.userId&&(GUser.userId==x.user.userId||GUser.userId==resUserId)}
				<span class="dlt">
				<a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" data-type="delete">删除</a><span class="sep">|</span>
				</span>
				{/if}
				<a data-id="${x.commentId}" data-type="{if !x.liked}like{else}unlike{/if}" href="javascript:void(0)"><i class="zan u-icn2 u-icn2-{if x.liked}13{else}12{/if}"></i>{if x.likedCount} (${getPlayCount(x.likedCount)}){/if}</a>
				<span class="sep">|</span>
				<a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" data-type="reply">回复</a>
			</div>

</div>
	</div>
	{/list}

<div class="lyct lyct-1 f-cb">
   <div class="m-lyshare">
        <ul class="m-tabs1 j-flag">
            <li><a href="#"><em>分享给大家</em></a></li>
            <li><a href="#"><em>私信分享</em></a></li>
        </ul>
		<div class="u-err j-flag" style="display:none">最多选择10位好友</div>
        <div class="j-flag"></div>
        <div class="j-slogan"></div>
        <div class="u-txtwrap f-pr">
		    <textarea class="u-txt area j-flag" placeholder="说点什么吧" data-action="txt"></textarea>
		    <div class="info f-pr j-flag" data-action="search"></div>
	    </div>
   		<div class="oper f-cb">
			<div class="face f-fl f-pr">
				<i class="u-icn u-icn-36 f-fl j-flag" data-action="emot"></i>
				<i class="u-icn u-icn-41 f-fl j-flag" data-action="at"></i>
				<i class="u-icn u-icn-97 j-flag f-pr" data-action="upload" data-default></i>
			</div>
			<span class="f-fr s-fc4 j-flag">140/140</span>
		</div>
		<div class="f-cb j-flag"></div>
        <div class="f-cb">
    		<div class="btnwrap f-fl">
    			<a class="u-btn2 u-btn2-2 u-btn2-w2 j-flag" hidefocus="true" href="javascript:;" data-action="share"><i>分享</i></a>
    			<a class="u-btn2 u-btn2-1 u-btn2-w2 j-flag" hidefocus="true" href="javascript:;" data-action="close"><i>取消</i></a>
    		</div>
            <div class="f-cb j-flag f-fr">
                <div class="share f-fr">
                    <span class="f-fl s-fc3">同时分享到：</span>
                    <ul class="u-logo u-logo-s f-cb">
                        <li><a class="u-slg u-slg-sn j-t" data-action="sns" data-type="2" hidefocus="true" href="//music.163.com/api/sns/authorize?snsType=2&clientType=web2&callbackType=Binding&forcelogin=true" title="新浪微博"></a></li>
                        <li><a class="u-slg u-slg-db j-t" data-action="sns" data-type="3" hidefocus="true" href="//music.163.com/api/sns/authorize?snsType=3&clientType=web2&callbackType=Binding&forcelogin=true" title="豆瓣网"></a></li>
                    </ul>
                </div>
            </div>
        </div>
		<div class="u-err j-flag"><i class="u-icn u-icn-25"></i><span></span></div>
   </div>
</div>

{macro listArtists(artists)}
	{list artists as art}
		${art.name|mark} 
	{/list}
{/macro}
<div class="m-schlist">
	<p class="note s-fc3"><a class="s-fc3 xtag" href="/search/#/?s=${keyword}&type=1002">搜“${keyword|cutStr}” 相关用户</a> ></p>
	<div class="rap">
	{list result.order as index}
		{var lst=result[index]}
		{if !!lst&&!!lst.length}
		<div class="itm f-cb">
			{if index=="songs"}
			<h3 class="hd"><i class="icn u-icn u-icn-26"></i><em class="f-fl">单曲</em></h3>
			<ul class="{if index_index%2!=0}odd{/if} f-cb">
				{list lst as song}
				<li><a class="s-fc0 f-thide xtag" href="/song?id=${song.id}">${song.name|mark}-${listArtists(song.artists)}</a></li>
				{/list}
			</ul>
			{elseif index=="artists"}
    		<h3 class="hd"><i class="icn u-icn u-icn-27"></i><em class="f-fl">歌手</em></h3>
			<ul class="{if index_index%2!=0}odd{/if} f-cb">
				{list lst as artist}
				<li><a class="s-fc0 f-thide xtag" href="/artist?id=${artist.id}">${artist.name|mark}</a></li>
				{/list}
			</ul>
			{elseif index=="albums"}
    		<h3 class="hd"><i class="icn u-icn u-icn-28"></i><em class="f-fl">专辑</em></h3>
			<ul class="{if index_index%2!=0}odd{/if} f-cb">
				{list lst as album}
				<li><a class="s-fc0 f-thide xtag" href="/album?id=${album.id}">${album.name|mark}{if album.artist}-${album.artist.name|mark}{/if}</a></li>
				{/list}
			</ul>
			{elseif index=="playlists"}
    		<h3 class="hd"><i class="icn u-icn u-icn-29"></i><em class="f-fl">歌单</em></h3>
			<ul class="{if index_index%2!=0}odd{/if} f-cb">
				{list lst as playlist}
				<li><a class="s-fc0 f-thide xtag" href="/playlist?id=${playlist.id}">${playlist.name|mark}</a></li>
				{/list}
			</ul>
            {elseif index=="mvs"}
            <h3 class="hd"><i class="icn u-icn u-icn-96"></i><em class="f-fl">视频</em></h3>
            <ul class="{if index_index%2!=0}odd{/if} f-cb">
                {list lst as mv}
                <li><a class="s-fc0 f-thide xtag" href="/mv?id=${mv.id}">MV:${mv.name|mark}{if mv.artistName}-${mv.artistName|mark}{/if}</a></li>
                {/list}
            </ul>
			{/if}
		</div>
		{/if}
	{/list}
	</div>
</div>

<div class="lyct lyct-1">
    <ul class="n-outshr f-cb">
        <li>
            <a href="#" data-action="wxfrd" class="logo wxfrd"></a>
            <a href="#" data-action="wxfrd" class="wd">微信</a>
        </li>
        
        <li>
            <a href="#" data-action="yxfrd" class="logo yxfrd"></a>
            <a href="#" data-action="yxfrd" class="wd">易信</a>
        </li>
        
        <li>
            <a href="#" data-action="qzone" class="logo qzone"></a>
            <a href="#" data-action="qzone" class="wd">QQ空间</a>
        </li>
        <li>
            <a href="#" data-action="lofte" class="logo lofte"></a>
            <a href="#" data-action="lofte" class="wd">LOFTER</a>
        </li>
    </ul>
</div>

<li data-type="qzone">
                <a href="javascript:;" class="logo qzone"></a>
                <a href="javascript:;" class="wd">QQ空间</a>
            </li>
            <li data-type="lofter" style="display:none;">
                <a href="javascript:;" class="logo lofte"></a>
                <a href="javascript:;" class="wd">LOFTER</a>
            </li>
            <li data-type="db" style="display:none;">
                <a href="javascript:;" class="logo db"></a>
                <a href="javascript:;" class="wd">豆瓣</a>
            </li>
        </ul>
    </div>

<table class="m-table {if type=='rank'}m-table-rank{/if}">
    <thead>
        <tr>
            <th class="first {if type=='rank'}wrk{else}w1{/if}"><div class="wp"> </div></th>
            <th><div class="wp af0"></div></th>
            <th class="w2"><div class="wp af1"></div></th>
            <th class="w3"><div class="wp af2"></div></th>
            <th class="w4"><div class="wp af3"></div></th>
        </tr>
    </thead>
    <tbody>
    	{list beg..end as y}
    	{var x=xlist[y]}
    	<tr id="${x.id|seed}" class="{if y%2==0}even{/if} {if disable(x)}js-dis{/if}">
<td class="left">
	<div class="hd {if type=='rank'}rank{/if}">
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
		<span class="num">${y+1}</span>
		{if type=='rank'}
	<div class="rk rk-1">
		{if x.lastRank>=0}
			{if y-x.lastRank>0}
				<span class="ico u-icn u-icn-74 s-fc10">${y-x.lastRank}</span>
			{elseif y-x.lastRank==0}
				<span class="ico u-icn u-icn-72 s-fc4">0</span>
			{else}
				<span class="ico u-icn u-icn-73 s-fc9">${x.lastRank-y}</span>
			{/if}
		{else}
		<span class="u-icn u-icn-75"></span>
		{/if}
	</div>
		{/if}
	</div>
</td>
    <td class="">
        <div class="f-cb">
            <div class="tt">
	<div class="ttc">
		<span class="txt">
			{var alia=songAlia(x)}
			<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
			{if x.mvid>0}
				<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
			{/if}
		</span>
	</div>
            </div>
        </div>
    </td>
<td class=" s-fc3">
	<span class="u-dur {if canDel}candel{/if}">${dur2time(x.duration/1000)}{if x.ftype==2}<i title="歌曲来自第三方网站" class="migu u-icn2 u-icn2-14"></i>{/if}</span>
<div class="opt hshow">
	<a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true"
			data-res-type="18"
			data-res-id="${x.id}"
			data-res-action="addto"
			{if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="fav" class="icn icn-fav" title="收藏"></span>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="${x.name}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" {if x.album}data-res-pic="${x.album.picUrl}"{/if} class="icn icn-share" title="分享">分享</span>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载"></span>
	{if canDel}
		<span data-res-id="${x.id}" data-res-type="18" data-res-action="delete" class="icn icn-del" title="删除">删除</span>
	{/if}
</div>
</td>
<td class="">
	<div class="text" title="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}">
	${getArtistName(x.artists, '', '', false, false, true)}
	</div>
</td>
			{if type=='dayRcmd'}
				<td class="hascls">
					<div class="f-pr">
						<div class="text">{if x.album}<a href="/album?id=${x.album.id}" title="${x.album.name}">${x.album.name}</a>{/if}</div>
						<a href="javascript:;" data-res-action="dislike" data-res-id="${x.id}" data-res-alg="${x.alg}" class="cls u-icn u-icn-80 f-tid icn-dislike" title="不感兴趣">不感兴趣</a>
					</div>
				</td>
			{else}
<td class="">
	<div class="text">
		{if x.album}
			<a href="/album?id=${x.album.id}" title="${x.album.name|escape}">${soil(x.album.name)}</a>
		{/if}
	</div>
</td>
			{/if}
		</tr>
    	{/list}
    </tbody>
</table>

<table class="m-table {if type=='rank'}m-table-rank{else}m-table-album{/if}">
    <thead>
        <tr>
            <th class="first {if type=='rank'}wrk{else}w1{/if}"><div class="wp"> </div></th>
            <th><div class="wp">歌曲标题</div></th>
            <th class="w2-1"><div class="wp">时长</div></th>
            <th class="w4"><div class="wp">歌手</div></th>
        </tr>
    </thead>
    <tbody>
        {list beg..end as y}
        {var x=xlist[y]}
        <tr id="${x.id|seed}" class="{if y%2==0}even{/if} {if disable(x)}js-dis{/if}">
<td class="left">
	<div class="hd {if type=='rank'}rank{/if}">
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
		<span class="num">${y+1}</span>
		{if type=='rank'}
	<div class="rk rk-1">
		{if x.lastRank>=0}
			{if y-x.lastRank>0}
				<span class="ico u-icn u-icn-74 s-fc10">${y-x.lastRank}</span>
			{elseif y-x.lastRank==0}
				<span class="ico u-icn u-icn-72 s-fc4">0</span>
			{else}
				<span class="ico u-icn u-icn-73 s-fc9">${x.lastRank-y}</span>
			{/if}
		{else}
		<span class="u-icn u-icn-75"></span>
		{/if}
	</div>
		{/if}
	</div>
</td>
            {if x.fee == 1}
    <td class="">
        <div class="f-cb">
            <div class="tt">
	<div class="ttc">
		<span class="txt">
				<i class="u-vip-icn"></i>
			{var alia=songAlia(x)}
			<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
			{if x.mvid>0}
				<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
			{/if}
		</span>
	</div>
            </div>
        </div>
    </td>
			{else}
    <td class="">
        <div class="f-cb">
            <div class="tt">
	<div class="ttc">
		<span class="txt">
			{var alia=songAlia(x)}
			<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
			{if x.mvid>0}
				<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
			{/if}
		</span>
	</div>
            </div>
        </div>
    </td>
			{/if}
<td class=" s-fc3">
	<span class="u-dur {if canDel}candel{/if}">${dur2time(x.duration/1000)}{if x.ftype==2}<i title="歌曲来自第三方网站" class="migu u-icn2 u-icn2-14"></i>{/if}</span>
<div class="opt hshow">
	<a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true"
			data-res-type="18"
			data-res-id="${x.id}"
			data-res-action="addto"
			{if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="fav" class="icn icn-fav" title="收藏"></span>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="${x.name}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" {if x.album}data-res-pic="${x.album.picUrl}"{/if} class="icn icn-share" title="分享">分享</span>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载"></span>
	{if canDel}
		<span data-res-id="${x.id}" data-res-type="18" data-res-action="delete" class="icn icn-del" title="删除">删除</span>
	{/if}
</div>
</td>
<td class="">
	<div class="text" title="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}">
	${getArtistName(x.artists, '', '/', false, true, true)}
	</div>
</td>
        </tr>
        {/list}
    </tbody>
</table>

<table class="m-table m-table-1 m-table-4">
    <tbody>
    	{list beg..end as y}
    	{var x=xlist[y]}
    	<tr id="${x.id|seed}" class="{if y%2==0}even{/if} {if disable(x)}js-dis{/if}">
			<td class="w1">
				<div class="hd">
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
					<span class="num">${y+1}</span>
				</div>
			</td>
    <td class="">
        <div class="f-cb">
            <div class="tt">
	<div class="ttc">
		<span class="txt">
			{var alia=songAlia(x)}
			<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
			{if x.mvid>0}
				<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
			{/if}
		</span>
	</div>
            </div>
        </div>
    </td>
<td class="w2-1 s-fc3">
	<span class="u-dur {if canDel}candel{/if}">${dur2time(x.duration/1000)}{if x.ftype==2}<i title="歌曲来自第三方网站" class="migu u-icn2 u-icn2-14"></i>{/if}</span>
<div class="opt hshow">
	<a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true"
			data-res-type="18"
			data-res-id="${x.id}"
			data-res-action="addto"
			{if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="fav" class="icn icn-fav" title="收藏"></span>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="${x.name}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" {if x.album}data-res-pic="${x.album.picUrl}"{/if} class="icn icn-share" title="分享">分享</span>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载"></span>
	{if canDel}
		<span data-res-id="${x.id}" data-res-type="18" data-res-action="delete" class="icn icn-del" title="删除">删除</span>
	{/if}
</div>
</td>
<td class="w4">
	<div class="text">
		{if x.album}
			{var transName = x.album.tns && x.album.tns.length > 0 ? x.album.tns[0] : ''}
			<a href="/album?id=${x.album.id}" title="${x.album.name|escape}{if transName} - (${transName|escape}){/if}">${soil(x.album.name)}</a>
			{if transName}
			<span title="${transName|escape}" class="s-fc8"> - (${transName|escape})</span>
			{/if}
		{/if}
	</div>
</td>
		</tr>
    	{/list}
    </tbody>
</table>

<table class="m-table m-table-rank">
	<thead>
		<tr>
			<th class="first w1"></th>
			<th><div class="wp">标题</div></th>
			<th class="w2-1"><div class="wp">时长</div></th>
			<th class="w3"><div class="wp">歌手</div></th>
		</tr>
	</thead>
    <tbody>
    	{list beg..end as y}
    	{var x=xlist[y]}
    	<tr id="${x.id|seed}" class="{if y%2==0}even{/if} {if disable(x)}js-dis{/if}">
			{if y<3}
<td>
	<div class="hd">
		<span class="num">${y+1}</span>
	<div class="rk ">
		{if x.lastRank>=0}
			{if y-x.lastRank>0}
				<span class="ico u-icn u-icn-74 s-fc10">${y-x.lastRank}</span>
			{elseif y-x.lastRank==0}
				<span class="ico u-icn u-icn-72 s-fc4">0</span>
			{else}
				<span class="ico u-icn u-icn-73 s-fc9">${x.lastRank-y}</span>
			{/if}
		{else}
		<span class="u-icn u-icn-75"></span>
		{/if}
	</div>
	</div>
</td>
    <td class="rank">
        <div class="f-cb">
            <div class="tt">
					<a href="/song?id=${x.id}">{if x.album}<img class="rpic" src="${x.album.picUrl}?param=50y50&quality=100">{/if}</a>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
	<div class="ttc">
		<span class="txt">
			{var alia=songAlia(x)}
			<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
			{if x.mvid>0}
				<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
			{/if}
		</span>
	</div>
            </div>
        </div>
    </td>
			{else}
<td>
	<div class="hd">
		<span class="num">${y+1}</span>
	<div class="rk ">
		{if x.lastRank>=0}
			{if y-x.lastRank>0}
				<span class="ico u-icn u-icn-74 s-fc10">${y-x.lastRank}</span>
			{elseif y-x.lastRank==0}
				<span class="ico u-icn u-icn-72 s-fc4">0</span>
			{else}
				<span class="ico u-icn u-icn-73 s-fc9">${x.lastRank-y}</span>
			{/if}
		{else}
		<span class="u-icn u-icn-75"></span>
		{/if}
	</div>
	</div>
</td>
    <td class="">
        <div class="f-cb">
            <div class="tt">
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
	<div class="ttc">
		<span class="txt">
			{var alia=songAlia(x)}
			<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
			{if x.mvid>0}
				<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
			{/if}
		</span>
	</div>
            </div>
        </div>
    </td>
			{/if}
<td class=" s-fc3">
	<span class="u-dur {if canDel}candel{/if}">${dur2time(x.duration/1000)}{if x.ftype==2}<i title="歌曲来自第三方网站" class="migu u-icn2 u-icn2-14"></i>{/if}</span>
<div class="opt hshow">
	<a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true"
			data-res-type="18"
			data-res-id="${x.id}"
			data-res-action="addto"
			{if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="fav" class="icn icn-fav" title="收藏"></span>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="${x.name}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" {if x.album}data-res-pic="${x.album.picUrl}"{/if} class="icn icn-share" title="分享">分享</span>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载"></span>
	{if canDel}
		<span data-res-id="${x.id}" data-res-type="18" data-res-action="delete" class="icn icn-del" title="删除">删除</span>
	{/if}
</div>
</td>
<td class="">
	<div class="text" title="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}">
	${getArtistName(x.artists, '', '', false, false, true)}
	</div>
</td>
		</tr>
    	{/list}
    </tbody>
</table>

<table class="m-table m-table-prog">
	<tbody id="song-list">
		{list beg..end as y}
    	{var x=xlist[y]}
    	<tr id="${x.id|seed}" class="{if y%2!=0}even{/if} {if disable(x)}js-dis{/if}">
    		<td class="first col1">
    			<div class="hd">
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
					<span class="num">${y+1}</span>
    			</div>
    		</td>
    <td class="col2">
        <div class="f-cb">
            <div class="tt">
	<div class="ttc">
		<span class="txt">
			{var alia=songAlia(x)}
			<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
			{if x.mvid>0}
				<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
			{/if}
		</span>
	</div>
            </div>
        </div>
    </td>
<td class="col3 s-fc3">
	<span class="u-dur {if canDel}candel{/if}">${dur2time(x.duration/1000)}{if x.ftype==2}<i title="歌曲来自第三方网站" class="migu u-icn2 u-icn2-14"></i>{/if}</span>
<div class="opt hshow">
	<a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true"
			data-res-type="18"
			data-res-id="${x.id}"
			data-res-action="addto"
			{if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="fav" class="icn icn-fav" title="收藏"></span>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="${x.name}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" {if x.album}data-res-pic="${x.album.picUrl}"{/if} class="icn icn-share" title="分享">分享</span>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载"></span>
	{if canDel}
		<span data-res-id="${x.id}" data-res-type="18" data-res-action="delete" class="icn icn-del" title="删除">删除</span>
	{/if}
</div>
</td>
<td class="col4">
	<div class="text" title="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}">
	${getArtistName(x.artists, '', '', false, false, true)}
	</div>
</td>
<td class="col5">
	<div class="text">
		{if x.album}
			<a href="/album?id=${x.album.id}" title="${x.album.name|escape}">${soil(x.album.name)}</a>
		{/if}
	</div>
</td>
    	</tr>
    	{/list}
	</tbody>
</table>

<ul>
	    {list beg..end as y}
	    {var x=xlist[y]}
	    {if extData&&extData.limit&&y>=extData.limit}
        	{break}
        {/if}
        {var from=getFrom()}
	    <li id="${x.id|seed}" {if y%2 !=0 }class='even'{/if}>
            <div class="hd ">
                <span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
                <span class="num">${y+1}.</span>
            </div>
            <div class="song">
                <div class="tt">
                    <div class="ttc">
                        <span class="txt"><a href="/song?id=${x.id}"><b title="${x.name}">${x.name}</b></a>
                        <span class='ar s-fc8'> <em>-</em>
                        ${getArtistName(x.artists, 's-fc8')}
                        </span>
                        </span>
                    </div>
                </div>
                <div class="opt">
                    <a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true" data-res-type="18" data-res-id="${x.id}" data-res-action="addto" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
                    <span data-res-id="${x.id}" data-res-type="18" data-res-action="subscribe" class="icn icn-fav" title="收藏"></span>
                    <span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="${x.name}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" class="icn icn-share" title="分享">分享</span>
                    <span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载">下载</span>
                </div>
            </div>
            <div class="tops">
                <span class="bg" style='width:${x.score*100/x.max}%;'></span>
                {if extData.showCount&&x.playCount}<span class="times f-ff2">${x.playCount}次</span>{/if}
            </div>
        </li>
        {/list}
    </ul>
    {if extData&&extData.limit&&xlist.length>extData.limit}
    <div class="more">
        <a href="/user/songs/rank?id=${hostId}" >查看更多></a>
    </div>
    {/if}

{list beg..end as y}
    {var x=xlist[y]}
    <tr id="${x.id|seed}" class="{if y%2==1}even{/if} {if disable(x)}js-dis{/if}">
<td class="left">
	<div class="hd {if type=='rank'}rank{/if}">
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
		<span class="num">${y+1}</span>
		{if type=='rank'}
	<div class="rk rk-1">
		{if x.lastRank>=0}
			{if y-x.lastRank>0}
				<span class="ico u-icn u-icn-74 s-fc10">${y-x.lastRank}</span>
			{elseif y-x.lastRank==0}
				<span class="ico u-icn u-icn-72 s-fc4">0</span>
			{else}
				<span class="ico u-icn u-icn-73 s-fc9">${x.lastRank-y}</span>
			{/if}
		{else}
		<span class="u-icn u-icn-75"></span>
		{/if}
	</div>
		{/if}
	</div>
</td>
	<td class="u-hasopt">
		<div class="f-cb">
			<div class="tt">
	<div class="ttc">
		<span class="txt">
			{var alia=songAlia(x)}
			<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
			{if x.mvid>0}
				<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
			{/if}
		</span>
	</div>
			</div>
<div class="opt hshow">
	<a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true"
			data-res-type="18"
			data-res-id="${x.id}"
			data-res-action="addto"
			{if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="fav" class="icn icn-fav" title="收藏"></span>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="${x.name}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" {if x.album}data-res-pic="${x.album.picUrl}"{/if} class="icn icn-share" title="分享">分享</span>
	<span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载"></span>
	{if canDel}
		<span data-res-id="${x.id}" data-res-type="18" data-res-action="delete" class="icn icn-del" title="删除">删除</span>
	{/if}
</div>
		</div>
	</td>
<td class="">
	<div class="text" title="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}">
	${getArtistName(x.artists, '', '', false, false, true)}
	</div>
</td>
<td class="">
	<div class="text">
		{if x.album}
			<a href="/album?id=${x.album.id}" title="${x.album.name|escape}">${soil(x.album.name)}</a>
		{/if}
	</div>
</td>
        <td class="s-fc3">${formatTime(x.paidTime)}</td>
    </tr>
    {/list}

<div class="lyct lyct-1">
   <div class="n-log2 n-log2-1 f-cb">
        <div class="u-main">
            <div class="u-plt"></div>
            <div class="f-mgt10">
                <a href="javascript:;" class="u-btn2 u-btn2-2" data-action="login" data-type="mobile"><i>手机号登录</i></a>
            </div>
            <div class="f-mgt10">
                <a href="javascript:;" class="u-btn2 u-btn2-1" data-action="reg"><i>注　册</i></a>
            </div>
        </div>
        <div class="u-alt">
            <ul>
                <li><a href="https://music.163.com/api/sns/authorize?snsType=10&clientType=web2&callbackType=Login&forcelogin=true" target="_blank" data-action="login" data-type="thirdparty"><i class="u-mlg2 u-mlg2-wx"></i>微信登录</a></li>
                <li><a href="https://music.163.com/api/sns/authorize?snsType=5&clientType=web2&callbackType=Login&forcelogin=true" target="_blank" data-action="login" data-type="thirdparty"><i class="u-mlg2 u-mlg2-qq"></i>QQ登录</a></li>
                <li><a href="https://music.163.com/api/sns/authorize?snsType=2&clientType=web2&callbackType=Login&forcelogin=true" target="_blank" data-action="login" data-type="thirdparty"><i class="u-mlg2 u-mlg2-sn"></i>微博登录</a></li>
                <li><a href="javascript:;" data-action="login" data-type="netease"><i class="u-mlg2 u-mlg2-wy"></i>网易邮箱帐号登录</a></li>
            </ul>
        </div>
    </div>
</div>

<div class="lyct lyct-1 f-cb">
    <div class="n-log2 n-log2-2">
        <p class="js-tip f-hide u-tip">云音乐将不再支持 <strong class="s-fc1">腾讯微博</strong> 登录方式，<br/>请绑定手机号，以免后续无法使用该帐号</p>
        <div class="js-mobwrap f-hide f-pdb20">
            <p class="s-fc3">你的手机号：<strong class="s-fc1">+<span class="js-code"></span> <span class="js-mob"></span></strong></p>
            <p class="s-fc4 f-mgt5">为了安全，我们会给你发送短信验证码</p>
        </div>
        <div class="js-mobwrap f-hide f-pdb10">
            <div class="s-fc3"><label class="js-lbl"></label></div>
            <div class="f-mgt10">
                <div class="u-txtwrap">
                    <span class="u-prefix">+86</span>
                    <input type="text" class="js-txt u-txt" placeholder="请输入手机号">
                </div>
            </div>
            <div class="s-fc3 f-mgt10"><label>验证码：</label></div>
        </div>
        <div id="captcha-input">
        </div>
        <div class="f-mgt20">
            <a class="js-next u-btn2 u-btn2-2" hidefocus="true" href="#" data-action="next"><i></i></a>
        </div>
    </div>
    <div class="js-btmbar n-loglink2 f-cb f-hide">
        <a href="javascript:;" data-action="back" class="js-back f-hide f-fl s-primary"><  返回登录</a>
        <a href="javascript:;" data-action="skip" class="js-skip f-hide f-fr">跳过  ></a>
    </div>
</div>

<div class="lyct lyct-1 f-cb">
    <div class="n-log2 n-log2-2" style="width:250px;">
        <p class="js-tip f-hide u-tip">云音乐将不再支持 <strong class="s-fc1">腾讯微博</strong> 登录方式，<br/>请绑定手机号，以免后续无法使用该帐号</p>
        <div class="js-mobwrap f-hide f-pdb20">
            <p class="s-fc3">你的手机号：<strong class="s-fc1">+<span class="js-code"></span> <span class="js-mob"></span></strong></p>
            <p class="s-fc4 f-mgt5">为了安全，我们会给你发送短信验证码</p>
        </div>
        <div class="js-mobwrap f-pdb10">
            <div class="s-fc3">
                <label class="js-lbl">输入要解绑的完整手机号，用于验证您的身份</label>
            </div>
            <div class="f-mgt10 clearfix">
                <div class="u-txtwrap">
                    <input type="text" class="js-txt u-txt" placeholder="请输入手机号" style="padding: 5px 6px;float: none;width: 100%">
                </div>
            </div>
            <div class="u-err f-hide f-fl">
                <i class="u-icn u-icn-25"></i><span class="errTxt"></span>
            </div>
        </div>
        <div class="f-mgt20 f-tc">
            <a class="js-next u-btn2 u-btn2-2" hidefocus="true" href="javascript:void(0);" data-action="next"><i>下一步</i></a>
        </div>
    </div>
    <div class="js-btmbar n-loglink2 f-cb f-hide">
        <a href="javascript:;" data-action="back" class="js-back f-hide f-fl s-primary"><  返回登录</a>
        <a href="javascript:;" data-action="skip" class="js-skip f-hide f-fr">跳过  ></a>
    </div>
</div>