{{> layout/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>
{{> layout/footer}}