{{> layout/header}}
<div class="third-relate-page passport-page yoho-page clearfix">
    {{# relate}}
	    <div id="relate-main" class="relate-main">
	    	<div class="user-wrapper">
		    	<div class="user-thumb">
                    <img src="{{thumb}}">
                </div>
                <label>用户名: {{userName}}</label>
	    	</div>
            <div class="remind-info">
                <h3>手机号
                    <span>{{phoneNum}}</span>
                    已经被以上账户注册,点击
                    <a href="{{loginHref}}" target="_blank">登录该账号</a>
                </h3>
                <p>您可以使用此号码进行账户关联或更换一个新的手机号码</p>
            </div>
            <div class="option-btn">
                <a id="next-step-btn">关联此手机号</a>
                <a href="{{changeHref}}">更换新手机号</a>
            </div>
            <p class="remind-tips">注：关联的手机号码不能用来登录此账户</p>
	    </div>
        <div id="code-validate" class="code-validate hide">
            <div class="action-link">短信验证码已发送至<span>{{phoneNum}}</span></div>
            <div class="validate-wrapper action-link">
                <div class="code-name">短信验证码</div>
                <input type="text" class="msg-code">
                <label class="get-code">免费获取短信验证码</label>
                <label class="count-down"><span>60</span>秒后可重新操作</label>
                <div class="code-error hide">
                    <i></i>
                    验证码错误
                </div>
            </div>
            <div class="action-link">
                <button id="relate-btn" class="relate-btn">确定</button>
            </div>
            <p class="remind-tips">
                <span class="left">注：关联的手机号码不能用来登录此账户</span>
                <a class="perv-step right">返回上一步</a>
            </p>
        </div>
        <div id="hide-info" data-mobile="{{phoneNum}}" data-area="{{areaCode}}" data-openid="{{openId}}" data-source="{{sourceType}}"></div>
    {{/ relate}}
</div>
{{> layout/footer}}