<div class="m-loginbox f-cb f-pr">
<div class="tabs f-cb">
<div class="tab tab0 f-pr j-tabs f-fl f-f0">手机登录<div class="f-pa bord"></div></div>
<div class="tab tab1 f-pr j-tabs f-fl f-f0">邮箱登录<div class="f-pa bord"></div></div>
<div class="tab tab2 f-pr j-tabs f-fl f-f0">爱课程登录<div class="f-pa bord"></div></div>
</div>
<div class="j-loginCnts wrap">
${cploginform}
</div>
{if from=="index"}
<div class="j-loginCnts wrap" style="display:none;margin:auto;" id="j-ursContainerIndex">
</div>
{else}
<div class="j-loginCnts wrap" style="display:none;margin:auto;" id="j-ursContainer">
</div>
{/if}
<div class="j-loginCnts wrap" style="display:none;margin:auto;">
${icloginform}
</div>
<div class="u-info loginTip f-pa j-loginTip" style="display:none"></div>
</div>
<div class="m-snsbox clearfix">
<div class="tabs f-cb">
<div class="tab f-fl f-f0">更多登录方式<div class="f-pa bord"></div></div>
</div>
<ul class="sns j-social-box">
<li>
<span class="f-icon j-slink wechat u-icon-weixin" data-var-name="WECHAT"></span>
</li>
<li>
<span class="f-icon j-slink qq u-icon-qq" data-var-name="QQ"></span>
</li>
<li>
<span class="f-icon j-slink weibo u-icon-weibo" data-var-name="WEIBO"></span>
</li>
<li>
<span class="f-icon j-slink renren u-icon-renren" data-var-name="RENREN"></span>
</li>
</ul>
<div class="actions">
<a href="javascript:;" class="action-item">爱课程帐号注册</a>
<span class="action-divider"></span>
<a href="javascript:;" class="action-item">忘记密码</a>
</div>
</div>

<div class="m-login j-icloginform f-pr icourse-login-shim">
<form style="z-index:2001;" class="" method="post" action="//www.icourse163.org/passport/reg/icourseLogin.do">
<input type="hidden" class="j-rturl" name="returnUrl" value="">
<input type="hidden" class="j-failUrl" name="failUrl" value="">
<input type="hidden" name="saveLogin" value="false"/>
<input type="hidden" name="oauthType" />
<input type="hidden" name="username"/>
<input type="hidden" name="passwd"/>
</form>
<div class="itm itm1" style='z-index:100;'>
<div class="u-txt f-pr j-iarea">
<div class="u-logo"><div class="u-logo-img1"></div></div>
<div class="u-input">
<input class="txt j-input" type="text" tabindex="1" title="请输入帐号" name="username" autocomplete="off" placeholder="帐号"/>
</div>
</div>
</div>
<div class="itm f-pr itm2" style='z-index:0;'>
<div class="u-txt f-p j-iarea">
<div class="u-logo"><div class="u-logo-img2"></div></div>
<div class="u-input">
<input class="txt j-input" type="password" tabindex="2" title="请输入密码" name="passwd" autocomplete="off" placeholder="密码"/>
</div>
</div>
</div>
<div class="j-tip tip"></div>
<input name="loginbtn" type="submit" style='z-index:0;' class="u-btn u-btn-primary u-btn-submit f-db j-submit" tabindex="5" value="登  录" />
<span class="itm itm-1 f-vama f-cb auto">
<label class="lb">
<span class="u-checkbox"><input name="autologin" type="checkbox" class="f-check autologin j-autologin" tabindex="3"></span>
<span class="atlg">十天内免登录</span>
</label>
<a href="http://www.icourses.cn/web/sword/portal/toFindPwd" target="_blank" class="u-forget f-fl s-fc5"  tabindex="4">忘记密码？</a>
<a href="http://www.icourses.cn/web/sword/portal/toRegedit" class="s-fc5 f-fr" tabindex="6" target="_blank">去注册</a>
<div class="u-info fLogin_autologin" style="display:none;">
<p>为了你的帐号安全，请不要在网吧或公用电脑上使用此功能！</p>
<span class="arr"></span>
</div>
</span>
<div class="b-40"></div>
</div>

{if defined("xlist")&&!!xlist.length}
{list xlist as x}
<div class="g-cell1 u-card j-href" data-href="${x.infoUrl}">
<div class="card">
<div class="u-img f-pr">
<img class="img" src="${x.imgUrl|default:''|escape}" width="223px" height="125px" alt="${x.name|escape}">
</div>
{if x.mode !== constant.MODE_MOOC }<div class="spoc f-pa"></div>{/if}
{if x.termPanel}
{if !x.termPanel.isOver}
{if !x.termPanel.isStart}
<div class="f-pa time {if x.mode !== constant.MODE_MOOC }time2{/if} f-fcf"><span class="f-icon clock u-icon-clock"></span>
{if x.termPanel.startTime == constant.UNDETERMINDED_STARTTIME}
<span class="txt">开课时间待定</span>
{else}
<span class="txt">${x.termPanel.startTime|format:"yyyy-MM-dd"} 开课</span>
{/if}
</div>
{elseif}
<div class="f-pa over f-fcf"><span class="f-icon clock u-icon-clock"></span><span class="txt">${x.termPanel.onProgress}/${x.termPanel.termLength} 周</span></div>
{/if}
{/if}{/if}
<p class="f-f0 t1">${x.name|escape}</p>
<p class="t2 f-thide">
<a class="t21 f-fc6" href="${prefix.universityPrefix}${x.schoolPanel.shortName|escape}" target="_blank">${x.schoolPanel.name|escape}</a>
</p>
</div>
</div>
{/list}
{/if}