{{> layout/simple-header}}
<div class="bindwrapper">
    <h3 class="welcomeword">
        欢迎加入
        <span class="yoho">YOHO!FAMILY</span>
    </h3>

    <p class="safeword">为了您的账户安全，请您完善账户信息，以便为您提供更优质的服务</p>
    <form action="" id="bindmobileform" method="post">
        <input type="hidden" value="{{openId}}" id="openId" name="openId"/>
        <input type="hidden" value="{{sourceType}}" id="sourceType" name="sourceType"/>
        <input type="hidden" value="+86" id="areacode" name="area"/>
        <div class="yohobindrow">
            <div class="name areatag">地区</div>
            <div class="content">
                <div class="yohoselectarea">
                    <div class="optionshow">
                        <span class="areaname" id="areaname">中国</span>
                        <span class="righttag"></span>
                    </div>
                    <div class="optionslist hide">
                        {{#each region}}
                        <div class="optionitem" areanum="{{areaCode}}">{{name}}</div>
                        {{/each}}
                    </div>
                </div>
            </div>
        </div>
        <div class="yohobindrow">
            <div class="name phonetag">手机号码</div>
            <div class="content">
                <div class="yohophonewrapper">
                    <div class="areanum" id="areanum">+86</div>
                    <input type="text" class="phonenum" name="mobile"/>
                </div>
            </div>
        </div>
    </form>

    <div class="protoctolwrapper">
        <div class="choosewrapper">
            <input type="checkbox" class="choosetag"></div>
        <span>
            我已阅读并同意遵守
            <a href="" class="protoctol">YOHO!有货服务条款</a>
        </span>
    </div>
    <div class="btnwrapper">
        <a href="javascript:void(0)" class="yohobindbtn" id="bindfirststep">下一步</a>
    </div>
</div>
<div id="alreayregist" style="display:none">
    <div class="mask">
        <div class="bindconfrimwrapper">
            <div class="topwrapper">
                <img src="../img/yohofamily.png" alt="" class="userphoto">
                <span class="username">用户名:潮男型范</span>
            </div>
            <h2 class="usertaginfo">手机号1519595959已经被以上账户注册,请确认是否归您本人所有</h2>
            <h1 class="usertagremind">您可以绑定该手机号码或更换一个新的手机号码绑定该账号，也可以使用该手机号码直接登录</h1>
            <div class="gobindwrapper">
                <div class="validaterow">
                    <div class="content">
                        <input type="text" class="validatacode" placeholder="验证码"/>
                    </div>
                    <div class="validatewrapper">
                        <a href="javascript:void(0)" class="yohobindbtn" id="sendmessage">免费获取短信验证码</a>
                    </div>
                    <div class="hide" id="nopermissionmessage">
                        <span class="second">60</span>
                        秒后可重新操作
                    </div>
                </div>
                <a href="" class="yohobindbtn myphone">是的我绑定该手机号</a>
            </div>
            <div class="gobindbottomwrapper">
                <a href="" class="logindirectly">绑定其他手机号</a>
                <a href="" class="logindirectly">使用手机号直接登录</a>
            </div>
        </div>
    </div>
    <div class="backdrop"></div>
</div>
{{> layout/footer}}