{{> layout/header_passport}}
<div class="login-page passport-page yoho-page">
    {{> passport/header}}
    <div class="content">
        <div class="acc-container input-container row has-clear">
            <div class="yoho-logo"></div>
            <input id="account" class="input account" type="text" placeholder="手机号/邮箱" autocomplete="off" value={{account}}>
        </div>
        <div class="input-container row has-eye">
            <input id="pwd" class="pwd input" type="password" placeholder="密码">
        </div>
        <span id="btn-login" class="btn btn-login disable">登录</span>
        <p class="op-container">
            <a class="go-register" href={{registerUrl}}>免费注册</a>
            <span id="forget-pwd" class="forget-pwd">忘记密码</span>
        </p>
        <div class="third-party-login">
            <span>其他登录方式</span>
            <div class="tp-link">
                <a class="alipay" href={{aliLoginUrl}}></a>
                <a class="weibo" href={{weiboLoginUrl}}></a>
                <a class="qq" href={{qqLoginUrl}}></a>
            </div>
        </div>
        <a class="international" href={{internationalUrl}}>International Customer</a>
        <div class="login-tip">
            <div class="info-icon"></div>
            Yoho!Family账号可登录Yoho!Buy有货
        </div>
        <div id="retrive-pwd-mask" class="mask"></div>
        <ul id="retrive-pwd-ways" class="retrive-pwd-ways">
            <li>
                <a href={{phoneRetriveUrl}}>通过手机找回密码</a>
            </li>
            <li>
                <a href={{emailRetriveUrl}}>通过邮箱找回密码</a>
            </li>
            <li id="cancel-retrive">
                取消
            </li>
        </ul>
    </div>
</div>
{{> layout/footer_passport}}