<div class="sms-login-page passport-page yoho-page">
    {{> passport/header}}
    <div class="content">
        {{> passport/country_list}}
        <div class="input-container phone-container row has-clear">
            <span id="area-code" class="area-code">{{areaCode}}</span>
            <input id="phone-num" class="input phone-num" type="text" placeholder="手机号">
            <button class="clear-input" type="button"></button>
        </div>
        {{!--图片验证 start--}}
        <div id="js-img-check">
            <input type="hidden" name="captsrc" value="{{captsrc}}">
        </div>
        {{!--图片验证 end--}}
        <button id="btn-next" class="btn btn-next disable row" disabled>获取短信验证码</button>
        <p class="op-container">
            {{!--<a class="op-item internat" href={{accountUrl}}>账号密码登录</a>--}}
            {{!--<a class="op-item internat" href={{internationalUrl}}>海外手机</a>--}}
            {{!--<a class="op-item sms-login" href={{smsLoginUrl}}>快速登录</a>--}}
            <span id="forget-pwd" class="op-item forget-pwd">忘记密码</span>
        </p>
        <div class="third-party-login">
            <div class="tp-link">
                <a class="qq" href={{qqLoginUrl}}></a>
                <a class="wechat" href={{wechatLoginUrl}}></a>
                <a class="weibo" href={{weiboLoginUrl}}></a>
                <a class="alipay" href={{aliLoginUrl}}></a>
            </div>
        </div>
        <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>