<div class="lyct lyct-1 f-pr">
{if degrade}
<div class="login-list" style="min-height:332px">
<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:;" data action="login" data type="mobile" class="u-btn2 u-btn2"><i>Login with mobile phone number</i></a>
</div>
<div class="f-mgt10">
<a href="javascript:;" class="u-btn2 u-btn2-1" data action="reg"><i>Register</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>WeChat login</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 login</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>Log in to Weibo</a></li>
<li><a href="javascript:;" data action="login" data type="netease"><i class="u-mlg2 u-mlg2-wy"></i>Log in to NetEase email account</a></li>
</ul>
</div>
<div class="u-official-terms">
<input type="checkbox" id="j-official-terms">
<label for="j-official terms" style="margin left: 2px;">Agree</label>
<a href="
http://st.music.163.com/official-terms/service
"Target=" _blank "style=" color: # 507DAF ">Terms of Service</a>
<a href="
http://st.music.163.com/official-terms/privacy
"Target=" _blank "style=" color: # 507DAF ">Privacy Policy</a>
<a href="
https://st.music.163.com/official-terms/children
"Target=" _blank "style=" color: # 507DAF ">Children's Privacy Policy</a>
</div>
</div>
</div>
{else}
<div class="login-list f-hide" style="min-height:332px">
<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:;" data action="login" data type="mobile" class="u-btn2 u-btn2"><i>Login with mobile phone number</i></a>
</div>
<div class="f-mgt10">
<a href="javascript:;" class="u-btn2 u-btn2-1" data action="reg"><i>Register</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>WeChat login</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 login</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>Log in to Weibo</a></li>
<li><a href="javascript:;" data action="login" data type="netease"><i class="u-mlg2 u-mlg2-wy"></i>Log in to NetEase email account</a></li>
</ul>
</div>
<div class="u-official-terms">
<input type="checkbox" id="j-official-terms">
<label for="j-official terms" style="margin left: 2px;">Agree</label>
<a href="
http://st.music.163.com/official-terms/service
"Target=" _blank "style=" color: # 507DAF ">Terms of Service</a>
<a href="
http://st.music.163.com/official-terms/privacy
"Target=" _blank "style=" color: # 507DAF ">Privacy Policy</a>
<a href="
https://st.music.163.com/official-terms/children
"Target=" _blank "style=" color: # 507DAF ">Children's Privacy Policy</a>
</div>
</div>
<div class="n-scan" data-action="scan"></div>
</div>
<div class="lg n-login-scan" id="login-qrcode" style="min-height:332px">
<div class="cnt">
<div class="main j-flag">
<div class="f-cb">
<div class="phone"></div>
<div class="right">
<div class="title">Scan code to log in</div>
<div class="qr">
<div class="tip f-dn f-link j-flag f-hide">
<p>QR code has expired</p>
<a class="u-btn2" href="javascript:;" data action="refresh">Click Refresh</a>
</div>
<div class="canvas f-pen j-flag"></div>
</div>
<p class="txt j flag">Log in with the<a class="download link" href="/download" target="_blank">Netease Cloud Music APP</a>code scanning</p>
</div>
</div>
</div>
<div class="suc j-flag f-hide">
<div class="suc-icon"></div>
<p class="suc txt">Scan succeeded</p>
</div>
<p class="confirm j flag f-hide">Please confirm login on your phone</p>
<div id="otherbtn" class="otherbtn">
<a class="u-btn2 other f-hide" data action="switch">Select another login mode</a>
</div>
</div>
</div>
{/if}
</div>
<div class="lyct lyct-1">
<div class="n-log2 n-log2-2">
<div class="j-mob"></div>
<div class="pwdloginwrapper f-hide">
<div class="f-mgt10 inputbox">
<a href="javascript:;" class="f-fr s-fc3 forget" data action="forget">Forgot your password</
a>
<input type="password" name="pw" id="pw" class="j pwd u txt password" placeholder="Please enter the password" autocomplete="new password">
</div>
<div class="j-err u-err" style="display:none;"><i class="u-icn u-icn-25"></i><span></span></div>
<div class="f-mgt10 actionbox">
<a href="javascript:;" class="f-fr s-fc3" data action="captchalogin">SMS login</a>
<label class="s-fc3"><input type="checkbox" checked="checked" class="j-auto u-auto">Automatic login</label>
</div>
</div>
<div class="captchaloginwrapper">
<div class="f-mgt10">
<input style="box sizing: content box;" type="text" class="j-catcha js input u-txt u-txt" placeholder="Please enter the verification code" autocomplete="off" value="">
<span class="js-cd u-cd f-hide"></span>
<a href="javascript:;" class="js-send u-btn2 u-btn2-1" data action="send"><i>Get verification code</i></a>
</div>
<div class="j-err u-err" style="display:none;"><i class="u-icn u-icn-25"></i><span></span></div>
<div class="f-mgt10 actionbox">
<a href="javascript:;" class="f-fr s-fc3 f-hide pwdlogin" data action="pwdlogin">Password Login</a>
<label class="s-fc3"><input type="checkbox" checked="checked" class="j-auto u-auto">Automatic login</label>
</div>
</div>
<div class="f-mgt20">
<div id="pwd-captcha"></div>
<a class="j-primary u-btn2 u-btn2 - 2" hidefocus="true" href="#" data action="login"><i>Login</i></a>
</div>
</div>
<div class="js-btmbar n-loglink2 f-cb">
<a href="javascript:;" data action="select" class="f-fl s-primary"><Other login methods</a>
<a href="javascript:;" data action="reg" class="f-fr">No account?
Free registration></a>
</div>
</div>
<div class="lyct lyct-1 f-cb">
<div class="n-log2 n-log2-2">
<div class="f-pr" style="z-index:5;">
<input type="text" name="e" id="e" class="js input u-txt" placeholder="Please enter an account" autocomplete="off">
<ul class="js-suggest u-fill" style="visibility:hidden;"></ul>
</div>
<div class="f-mgt10">
<input type="password" name="epw" id="epw" class="js input u-txt" placeholder="Please enter the password" autocomplete="new password">
</div>
<div class="js-captcha"></div>
<div class="ScapTcha js-scaptcha"></div>
<div class="u-err" style="display:none;"><i class="u-icn u-icn-25"></i><span></span></div>
<div class="f-mgt10">
<label class="s-fc3"><input type="checkbox" checked="checked" class="u-auto">Automatic login</label>
<a href="//reg.163. com/getpasswd/RetakePassword. jsp" target="_blank" class="f-fr s-fc3">Forgot your password</
a>
</div>
<div class="f-mgt20">
<a class="js primary u-btn2 u-btn2 - 2" hidefocus="true" href="#" data action="login"><i>Login</i></a>
</div>
</div>
<div class="n-loglink2"><a href="javascript:;" data action="select" class="s-primary"><Other login methods</a></div>
</div>
{list suggests as item}
<li class="f-thide"><a href="#" data-action="suggest" title="${item|escape}">${item|escape}</a></li>
{/list}
<div class="lyct lyct-1 f-cb">
<div class="n-log2 n-log2-2">
<div class="s-fc3"><label>Mobile number:</label></div>
<div class="j-mob f-mgt10"></div>
<div class="f-mgt10 s-fc3"><label>Password:</label></div>
<div class="f-mgt10">
<input type="password" class="j-pwd u-txt" placeholder="Set the login password to no less than 8 digits" autocomplete="new password">
</div>
<div class="j-err u-err"><i class="u-icn u-icn-25"></i><span></span></div>
<div class="pwd-validation f-hide">
<div class="j err u err j pwd valid"><i class="u icn"></i><span>The password cannot contain spaces</span></div>
<div class="j err u err j pwd valid"><i class="u icn"></i><span>Includes at least two types of letters, numbers, and symbols</span></div>
<div class="j err u err j pwd valid"><i class="u icn"></i><span>Password length is 8-20 bits</span></div>
</div>
<div class="f-mgt20">
<a class="j btn j nextstep u-btn2 u-btn2" hidefocus="true" href="javascript:;" data action="ok"><i>Next</i></a>
</div>
</div>
<div class="n-loglink2"><a href="javascript:;" data action="back" class="s-primary"><Return to Login</a></div>
</div>
<div class="lyct lyct-1 f-cb">
<div class="n-log2 n-log2-2">
<p class="js tip f-hide u-tip">Cloud music will no longer support<strong class="s-fc1">Tencent Weibo</strong>login method.<br/>Please bind your mobile phone number to avoid that you cannot use the account later</p>
<div class="js-mobwrap f-hide f-pdb20">
<p class="s-fc3">Your mobile phone number:<strong class="s-fc1">+<span class="js code"></span><span class="js mob"></span></strong></p>
<p class="s-fc4 f-mgt5">For security, we will send you a SMS verification code</p>
</div>
<div class="js-mobwrap f-hide f-pdb10">
<div class="s-fc3"><label class="js-lbl"></label></div>
<div class="j-mob f-mgt10"></div>
<div class="s-fc3 f-mgt10"><label>Verification code:</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"><Return to Login</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">Cloud music will no longer support<strong class="s-fc1">Tencent Weibo</strong>login method.<br/>Please bind your mobile phone number to avoid that you cannot use the account later</p>
<div class="js-mobwrap f-hide f-pdb20">
<p class="s-fc3">Your mobile phone number:<strong class="s-fc1">+<span class="js code"></span><span class="js mob"></span></strong></p>
<p class="s-fc4 f-mgt5">For security, we will send you a SMS verification code</p>
</div>
<div class="js-mobwrap f-pdb10">
<div class="s-fc3">
<label class="js lbl">Enter the complete mobile phone number to be unbound to verify your identity</label>
</div>
<div class="f-mgt10 clearfix">
<div class="u-txtwrap">
<input type="text" class="js txt u txt" placeholder="Please enter your mobile phone number" 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>Next</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"><Return to Login</a>
<a href="javascript:;" data action="skip" class="js skip f-hide f-fr">Skip></a>
</div>
</div>
<div class="f-cb">
<input style="box sizing: content box;" type="text" class="js input u-txt u-txt 2" placeholder="Please enter the verification code" value="">
<span class="js-cd u-cd f-hide"></span>
<a href="#" class="js-send u-btn2 u-btn2-1 f-hide" data action="send"><i>Get verification code</i></a>
<div class="u-err"><i class="u-icn u-icn-25"></i><span></span></div>
</div>
<div class="f-cb">
<div class="u-word">
<input type="text" class="js-input u-txt u-txt3" value="" maxlength="1" data-index="0">
</div>
<div class="u-word">
<input type="text" class="js-input u-txt u-txt3" value="" maxlength="1" data-index="1">
</div>
<div class="u-word">
<input type="text" class="js-input u-txt u-txt3" value="" maxlength="1" data-index="2">
</div>
<div class="u-word">
<input type="text" class="js-input u-txt u-txt3" value="" maxlength="1" data-index="3">
</div>
</div>
<div class="send">
<span class="js-cd u-btn u-btn2 f-hide"></span>
<a href="#" class="js send u btn f-hide" data action="send" style="height: 31px;"><i>Get verification code</i></a>
</div>
<div class="u-err"><i class="u-icn u-icn-25"></i><span></span></div>
<div class="lyct lyct-1 f-cb">
<div class="n-log2 n-log2-3">
<p class="s-fc1 f-tc">Take a nickname to let everyone remember you</p>
<div class="f-mgt20">
<input type="text" class="js flag u txt" placeholder="Nicknames should not be less than 4 letters or 2 Chinese characters">
</div>
<div class="f-cb ScapTcha js-flag" style="margin-top:10px;"></div>
<div class="u-err js-flag" class="f-hide"><i class="u-icn u-icn-25"></i><span></span></div>
<div class="f-mgt20">
<a class="u-btn2 u-btn2 js flag" hidefocus="true" href="#" data action="ok"><i>Complete the registration and start cloud music</i></a>
</div>
</div>
</div>
<div class="lyct lyct-1 f-cb">
<div class="n-log2 n-log2-3">
<p class="js tip s-fc1 f-tc f-mg20">Choose a nickname to let everyone remember you</p>
<div class="f-mgt20">
<input type="text" class="js input u txt" placeholder="Nicknames should not be less than 4 letters or 2 Chinese characters">
</div>
<div class="u-err" class="f-hide"><i class="u-icn u-icn-25"></i><span></span></div>
<div class="f-mgt20">
<a class="js primary u-btn2 u-btn2 - 2" hidefocus="true" href="#" data action="ok"><i>Complete the registration and start cloud music</i></a>
</div>
</div>
</div>
<div class="lyct lyct-1 f-cb">
<div class="n-log2 n-log2-3">
<p class="js tip u-tip f-hide">Cloud Music will no longer support the<strong class="s-fc1">Tencent Weibo</strong>login method,<br/>set the login password, and you can use your mobile phone number to log in later</p>
<p class="js tip s-fc3 f-hide">Your mobile phone number:<strong class="s-fc1">+<span class="js code"></span><span class="js mob"></span></strong></p>
<p class="js tip s-fc3 f-mg20 f-tc f-hide">After setting the password, you can directly log in with the phone number+password</p>
<div class="f-mgt10">
<input type="password" class="js input u-txt f-mgt10" placeholder="Set the login password to no less than 8 digits" autocomplete="new password">
</div>
<div class="u-err f-hide"><i class="u-icn u-icn-25"></i><span></span></div>
<div class="pwd-validation f-hide">
<div class="j err u err j pwd valid"><i class="u icn"></i><span>The password cannot contain spaces</span></div>
<div class="j err u err j pwd valid"><i class="u icn"></i><span>Includes at least two types of letters, numbers, and symbols</span></div>
<div class="j err u err j pwd valid"><i class="u icn"></i><span>Password length is 8-20 bits</span></div>
</div>
<div class="f-mgt20">
<a class="js-primary u-btn2 u-btn2-2" hidefocus="true" href="#" data-action="ok"><i></i></a>
</div>
</div>
<div class="js-btmbar n-loglink2 f-cb f-hide">
<a href="javascript:;" data action="skip" class="f-fr">Skip></a>
</div>
</div>
<div class="f-mgt10">
<input id="captcha" type="text" class="u-txt u-code j-flag" placeholder="Please enter the verification code">
<img class="u-captcha j-flag" src="">
</div>
<div class="wrap">
<p class="s-fc3">If you are not a robot, it must be OK to enter the verification code</
p>
<p class="input f-cb j-flag">
</p>
<div class="u-err f-hide j-flag"><i class="u-icn u-icn-25"></i>Account or password error</div>
<div class="btnwrap">
<a data action="ok" class="u-btn2 u-btn2 u-btn2 w2" hidefocus="true" href="javascript:;"><i>OK</i></a>
<a data action="cc" class="u-btn2 u-btn2-1 u-btn2-w2" hidefocus="true" href="javascript:;"><i>Cancel</i></a>
</div>
</div>
<div class="u-phonewrap">
<a class="current" href="javascript:;" data-action="toggle">
<span class="j-code">+86</span>
<span class="icn u-icn2 u-icn2-17"></span>
</a>
<div class="txtwrap">
<input style="box sizing: content box;" type="text" name="p" id="p" class="j phone txt u txt" placeholder="Please enter your phone number" autocomplete="off">
</div>
<ul class="j-list options f-hide"></ul>
</div>
{list countries as x}
<li class="itm f-cb" data-action="select" data-index="${x_index}">
<span class="lt">${x.zh}</span>
<span class="rt">+${x.code}</span>
</li>
{/list}
<div class="lyct lyct-1 f-cb">
<div class="n-log2 n-log2-3">
<div class="pic"></div>
<p class="s-fc1 f-tc">
Since you are logged in on an untrusted device, you need to perform SMS verification (<span class="js mobile"></span>)
</p>
<div class="f-mgt20">
<a class="u-btn2 u-btn2 js flag" hidefocus="true" data action="ok"><i>Verify your identity by SMS</i></a>
</div>
</div>
</div>
<div class="u-slt f-pr"><span class="curr f-thide"></span><i class="btn"></i><ul></ul></div>
{list data as x}<li class="f-thide"><a href="#" data-value="${x.v}" title="${x.t}">${x.t}</a></li>{/list}
<div class="lyct m-crgd f-cb f-tc">
<p>Song title:<input type="text" class="u-txt j-flag"></p>
<div class="u-err f-vhide j-flag"><i class="u-icn u-icn-25"></i>Error Prompt</div>
<p class="tip s-fc4">You can add music to a new song list through "Collection"</p>
<div class="btn">
<a href="javascript:;" class="u-btn2 u-btn2 u-btn2 w2 j-flag" hidefocus="true"><i>New</i></a>
<a href="javascript:;" class="u-btn2 u-btn2-1 u-btn2-w2 j-flag" hidefocus="true"><i>Cancel</i></a>
</div>
</div>
<div class="u-title u-title-1">
<h3><span class="f-ff2">Comments</span></h3><span class="sub s-fc3">There are<span class="j flag">0</span>comments</span>
</div>
<div class="m-cmmt">
<div class="iptarea">
<div class="head"><img src="
http://s4.music.126.net/style/web2/img/default/default_avatar.jpg?param=50y50
"></div>
<div class="j-flag"></div>
</div>
<div class="cmmts j-flag"></div>
<div class="j-flag"></div>
</div>
<div class="m-dynamic">
<div class="dbox dbox-cmt">
<span class="darr"><i class="bd">◆</i><i class="bg">◆</i></span>
<div class="m-cmmt m-cmmt-s">
<div class="iptarea j-flag">
</div>
<div class="cmmts">
<div class="j-flag"></div>
<div class="dmore dmore-cmt f-cb">
<div class="dhas s-fc3">There are also<span class="j flag">0</span>comments,<a data type="viewmore" class="s-fc3 f-ff1" href="javascript: void (0)">View More></a></div>
<a data type="cc" class="dtoggle" href="javascript: void (0)">Collapse<i data type="cc" class="u-icn u-icn-61"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="dcmt">
<p><span class="f-fw1">Comments</span>(<span class="j flag"></span>)</p>
<div class="m-cmmt m-cmmt-s">
<div class="iptarea j-flag">
</div>
<div class="cmmts j-flag">
</div>
<div class="j-flag">
</div>
</div>
</div>
{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>
{if x.user.avatarDetail && x.user.avatarDetail.identityIconUrl}
<img style="margin-right:5px;
vertical-align:-2px;
" width=13 height=13 src="${x.user.avatarDetail.identityIconUrl}" />
{/if}
{if x.user.vipRights}
{if x.user.vipRights.redplus && x.user.vipRights.redplus.vipCode === 300 && x.user.vipRights.redplus.rights && x.user.vipRights.redplus.iconUrl}
<img src="${x.user.vipRights.redplus.iconUrl}"
class="brand-tag brand-svip" />
{elseif x.user.vipRights.associator && x.user.vipRights.associator.rights && x.user.vipRights.redVipLevel}
{if x.user.vipRights.associator.iconUrl}
<img src="${x.user.vipRights.associator.iconUrl}"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 1}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289771075/9cde/206c/1521/ae97069bf19817f1fff4e3afda1d3998.png"
class="brand-tag brand-vip" />
{else}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213922817/9124/a83c/7eb7/6d7d81b608bfb56d7fb286bd8eb72346.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.redVipLevel == 2}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289779981/0735/9a76/996b/2b858ffcf51cb298412b566407c4cc75.png"
class="brand-tag brand-vip" />
{else}
<img src="//p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213922900/5a1b/446b/b722/ec5a532c258824e8b59a45c166195e90.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.redVipLevel == 3}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289796623/21a9/2cb2/8817/596f81c8bb28d1bca5f332ac3dc9a79e.png"
class="brand-tag brand-vip" />
{else}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213922957/d393/4206/8928/a082dd9a7e7bb69e84b138b8df7bbcd0.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.redVipLevel == 4}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289814330/170d/189e/70cb/75a12e81f2f6f92407419e417e9777b0.png"
class="brand-tag brand-vip" />
{else}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923065/dc4e/2b9c/7677/20a6644c6e3a093d7accce919ae7b169.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.redVipLevel == 5}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289819871/cae8/cbb4/63e2/feee66e7a731f20d2ce7aab9e92d1f68.png"
class="brand-tag brand-vip" />
{else}
<img src="//p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923094/81eb/9288/68a5/a427a0dbf899d616c3f715272a71ee59.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.redVipLevel == 6}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289839236/54ce/9c06/9eae/861f11a2e2666f34ad7f201e001d9221.png"
class="brand-tag brand-vip" />
{else}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923139/f08a/c6ea/10ee/f7e2deef21937a1042e370c47525c956.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.redVipLevel == 7}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289847457/5230/7279/6543/ee2a0c6b2941a9647669e3ca522c350a.png"
class="brand-tag brand-vip" />
{else}
<img src="//p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923212/f4f1/83be/e735/2099233f0f7b80e35aff0ab77374ee41.png"
class="brand-tag brand-vip" />
{/if}
{/if}
{elseif x.user.vipRights.musicPackage && x.user.vipRights.musicPackage.rights}
{if x.user.vipRights.musicPackage.iconUrl}
<img src="${x.user.vipRights.musicPackage.iconUrl}"
class="brand-tag brand-package" />
{else}
<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
class="brand-tag brand-package" />
{/if}
{elseif x.user.vipRights.redVipAnnualCount >= 1}
{if useNewVipIcon}
<img src="//p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31290261228/d8c6/b0fb/b236/ccc907aabf076e224ac6f2ae76d045e3.png" class="brand-tag brand-vip"/>
{else}
<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
{/if}
{elseif x.user.vipRights.associator && x.user.vipRights.associator.rights}
{if useNewVipIcon}
<img src="//p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289879300/0ce6/0791/894f/2d90cb8ac138e4e4eda83f13d7979e88.png"
class="brand-tag brand-vip" />
{else}
<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
class="brand-tag brand-vip" />
{/if}
{/if}
{/if}
{if !!x.beRepliedUser}
Reply<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.redplus && x.beRepliedUser.vipRights.redplus.vipCode === 300 && x.beRepliedUser.vipRights.redplus.rights && x.beRepliedUser.vipRights.redplus.iconUrl}
<img src="${x.beRepliedUser.vipRights.redplus.iconUrl}"
class="brand-tag brand-svip" />
{elseif x.beRepliedUser.vipRights.associator && x.beRepliedUser.vipRights.associator.rights}
{if x.beRepliedUser.vipRights.redVipAnnualCount >= 1}
{if useNewVipIcon}
<img src="//p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31290261228/d8c6/b0fb/b236/ccc907aabf076e224ac6f2ae76d045e3.png" class="brand-tag brand-vip"/>
{else}
<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
{/if}
{elseif x.beRepliedUser.vipRights.associator.iconUrl}
<img src="${x.beRepliedUser.vipRights.associator.iconUrl}"
class="brand-tag brand-vip" />
{else}
{if useNewVipIcon}
<img src="//p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289879300/0ce6/0791/894f/2d90cb8ac138e4e4eda83f13d7979e88.png"
class="brand-tag brand-vip" />
{else}
<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
class="brand-tag brand-vip" />
{/if}
{/if}
{elseif x.beRepliedUser.vipRights.musicPackage && x.beRepliedUser.vipRights.musicPackage.rights}
{if x.beRepliedUser.vipRights.musicPackage.iconUrl}
<img src="${x.beRepliedUser.vipRights.musicPackage.iconUrl}"
class="brand-tag brand-package" />
{else}
<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
class="brand-tag brand-package" />
{/if}
{/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>=0) && (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.redplus && replied.user.vipRights.redplus.vipCode === 300 && replied.user.vipRights.redplus.rights && replied.user.vipRights.redplus.iconUrl}
<img src="${replied.user.vipRights.redplus.iconUrl}" class="brand-tag brand-svip" />
{elseif replied.user.vipRights.associator && replied.user.vipRights.associator.rights}
{if replied.user.vipRights.redVipAnnualCount >= 1}
{if useNewVipIcon}
<img src="//p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31290261228/d8c6/b0fb/b236/ccc907aabf076e224ac6f2ae76d045e3.png" class="brand-tag brand-vip"/>
{else}
<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
{/if}
{elseif replied.user.vipRights.associator.iconUrl}
<img src="${replied.user.vipRights.associator.iconUrl}"
class="brand-tag brand-vip" />
{else}
{if useNewVipIcon}
<img src="//p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289879300/0ce6/0791/894f/2d90cb8ac138e4e4eda83f13d7979e88.png"
class="brand-tag brand-vip" />
{else}
<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
class="brand-tag brand-vip" />
{/if}
{/if}
{elseif replied.user.vipRights.musicPackage && replied.user.vipRights.musicPackage.rights}
{if replied.user.vipRights.musicPackage.iconUrl}
<img src="${replied.user.vipRights.musicPackage.iconUrl}"
class="brand-tag brand-package" />
{else}
<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
class="brand-tag brand-package" />
{/if}
{/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}
The comment has been deleted
{/if}
</div>
{/if}
<div class="rp">
<div class="time s-fc4">${timeformat(x.time)}</div>
{if x.topCommentId}<span class="top">Musician tops</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 id="${x.topCommentId}" data type="canceltop">Unset the top</a>{else}<a href="javascript: void (0)" class="s-fc3" data id="${x.commentId}" data type="gotop">Comment on the top</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 id="${x.topCommentId}" {/if} data type="delete">Delete</a><span class="sep">|</span></span>
{else}
<span class="dlt"><span style="display: none;" class="j delete comment"><a href="javascript: void (0)" class="s-fc3" data id="${x.commentId}" {if x.topCommentId} data id="${x.topCommentId}" {/if} data type="delete">Delete</a><span class="sep">|</span></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">Remove wonderful comments</a><span class="sep">|</span></span>
{else}
<span class="s-fc3">Outstanding comments have been removed</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">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>
{if x.user.avatarDetail && x.user.avatarDetail.identityIconUrl}
<img style="margin-right:5px;
vertical-align:-2px;
" width=13 height=13 src="${x.user.avatarDetail.identityIconUrl}" />
{/if}
{if x.user.vipRights}
{if x.user.vipRights.redplus && x.user.vipRights.redplus.vipCode === 300 && x.user.vipRights.redplus.rights && x.user.vipRights.redplus.iconUrl}
<img src="${x.user.vipRights.redplus.iconUrl}"
class="brand-tag brand-svip" />
{elseif x.user.vipRights.associator && x.user.vipRights.associator.rights}
{if x.user.vipRights.associator.iconUrl}
<img src="${x.user.vipRights.associator.iconUrl}"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 1}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213922817/9124/a83c/7eb7/6d7d81b608bfb56d7fb286bd8eb72346.png"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 2}
<img src="//p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213922900/5a1b/446b/b722/ec5a532c258824e8b59a45c166195e90.png"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 3}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213922957/d393/4206/8928/a082dd9a7e7bb69e84b138b8df7bbcd0.png"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 4}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923065/dc4e/2b9c/7677/20a6644c6e3a093d7accce919ae7b169.png"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 5}
<img src="//p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923094/81eb/9288/68a5/a427a0dbf899d616c3f715272a71ee59.png"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 6}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923139/f08a/c6ea/10ee/f7e2deef21937a1042e370c47525c956.png"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 7}
<img src="//p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923212/f4f1/83be/e735/2099233f0f7b80e35aff0ab77374ee41.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.musicPackage && x.user.vipRights.musicPackage.rights}
{if x.user.vipRights.musicPackage.iconUrl}
<img src="${x.user.vipRights.musicPackage.iconUrl}"
class="brand-tag brand-package" />
{else}
<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
class="brand-tag brand-package" />
{/if}
{/if}
{/if}
{if !!x.beRepliedUser}
Reply<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.redplus && x.beRepliedUser.vipRights.redplus.vipCode === 300 && x.beRepliedUser.vipRights.redplus.rights && x.beRepliedUser.vipRights.redplus.iconUrl}
<img src="${x.beRepliedUser.vipRights.redplus.iconUrl}" class="brand-tag brand-svip" />
{elseif 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"/>
{elseif x.beRepliedUser.vipRights.associator.iconUrl}
<img src="${x.beRepliedUser.vipRights.associator.iconUrl}"
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}
{if x.beRepliedUser.vipRights.musicPackage.iconUrl}
<img src="${x.beRepliedUser.vipRights.musicPackage.iconUrl}"
class="brand-tag brand-package" />
{else}
<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
class="brand-tag brand-package" />
{/if}
{/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.redplus && replied.user.vipRights.redplus.vipCode === 300 && replied.user.vipRights.redplus.rights && replied.user.vipRights.redplus.iconUrl}
<img src="${replied.user.vipRights.redplus.iconUrl}" class="brand-tag brand-svip" />
{elseif 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"/>
{elseif replied.user.vipRights.associator.iconUrl}
<img src="${replied.user.vipRights.associator.iconUrl}"
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}
{if replied.user.vipRights.musicPackage.iconUrl}
<img src="${replied.user.vipRights.musicPackage.iconUrl}"
class="brand-tag brand-package" />
{else}
<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
class="brand-tag brand-package" />
{/if}
{/if}
{/if}
:${getRichText(escape(replied.content),'s-fc7')}
{else}
The comment has been deleted
{/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">Delete</a><span class="sep">|</span>
</span>
{else}
<span class="dlt"><span style="display: none;" class="j delete comment"><a href="javascript: void (0)" class="s-fc3" data id="${x.commentId}" {if x.topCommentId} data id="${x.topCommentId}" {/if} data type="delete">Delete</a><span class="sep">|</span></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">Reply</a>
</div>
</div>
</div>
{/list}
<div class="m-cmmtipt f-cb f-pr">
<div class="u-txtwrap holder-parent f-pr">
<textarea class="u-txt area j-flag" data-type="" placeholder="${placeholder}"></textarea>
</div>
<div class="btns f-cb f-pr">
<i class="icn u-icn u-icn-36 j-flag"></i><i class="icn u-icn u-icn-41 j-flag"></i>
<a href="javascript: void (0)" class="btn u-btn u-btn-1 j-flag">Comments</a>
<span class="zs s-fc4 j-flag">110/120</span>
</div>
<div class="corr u-arr"><em class="arrline">◆</em><span class="arrclr">◆</span></div>
</div>
<div class="rept m-quk m-quk-1 f-pr">
<div class="iner">
<div class="corr u-arr u-arr-1"><em class="arrline">◆</em><span class="arrclr">◆</span></div>
<div class="m-cmmtipt m-cmmtipt-1 f-cb f-pr">
<div class="u-txtwrap holder-parent f-pr j-wrap">
<textarea class="u-txt area j-flag" placeholder="${placeholder}"></textarea>
</div>
<div class="btns f-cb f-pr">
<i class="icn u-icn u-icn-36 j-flag"></i><i class="icn u-icn u-icn-41 j-flag"></i>
<a href="javascript: void (0)" class="btn u-btn u-btn-1 j-flag">Reply</a>
<span class="zs s-fc4 j-flag">110/120</span>
</div>
</div>
</div>
</div>
<div class="m-cmmtipt f-cb f-pr">
<div class="u-txtwrap holder-parent f-pr">
<textarea class="u-txt area j-flag" placeholder="${placeholder}"></textarea>
</div>
<div class="btns f-cb f-pr">
<i class="icn u-icn u-icn-36 j-flag"></i><i class="icn u-icn u-icn-41 j-flag"></i>
<a class="btn u-btn u-btn-1 j-flag" href="javascript: void (0)">Reply</a>
<span class="zs s-fc4 j-flag">110/120</span>
</div>
</div>
<div class="m-cmmtipt f-cb f-pr">
<div class="u-txtwrap f-pr">
<textarea class="u-txt area j-flag"></textarea>
</div>
<div class="btns f-cb f-pr">
<i class="icn u-icn u-icn-36 j-flag"></i><i class="icn u-icn u-icn-41 j-flag" style="display:none;"></i>
<a class="f-fr u-btn u-btn-1 j-flag" href="javascript: void (0)">Send</a><span class="zs s-fc4 j-flag">110/120</span>
</div>
</div>
<div class="m-cmmtipt f-cb f-pr">
<div class="u-txtwrap holder-parent f-pr">
<textarea class="u-txt area j-flag" placeholder="${placeholder}"></textarea>
</div>
<div class="btns f-cb f-pr">
<i class="icn u-icn u-icn-36 j-flag"></i><i class="icn u-icn u-icn-41 j-flag"></i>
<a class="btn u-btn u-btn-1 j-flag" href="javascript: void (0)">Comments</a>
<span class="zs s-fc4 j-flag">110/120</span>
</div>
</div>
<div class="m-cmmtipt f-cb f-pr">
<div class="u-txtwrap holder-parent f-pr">
<textarea class="u-txt area j-flag" placeholder="${placeholder}"></textarea>
</div>
<div class="btns f-cb f-pr">
<i class="icn u-icn u-icn-36 j-flag"></i><i class="icn u-icn u-icn-41 j-flag"></i>
<a class="btn u-btn u-btn-1 j-flag" href="javascript: void (0)">Send</a>
<span class="zs s-fc4 j-flag">110/120</span>
</div>
</div>
<div class="lyct lyct-1 m-favgd f-cb">
<div class="tit j flag"><i class="u-icn u-icn-33"></i>New song list</div>
<div class="j-flag">
<div class="u-load s-fc4"><i class="icn"></i>Loading</
div>
</div>
</div>
<ul>
{list beg..end as y}
{var x=xlist[y]}
<li data-id="${x.id}" class="xtag {if x.trackCount+size>10000}dis{/if}">
<div class="item f-cb">
<div class="left">
<a href="javascript:void(0)" class="avatar" target="_blank">
<img alt="" src="${x.coverImgUrl}?param=40y40">
{if x.highQuality}<i class="u-jp u-icn2 u-icn2-jp5"></i>{/if}
</a>
</div>
<p class="name f-thide"><a class="s-fc0" href="javascript:void(0)" target="_blank">${escape(cutStr(x.name,40))}</a></p>
<p class="s-fc3">${x.trackCount}</p>
{if x.trackCount+size>10000}<p class="limit">The list is full</p>{/if}
</div>
</li>
{/list}
</ul>
<div class="lyct lyct-1 f-cb">
<div class="m-lyshare">
<div class="u-txtwrap f-pr">
<label style="display: block;" class="j flag">Say something</label>
<textarea class="u-txt area j-flag" text = ></textarea>
</div>
<div class="oper f-cb j-flag">
<div class="face f-fl f-pr">
<i class="u-icn u-icn-36 f-fl j-flag"></i>
<i class="u-icn u-icn-41 j-flag"></i>
</div>
<span class="zs f-fr s-fc3 j-flag">140</span>
</div>
<div class="btnwrap">
<a class="u-btn2 u-btn2-2 u-btn2-w2 j-flag" hidedocus="true" href="#"><i>Forward</i></a>
<a class="u-btn2 u-btn2-1 u-btn2-w2 j-flag" hidefocus="true" href="#"><i>Cancel</i></a>
</div>
<div class="j-flag u-err"><i class="u-icn u-icn-25"></i><span></span></div>
</div>
</div>
<div class="lyct f-cb f-tc">
<p class="f-fs3 f-ff2"><i class="u-icn u-icn-76"></i>The song synchronization is completed</p>
<div class="lybtn">
<a href="javascript:;" class="u-btn2 u-btn2-2 j-flag" hidefocus="true"><i>View My Music</i></a>
</div>
</div>
<div class="u-atlist">
{if suggests.length == 0}
<p>Tap the space to complete the input</p>
{else}
<p>Select the latest @ person or enter directly</p>
{/if}
<div class="lst">
{list suggests as suggest}
<a href="javascript:;" data-index=${suggest_index} class="f-thide j-sgt">${suggest.nickname}</a>
{/list}
</div>
</div>
<div class="ct f-pr">
<div class="u-txtwrap f-pr">
<div class="u-txt txtwrap j-flag">
{if receiver}
<div class="blk s-fc3 j receiver">${receiver. nickname}<a href="#" class="cls" title="Delete">×</a></div>
{/if}
<span class="holder-parent j-flag" style="float:left">
<input type="text" class="txt j-flag" />
<label class="holder j flag">Select or enter a friend's nickname</label>
</span>
</div>
</div>
<ul class="full j-flag" style="_height:182px;display:none">
{list users as user}
<li class="j-item" data-userId=${user.userId} data-username=${user.nickname} data-index=${user_index}><a href="#"><img src=${user.avatarUrl}>${user.nickname}</a></li>
{/list}
</ul>
<div class="j-flag" style="position:absolute;
left: -1000px;width:auto;
"></div>
</div>
{list users as user}
<li class="j-item" data-userId=${user.userId} data-username=${user.nickname} data-index=${user_index}><a href="#"><img src=${user.avatarUrl}>${user.nickname}</a></li>
{/list}
<div class="lyct lyct-1 f-cb">
<div class="m-lyshare">
<ul class="m-tabs1 j-flag">
<li><a href="#"><em>Share with you</em></a></li>
<li><a href="#"><em>Private Message Sharing</em></a></li>
</ul>
<div class="u-err j-flag" style="display: none">Select up to 10 friends</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="Tell me something" 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>Share</i></a>
<a class="u-btn2 u-btn2-1 u-btn2-w2 j-flag" hidefocus="true" href="javascript:;" data action="close"><i>Cancel</i></a>
</div>
<div class="f-cb j-flag f-fr">
<div class="share f-fr">
<span class="f-fl s-fc3">Share to:</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="Sina Weibo"></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="Douban.com"></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">Search for "${keyword | cutStr}" related users</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">Singles</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">Singer</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">Album</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">Singing List</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">Video</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>
<i class="highlight"></i><div class="text f-fl f-fs1"><p class="f-thide">${info|escape}</p></div>
{if canChange}<i class="f-fr icn u-icn2 u-icn2-arr"></i>{/if}
<div class="text">
<div class="cvr f-fl f-pr" style="background-image:url(${picUrl}?imageView&thumbnail=107x60),url(${picUrl}?
imageView&thumbnail=107y60&blur=30x15)">
</div>
<h3 class="f-thide f-fs1">${title}</h3>
<i class="f-fr icn u-icn2 u-icn2-arr"></i>
</div>
<div class="f-pr choose f-cb">
<ul class="pics f-pr f-cb j-flag"><li class="f-pr add j-flag u-icn2 u-icn2 addimg" title="Add new picture"></li></ul>
<div class="f-pa tip s-fc6 j-flag"></div>
</div>
<li class="pic f-pr{if fail} z-fail{/if}">
{if !fail}
<i class="f-img icn"></i>
{else}
<div class="mask f-blk f-pa"></div><div class="f-blk f-pa error">${fail}</div>
{/if}
<span class="del f-pa u-icn2 u-icn2 delimg" title="Delete"></span>
</li>
{if !fail}
<img class="f-img" src="${url}?imageView&thumbnail=80y80" draggable=false>
{else}
<div class="mask f-blk f-pa"></div><div class="f-blk f-pa error">${fail}</div>
{/if}
<div class="lyct f-cb f-tc">
<p class="f-fs1">
<i class="u-icn u-icn-89 j-flag"></i>
<span class="f-fw1"> <span class="j-flag"></span></span>
</p>
<p class="mesg j-flag"> </p>
<div class="lybtn">
<a href="javascript:;" class="u-btn2 u-btn2 u-btn2 w2 j-flag" hidefocus="true"><i>Got it</i></a>
</div>
</div>
<div class="lyct f-tc">
<p class="j-t"><i class="u-icn u-icn-90"></i></p>
<p class="j-t msg1"></p>
</div>
<div class="j-t lsbtn f-tc">
<a href="javascript:;" class="u-btn2 u-btn2 u-btn2 w2" hidefocus="true"><i>Upload Programs</i></a>
</div>
<div class="lyct lyct-1 f-cb">
<div class="n-log2 n-log2-4">
<p class="js-tip u-tip-2"></p>
<div class="lybtn f-tc">
<a href="javascript:;" class="u-btn2 u-btn2 - 2" hidefocus="true" data action="ok"><i>Delete</i></a>
<a href="javascript:;" class="u-btn2 u-btn2-1" hidefocus="true" data action="cancel"><i>Cancel</i></a>
</div>
</div>
</div>
<div class="m-layer-termconfirm">
<div class="termconfirm-modal">
<div class="termconfirm-head">
Update of Terms of Service and Privacy Policy
</div>
<div class="termconfirm-body">
Terms of Service
</div>
<div class="termconfirm-foot">
<a href="javascript:;" class="btn btn confirm" hidefocus="true" data action="ok"><i>Agree</i></a>
</div>
</div>
</div>
{list buttons as item}
<a hidefocus="true" class="u-btn2 ${item.klass} {if item.style}${item.style}
{else}u-btn2-w2
{/if}" href="#" {if !!item.action}data-action="${item.action}"{/if}><i>${item.text}</i></a>
{/list}
<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">WeChat</a>
</li>
<!--
<li>
<a href="#" data-action="wxevt" class="logo wxevt"></a>
<a href="#" data action="wxevt" class="wd">WeChat friends circle</a>
</li>
-->
<li>
<a href="#" data-action="yxfrd" class="logo yxfrd"></a>
<a href="#" data action="yxfrd" class="wd">Yixin</a>
</li>
<!--
<li>
<a href="#" data-action="yxevt" class="logo yxevt"></a>
<a href="#" data action="yxevt" class="wd">Yixin's circle of friends</a>
</li>
-->
<li>
<a href="#" data-action="qzone" class="logo qzone"></a>
<a href="#" data action="qzone" class="wd">QQ space</a>
</li>
<li>
<a href="#" data-action="lofte" class="logo lofte"></a>
<a href="#" data-action="lofte" class="wd">LOFTER</a>
</li>
</ul>
</div>
<div class="lyct f-cb f-tc">
<div class="f-fs1 j-flag">message</div>
<div class="lybtn">
<a hidefocus="true" class="u-btn2 u-btn2-2 u-btn2-w2 j-flag" href="javascript:;"><i>Got it</i></a>
</div>
</div>
<div class="lyct lyct-1 f-cb">
<ul class="m-shareto f-cb j-flag">
<li class="fst" data-action="sn" data-type="2">
<a href="#" class="logo logo-sn"></a>
<a href="#" class="wd s-fc3">Sina Weibo</a>
</li>
<li data-action="tx" data-type="6" style="display:none;">
<a href="#" class="logo logo-tc"></a>
<a href="#" class="wd s-fc3">Tencent Weibo</a>
</li>
<li data-action="db" data-type="3">
<a href="#" class="logo logo-db"></a>
<a href="#" class="wd s-fc3">Douban</a>
</li>
</ul>
</div>
</div>
<div class="lyct lyct-1 f-cb">
<div class="m-lyshare">
<div class="u-txtwrap f-pr">
<textarea data-action="txt" class="u-txt area j-flag"></textarea>
</div>
<div class="oper f-cb">
<div class="face f-fl f-pr j-flag">
<i data-action="emt" class="u-icn u-icn-36 f-fl"></i>
</div>
<span class="zs f-fr s-fc3 j-flag">140</span>
</div>
<div class="btnwrap">
<a data action="ok" class="u-btn2 u-btn2 u-btn2 w2 j-flag" hidefocus="true" href="#"><i>Share</i></a>
<a data action="cc" class="u-btn2 u-btn2-1 u-btn2-w2" hidefocus="true" href="#"><i>Cancel</i></a>
</div>
<div class="u-err f-hide j-flag"><i class="u-icn u-icn-25"></i></div>
</div>
</div>
<div class="lyct f-tc">
<div class="f-cb m-tipinfo">
<i class="u-icn2 u-icn2-11 f-fl"></i>
<div class="f-fr f-pr f-fs1 tip">${tip}</div>
</div>
</div>
<div class="lsbtn f-tc">
<a data-action="ok" href="javascript:void(0)" class="u-btn2 u-btn2-2 u-btn2-2-h {if oktext.length<=2}u-btn2-w2{/if}" hidefocus="true"><i>${oktext}</i></a>
<a data-action="cc" href="javascript:void(0)" hidefocus="true" class="u-btn2 u-btn2-1 u-btn2-1-h {if cctext.length<=2}u-btn2-w2{/if}"><i>${cctext}</i></a>
</div>
<div class="lyct m-songpay f-tc">
<div class="f-cb m-tipinfo">
<i class="u-icn2 u-icn2-11 f-fl"></i>
<div class="f-fr f-pr f-fs1 tip">${tip}</div>
</div>
<div class="f-pr f-tc">
<a data-action="ok" href="javascript:void(0)" class="u-btn2 u-btn2-2 {if oktext.length<=2}u-btn2-w2{/if}" hidefocus="true"><i>${oktext}</i></a>
{if showSongText}<a data-action="song" class="song s-fc4" href="javascript:void(0)">${songTxt}</a>{/if}
</div>
</div>
<div class="lyct f-tc">
<p><i class="${icon}"></i></p>
<p class="msg1"><span class="f-fs1 s-fc1">${tip}</span></p>
</div>
<div class="lsbtn f-tc">
{if typeof(oktext) != 'undefined'}<a data-action="ok" href="javascript:void(0)" class="u-btn2 u-btn2-2 u-btn2-2-h {if oktext.length<=2}u-btn2-w2{/if}" hidefocus="true"><i>${oktext}</i></a>{/if}
{if typeof(cctext) != 'undefined'}<a data-action="cc" href="javascript:void(0)" class="u-btn2 u-btn2-1 u-btn2-1-h {if cctext.length<=2}u-btn2-w2{/if}" hidefocus="true"><i>${cctext}</i></a>{/if}
</div>
<div class="lyct f-tc">
<p><i class="${icon}"></i></p>
<p class="msg1"><span class="f-fs1 s-fc1">${tip}</span></p>
</div>
<div class="lsbtn f-tc">
{if typeof(oktext) != 'undefined'}<a data-action="ok" href="javascript:void(0)" class="u-btn2 u-btn2-2 u-btn2-2-h {if oktext.length<=2}u-btn2-w2{/if}" hidefocus="true"><i>${oktext}</i></a>{/if}
{if typeof(cctext) != 'undefined'}<a data-action="cc" href="javascript:void(0)" class="u-btn2 u-btn2-1 u-btn2-1-h {if cctext.length<=2}u-btn2-w2{/if}" hidefocus="true"><i>${cctext}</i></a>{/if}
</div>
<p>This resource is a public service song
<p>Donate any amount (2~4999 yuan) to enjoy unlimited downloads</p>
<div class="lyct lyct-1">
<ul class="n-outshr f-cb">
<li data-type="xlwb">
<a href="javascript:;" class="logo xlwb"></a>
<a href="javascript:;" class="wd">Sina Weibo</a>
</li>
<li data-type="wx">
<a href="javascript:;" class="logo wxfrd"></a>
<a href="javascript:;" class="wd">WeChat</a>
</li>
<li data-type="yx">
<a href="javascript:;" class="logo yxfrd"></a>
<a href="javascript:;" class="wd">EasyTrust friends</a>
</li>
<li data-type="qzone">
<a href="javascript:;" class="logo qzone"></a>
<a href="javascript:;" class="wd">QQ Space</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">Douban</a>
</li>
</ul>
</div>
<div class="zcnt">
<div class="lyct f-cb f-tc">
<p class="f-fs2">Reward 1 points for everyone to help you fill in the lyrics. Continue</
p>
<p style="padding top: 10px;">If the lyrics are not supplemented within 30 days, the points will be returned to you</p>
<div class="lybtn">
<a href="javascript:;" data action="ok" class="u-btn2 u-btn2 u-btn2 w2" hidefocus="true"><i>Continue</i></a>
<a href="javascript:;" data action="cc" class="u-btn2 u-btn2-1 u-btn2-w2" hidefocus="true"><i>Cancel</i></a>
</div>
</div>
</div>
<div class="box f-cb">
<div data-action="invalid" class="item z-first f-fl">
<div class="icon"></div>
<p>The original mobile phone number has been disabled</p>
<p class="s-fc3">(Verify by other methods)</p>
</div>
<div data-action="valid" class="item f-fr">
<div class="icon"></div>
<p>The original mobile phone number can still be used</p>
<p class="s-fc3">(Verify with mobile phone verification code)</p>
</div>
</div>
<div class="box f-cb f-tc">
{if hasWx}
<div data-action="10" data-type="10" class="item f-ib z-first">
<div class="icon"></div>
<p>Click to use WeChat verification</p>
</div>
{/if}
{if hasQQ}
<div data-action="5" data-type="5" class="item f-ib">
<div class="icon"></div>
<p>Click to use QQ verification</p>
</div>
{/if}
</div>
<div class="m-question">
<div>Please fill in the answers to the following security questions</div>
<div class="qa j-flag f-cb">
<label class="f-fl">Question:</label>
</div>
<div class="qa f-cb">
<label class="f-fl">Answer:</label>
<input type="text" class="u-txt txt f-fl j-flag">
</div>
<div class="u-err f-hide j-flag"><i class="u-icn u-icn-25"></i>Account or password error</div>
<div class="btnwrap">
<a data action="back" class="u-btn2 u-btn2-1 u-btn2-w2" hidefocus="true" href="javascript: void (0)"><i>Previous</i></a>
<a data action="next" class="u-btn2 u-btn2 u-btn2 w2" hidefocus="true" href="javascript: void (0)"><i>Next</i></a>
</div>
</div>
<div class="u-slt f-ib">
<span class="curr f-thick">- Please select -</span>
<i class="btn"></i>
<ul class="f-hide">
</ul>
</div>
<div class="lyct lyct-1">
<div class="dc f-cb">
<ul class="links">
<li class="link f-cb">
<a href="
http://d1.music.126.net/dmusic/netease-cloud-music_1.2.0_amd64_deepin_stable_20190424.deb
"Class=" right "target=" _blank "hidefocus=" true "title=" Download for Linux ">deepin15 (64 bit)</a>
<a href="
http://d1.music.126.net/dmusic/netease-cloud-music_1.2.1_amd64_ubuntu_20190428.deb
"Class=" right "target=" _blank "hidefocus=" true "title=" Download for Linux ">ubuntu18.04 (64 bit)</a>
</li>
</ul>
</div>
</div>
<div class="lyct lyct-1">
<div class="pcdld f-cb">
<img src="../../../style/web2/img/down/uwpWindow. png" alt="Netease Cloud Music UWP Edition">
<p class="txt">Your system is Windows 10. It is recommended to download the UWP version</p>
<div class="choose">
<a class="u-btn2 u-btn2-2" data-res-action="bilog" data-log-action="downloadapp" data-log-json='{"type":"pc","source":"downloadapp"}' href="
https://www.microsoft.com/store/apps/9nblggh6g0jf
" onclick="g_stat('uwp',true,event);_gaq.push(['_trackEvent','download','uwp','download']);
"Hidefocus=" true "title=" Download the UWP version "target=" _blank "><i>Download the UWP version</i></a>
<a class="link" data-res-action="bilog" data-log-action="downloadapp" data-log-json='{"type":"pc","source":"downloadapp"}' href="
https://music.163.com/api/pc/package/download/latest
" onclick="g_stat('pc',true,event);_gaq.push(['_trackEvent','download','pc','download']);
"Hidefocus=" true "title=" Download PC version "target=" _blank "><i>Continue to download PC version</i></a>
</div>
</div>
</div>
{list options as o}
<li class="f-thide" data-index="${o_index}"><a href="javascript:;">${o|filter}</a></li>
{/list}
<h3 class="f-tc">Using Cloud Music Client</h3>
<h4 class="f-tc s-fc3">You can download high-quality music in batches</h4>
<div class="f-cb">
<div class="f-hide wrap j-flag">
<div class="left">
<div data-action="download" data-src="
https://music.163.com/api/osx/download/latest
"Class=" btn btn mac "><i></i>Mac version<span class=" ver j flag ">V1.9.1</span></div>
</div>
<div class="right">
<div class="qtcode"></div>
<div class="s-fc3 f-tc">Scan and download mobile version</div>
</div>
</div>
<div class="f-hide wrap2 j-flag">
<div>
<img src="../../../style/web2/img/down/down_pc_bgi.png" class="center_img" ></img>
</div>
<div class="btn btn open client j flag" data action="orpheus">Open client download</div>
<div>
<a class="btn_download" href="javascript:;" data-action="download" data-src="
https://music.163.com/api/pc/package/download/latest
">No client yet? Go to download</a>
</div>
</div>
</div>
<h3 class="f-tc">Using Cloud Music Client</h3>
<h4 class="f-tc s-fc3">Enjoy a variety of high-quality sound effects</h4>
<div class="f-cb">
<div class="wrap2">
<div>
<img src="../../../style/web2/img/down/audio_pc_bgi.png" class="center_img" ></img>
</div>
<div class="btn btn open client" data action="orpheus">Open client playback</div>
<div>
<a class="btn_download" href="javascript:;" data-action="download" data-src="
https://music.163.com/api/pc/package/download/latest
">No client yet? Go to download</a>
</div>
</div>
</div>
<div class="f-tc wrap ">
<p class="f-fs1 s-fc1 wrap-p">This resource is a paid content. Scan the QR code below and enjoy it with the latest Android or iPhone version</p>
<div class="f-tc wrap-d">
<span class="qtcode j-flag"></span>
</div>
</div>
{var title=""}
{if artists && artists.length}
{list artists as x}
{if x}
{var title = title + x.name}
{if x_index < x_length - 1}
{var title = title + " / "}
{/if}
{/if}
{/list}
{/if}
${escape(title)}
{if artists && artists.length}
<span class="${boxClazz}" title="${comJST('com-artists-title', artists)}">
{list artists as x}
{if !!x}
{if !!x.id}
<a href="/artist?id=${x.id}" class="${clazz}">${mark(escape(x.name))}</a>
{else}
<span class="${clazz}">${mark(escape(x.name))}</span>
{/if}
{if x_index < x_length - 1} / {/if}
{/if}
{/list}
</span>
{/if}
${comJST('com-mv-artists',
artists, clazz, mark, boxClazz)}
{if x.userType==4}${before}<sup class="${clazz2} u-icn2 u-icn2-music2 ${clazz}"></sup>${after}{elseif x.authStatus==1}${before}<sup class="u-icn u-icn-1 ${clazz}"></sup>${after}{elseif (x.expertTags && x.expertTags.length>0) || !isEmptyObject(x.experts)}${before}<sup class="u-icn u-icn-84 ${clazz}"></sup>${after}{/if}
{if loginUserProfile.avatarDetail&&loginUserProfile.avatarDetail.identityIconUrl}
<img style="width: 20px; height: 20px;" class="person-icn" src="${loginUserProfile.avatarDetail.identityIconUrl}" />
{/if}
{if x.avatarDetail && x.avatarDetail.identityIconUrl}
<span class="u-icn-new-wrap">
<img class="u-icn-new" src="${x.avatarDetail.identityIconUrl}"></img>
</span>
{/if}
<div class="m-emts z-show">
<div class="j-flag emtwrap f-cb"></div>
<div class="page">
<a href="#" hidefocus="true" class="j-flag u-btn u-btn-prv"></a><em class="j-flag s-fc3">1/2</em><a href="#" hidefocus="true" class="j-flag u-btn u-btn-nxt"></a>
</div>
</div>
{list plist as item}
<span title="${item.key}" class="emtitm"><img data-text="${item.key}" data-url="${item.key|purl}" class="f-alpha" src="${item.key|purl}"></span>
{/list}
<div class="j-flag"></div>
<div class="j-flag"></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="Play 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="Songs from third-party websites" 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="Add to playlist" 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="Collection"></span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="{if typeof removeQuotes != 'undefined'}${removeQuotes(x.name)}{else}${x.name}{/if}" 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="Share">Share</span>
<span data res id="${x.id}" data res type="18" data res action="download" class="icn icn dl" title="Download"></span>
{if canDel}
<span data res id="${x.id}" data res type="18" data res action="delete" class="icn icn del" title="delete">Delete</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="Not interested">Not interested</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">Song Title</div></th>
<th class="w2-1"><div class="wp">Duration</div></th>
<th class="w4"><div class="wp">Singers</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.privilege.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="Play 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="Play 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="Songs from third-party websites" 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="Add to playlist" 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="Collection"></span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="{if typeof removeQuotes != 'undefined'}${removeQuotes(x.name)}{else}${x.name}{/if}" 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="Share">Share</span>
<span data res id="${x.id}" data res type="18" data res action="download" class="icn icn dl" title="Download"></span>
{if canDel}
<span data res id="${x.id}" data res type="18" data res action="delete" class="icn icn del" title="delete">Delete</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="Play 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="Songs from third-party websites" 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="Add to playlist" 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="Collection"></span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="{if typeof removeQuotes != 'undefined'}${removeQuotes(x.name)}{else}${x.name}{/if}" 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="Share">Share</span>
<span data res id="${x.id}" data res type="18" data res action="download" class="icn icn dl" title="Download"></span>
{if canDel}
<span data res id="${x.id}" data res type="18" data res action="delete" class="icn icn del" title="delete">Delete</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">Title</div></th>
<th class="w2-1"><div class="wp">Duration</div></th>
<th class="w3-1"><div class="wp">Singers</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="Play 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="Play 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="Songs from third-party websites" 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="Add to playlist" 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="Collection"></span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="{if typeof removeQuotes != 'undefined'}${removeQuotes(x.name)}{else}${x.name}{/if}" 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="Share">Share</span>
<span data res id="${x.id}" data res type="18" data res action="download" class="icn icn dl" title="Download"></span>
{if canDel}
<span data res id="${x.id}" data res type="18" data res action="delete" class="icn icn del" title="delete">Delete</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="Play 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="Songs from third-party websites" 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="Add to playlist" 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="Collection"></span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="{if typeof removeQuotes != 'undefined'}${removeQuotes(x.name)}{else}${x.name}{/if}" 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="Share">Share</span>
<span data res id="${x.id}" data res type="18" data res action="download" class="icn icn dl" title="Download"></span>
{if canDel}
<span data res id="${x.id}" data res type="18" data res action="delete" class="icn icn del" title="delete">Delete</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="Add to playlist" 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="Collection"></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="Sharing">Sharing</span>
<span data res id="${x.id}" data res type="18" data res action="download" class="icn icn dl" title="Download">Download</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} times</span>{/if}
</div>
</li>
{/list}
</ul>
{if extData&&extData.limit&&xlist.length>extData.limit}
<div class="more">
<a href="/user/songs/rank? Id=${hostId}">See more></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="Play 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="Add to playlist" 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="Collection"></span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="{if typeof removeQuotes != 'undefined'}${removeQuotes(x.name)}{else}${x.name}{/if}" 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="Share">Share</span>
<span data res id="${x.id}" data res type="18" data res action="download" class="icn icn dl" title="Download"></span>
{if canDel}
<span data res id="${x.id}" data res type="18" data res action="delete" class="icn icn del" title="delete">Delete</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 f-cb">
<div class="m-lyshare m-plshare">
<div class="u-err j-flag" style="display: none;">Select up to 10 friends</div>
<div class="item item-1 f-cb">
<label>To:</label>
<div class="ct f-pr j-flag">
</div>
</div>
<div class="item f-cb">
<label>Content:</label>
<div class="ct j-flag">
</div>
</div>
</div>
</div>