<div class="sms-login-new-page">
    <div class="banner-box">
        <img src="{{banner}}">
        <div class="banner-info">
            <div class="top-operation-bar">
                <button class="close iconfont" onclick="location.href='{{backUrl}}'">&#xe72d;</button>
                <a href="{{registerUrl}}" class="register">注册</a>
            </div>
            <div class="yoho-family-logo"></div>
            <div class="tip">Yoho!Family账号可登录Yoho!Buy有货 <i class="iconfont">&#xe639;</i></div>
        </div>
    </div>
    <div class="sms-login-form">
        <div class="form-group mobile">
            <label for="mobile" class="iconfont">&#xe727;</label>
            <select name="" id="countryCodeSelector" class="country-select">
                {{# countrys}}
                    <option value={{areaCode}} {{#if selected}}selected{{/if}}>{{name}}</option>
                {{/ countrys}}
            </select>
            <i class="iconfont arrow-icon">&#xe613;</i>
            <i class="line">|</i><input type="text" name="mobile" placeholder="请输入手机号/邮箱" class="mobile-input"><i id="clearMobile"
                class="iconfont clear">&#xe72a;</i>
        </div>
        <div class="form-group verify-code">
            <label for="verifyCode" class="iconfont">&#xe71c;</label><input type="text" name="verifyCode" placeholder="请输入验证码"
                class="verify-code-input"><button id="getVerifyCodeBtn" class="get-verify-code">获取验证码</button>
        </div>
        <div class="other-info">
            <a href="{{internationalUrl}}">海外账号</a>
            <a href="{{loginUrl}}">账号密码登录</a>
            <a id="getPswrdBtn" href="javascript:void(0);">忘记密码?</a>
        </div>
        <div data-geetest="{{useGeetest}}" id="js-img-check" {{#unless useGeetest}} class="full-img-verify hide" {{/unless}}></div>
        <button id="smsLoginBtn" class="sms-login-btn">登录</button>
    </div>
    <div class="third-party-login">
        <div class="tip-box">
            <span class="left-line"></span>
            <span class="tip">使用第三方登录</span>
            <span class="right-line"></span>
        </div>
        <div class="third-logo-box">
            <a href="{{wechatLoginUrl}}" class="iconfont">&#xe728;</a>
            <a href="{{aliLoginUrl}}" class="iconfont">&#xe72c;</a>
            <a href="{{weiboLoginUrl}}" class="iconfont">&#xe729;</a>
            <a href="{{qqLoginUrl}}" class="iconfont">&#xe726;</a>
        </div>
    </div>
    <div class="get-password-box hide">
        <div class="bottom-button-box">
            <a class="by-email" onclick="location.href='{{emailRetriveUrl}}'">邮箱找回</a>
            <a class="by-mobile" onclick="location.href='{{phoneRetriveUrl}}'">手机找回</a>
        </div>
    </div>
</div>