<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="{{nickName}}" id="nickName" name="nickName"/>
        <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" >
                        +
                        <span id="areanum">86</span>
                    </div>
                    <input type="text" class="phonenum" name="mobile" id="mobile"/>
                    <span class="err-tip phone-err-tip hide">
                        <i></i>
                        <em></em>
                    </span>
                </div>
            </div>
        </div>
        <div class="yohobindrow captcha">
            <div class="name phonetag"></div>
            <div class="content captcha-wrap">
            </div>
        </div>
        <div class="yohobindrow">
            <div class="name phonetag">验证码</div>
            <div class="content">
                <div class="yohophonewrapper" style="width: 110px;">
                    <input type="text" class="validatenum phonenum" value="" id="smscode" maxlength="4"/>
                    <span class="err-tip code-err-tip hide">
                        <i></i>
                        <em>短信验证码错误</em>
                    </span>
                </div>
            </div>
            <div class="validatewrapper">
                <a href="javascript:void(0)" id="sendmessage" class="yohobindbtn left"
                   style="width: 150px; margin-left: 10px; height: 48px;">发送短信验证码</a>
            </div>
            <div class="hide" id="nopermissionmessage">
                <div class="second-timer">
                    <span class="second">60</span>
                    秒后可重新操作
                </div>
            </div>
        </div>
    </form>

    <div class="protoctolwrapper">
        <span>
            绑定即表示您已阅读并同意<br>
            <a target="_blank" href="{{serviceUrl}}" class="protoctol">有货用户服务协议</a>
            <a class="protoctol" href="{{privacyUrl}}" target="_blank">有货隐私条款</a>
        </span>
    </div>
    <div class="btnwrapper">
        <a href="javascript:void(0)" class="yohobindbtn" id="bindfirststep">下一步</a>
    </div>
</div>

{{> gee-captcha}}