<!--{include file="<!--{$oetplpath}-->widget/block_header.tpl"}-->
<body class="bg_body">
  <script type="text/javascript">
  var PASSWORD_NUMBER = <!--{intval($config.password_number)}-->;
  var PASSWORD_SMALLCHAR = <!--{intval($config.password_small)}-->;
  var PASSWORD_BIGCHAR = <!--{intval($config.password_big)}-->;
  </script>
  <!--{include file="<!--{$oetplpath}-->widget/block_top.tpl"}-->
  <div class="w1200 pt50 pb50">
    <div class="bg_f br10 p30 clearfix">
      <div class="left fl" style="width: 700px;">
        <h2 class="fz30 t_center lhn pb50 pt15">1分钟注册，找到一辈子的幸福</h2>
        <div class="form m0_a" style="width: 350px;">
          <div class="item pr">
            <label class="pa lt lh38 fz14">我的性别</label>
            <div class="input_box pl70 pt6">
              <div class="oeui_radio <!--{if $gender==1}-->checked<!--{/if}-->">
                <label>
                  <div class="radio">
                    <input type="radio" name="gender" value="1" <!--{if $gender==1}-->checked="checked"<!--{/if}-->>
                    <span class="check_radio"></span>
                  </div>
                  <span class="text">男</span>
                </label>
              </div>
              <div class="oeui_radio <!--{if $gender!=1}-->checked<!--{/if}-->">
                <label>
                  <div class="radio">
                    <input type="radio" name="gender" value="2" <!--{if $gender!=1}-->checked="checked"<!--{/if}-->>
                    <span class="check_radio"></span>
                  </div>
                  <span class="text">女</span>
                </label>
              </div>
            </div>
          </div>
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">我的生日</label>
            <div class="input_box pl70">
              <div class="oeui_birthday_picker z200" id="birthday">
                <input type="hidden" id="ageyear" name="ageyear" value="<!--{$ageyear}-->">
                <input type="hidden" id="agemonth" name="agemonth" value="<!--{$agemonth}-->">
                <input type="hidden" id="ageday" name="ageday" value="<!--{$ageday}-->">
                <div class="selection">
                  <!--{if $ageyear>0 && $agemonth>0}-->
                  <span class="current"><!--{$ageyear}-->-<!--{$agemonth}--><!--{if $ageday>0}-->-<!--{$ageday}--><!--{/if}--></span>
                  <!--{else}-->
                  <span>请选择</span>
                  <!--{/if}-->
                </div>
                <div class="icon" style="right: 5px;">
                  <em class="iconfont iconfont icon-down fz12" style="color: #999;"></em>
                </div>
                <div class="list" style="width: 400px;">
                  <div class="tab">
                    <div class="tab_nav">
                      <div class="item current">选择年</div>
                      <div class="item">选择月</div>
                      <div class="item">选择日</div>
                    </div>
                    <div class="tab_content">
                      <div class="content year">
                      </div>
                      <div class="content month">
                      </div>
                      <div class="content date">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">地&#12288;&#12288;区</label>
            <div class="input_box pl70">
              <div class="oeui_dist" id="reg_dist" style="width: 100%;z-index: 100;">
                <input type="hidden" id="dist1" name="dist1" value="<!--{$dist1}-->">
                <input type="hidden" id="dist2" name="dist2" value="<!--{$dist2}-->">
                <input type="hidden" id="dist3" name="dist3" value="<!--{$dist3}-->">
                <div class="selection">
                  <!--{if $dist1>0}-->
                  <span class="current"><!--{area type="text" value=$dist1}--></span>
                  <span class="current"><!--{area type="text" value=$dist2}--></span>
                  <span class="current"><!--{area type="text" value=$dist3}--></span>
                  <!--{else}-->
                  <span>请选择</span>
                  <span></span>
                  <span></span>
                  <!--{/if}-->
                </div>
                <div class="icon pa rt r5">
                  <em class="iconfont iconfont icon-down  fz12 color_9 lh40"></em>
                </div>
                <div class="list">
                  <div class="tab">
                    <div class="tab_nav">
                      <div class="item current">选择省份</div>
                      <div class="item">选择城市</div>
                      <div class="item">选择地区</div>
                    </div>
                    <div class="tab_content">
                      <div class="content province">
                      </div>
                      <div class="content city">
                      </div>
                      <div class="content district">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--{if $config.reghometown==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">户&#8194;籍&#8194;地</label>
            <div class="input_box pl70">
              <div class="oeui_dist" id="reg_home" style="width: 100%;z-index: 99;">
                <input type="hidden" id="home1" name="home1">
                <input type="hidden" id="home2" name="home2">
                <input type="hidden" id="home3" name="home3">
                <div class="selection">
                  <span>请选择</span>
                  <span></span>
                  <span></span>
                </div>
                <div class="icon pa rt r5">
                  <em class="iconfont iconfont icon-down  fz12 color_9 lh40"></em>
                </div>
                <div class="list">
                  <div class="tab">
                    <div class="tab_nav">
                      <div class="item current">选择省份</div>
                      <div class="item">选择城市</div>
                      <div class="item">选择地区</div>
                    </div>
                    <div class="tab_content">
                      <div class="content province">
                      </div>
                      <div class="content city">
                      </div>
                      <div class="content district">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regmarry==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">婚姻状况</label>
            <div class="input_box pl70">
              <div class="oeui_select large">
                <div class="selector">
                  <input type="hidden" id="marry" value="<!--{$marry}-->">
                  <span class="selection">请选择</span>
                  <span class="icon">
                    <em class="iconfont icon-down  fz12"></em>
                  </span>
                </div>
                <div class="dropdown">
                  <div class="option">请选择</div>
                  <!--{assign var="list" value=vo_list("mod={volistvar} where={marry}")}-->
                  <!--{foreach $list as $volist}-->
                  <div class="option <!--{if $volist.value==$marry}-->selected<!--{/if}-->" data-val="<!--{$volist.value}-->"><!--{$volist.text}--></div>
                  <!--{/foreach}-->
                </div>
              </div>
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regheight==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">选择身高</label>
            <div class="input_box pl70">
              <div class="oeui_select large">
                <div class="selector">
                  <input type="hidden" id="height">
                  <span class="selection">请选择</span>
                  <span class="icon">
                    <em class=" iconfont icon-down  fz12"></em>
                  </span>
                </div>
                <div class="dropdown">
                  <div class="option">请选择</div>
                  <!--{for $i=$config.startheight;$i<=$config.endheight;$i++}-->
                  <div class="option" data-val="<!--{$i}-->"><!--{$i}-->cm</div>
                  <!--{/for}-->
                </div>
              </div>
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regweight==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">选择体重</label>
            <div class="input_box pl70">
              <div class="oeui_select large">
                <div class="selector">
                  <input type="hidden" id="weight">
                  <span class="selection">请选择</span>
                  <span class="icon">
                    <em class="iconfont icon-down  fz12"></em>
                  </span>
                </div>
                <div class="dropdown">
                  <div class="option">请选择</div>
                  <!--{for $i=$config.startweight;$i<=$config.endweight;$i++}-->
                  <div class="option" data-val="<!--{$i}-->"><!--{$i}-->kg</div>
                  <!--{/for}-->
                </div>
              </div>
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regeducation==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">我的学历</label>
            <div class="input_box pl70">
              <div class="oeui_select large">
                <div class="selector">
                  <input type="hidden" id="education">
                  <span class="selection">请选择</span>
                  <span class="icon">
                    <em class=" iconfont icon-down  fz12"></em>
                  </span>
                </div>
                <div class="dropdown">
                  <div class="option">请选择</div>
                  <!--{assign var="list" value=vo_list("mod={volistvar} where={education}")}-->
                  <!--{foreach $list as $volist}-->
                  <div class="option" data-val="<!--{$volist.value}-->"><!--{$volist.text}--></div>
                  <!--{/foreach}-->
                </div>
              </div>
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regjob==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">我的职业</label>
            <div class="input_box pl70">
              <div class="oeui_select large">
                <div class="selector">
                  <input type="hidden" id="job">
                  <span class="selection">请选择</span>
                  <span class="icon">
                    <em class=" iconfont icon-down  fz12"></em>
                  </span>
                </div>
                <div class="dropdown">
                  <div class="option">请选择</div>
                  <!--{assign var="list" value=vo_list("mod={volistvar} where={job}")}-->
                  <!--{foreach $list as $volist}-->
                  <div class="option" data-val="<!--{$volist.value}-->"><!--{$volist.text}--></div>
                  <!--{/foreach}-->
                </div>
              </div>
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regsalary==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">年&#8194;收&#8194;入</label>
            <div class="input_box pl70">
              <div class="oeui_select large">
                <div class="selector">
                  <input type="hidden" id="salary">
                  <span class="selection">请选择</span>
                  <span class="icon">
                    <em class="iconfont icon-down fz12"></em>
                  </span>
                </div>
                <div class="dropdown">
                  <div class="option">请选择</div>
                  <!--{assign var="list" value=vo_list("mod={volistvar} where={salary}")}-->
                  <!--{foreach $list as $volist}-->
                  <div class="option" data-val="<!--{$volist.value}-->"><!--{$volist.text}--></div>
                  <!--{/foreach}-->
                </div>
              </div>
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regsort==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">交友类型</label>
            <div class="input_box pl70">
              <div class="oeui_select large">
                <div class="selector">
                  <input type="hidden" id="sort">
                  <span class="selection">请选择</span>
                  <span class="icon">
                    <em class=" iconfont icon-down  fz12"></em>
                  </span>
                </div>
                <div class="dropdown">
                  <div class="option">请选择</div>
                  <!--{assign var="list" value=vo_list("mod={volistvar} where={sort}")}-->
                  <!--{foreach $list as $volist}-->
                  <div class="option" data-val="<!--{$volist.value}-->"><!--{$volist.text}--></div>
                  <!--{/foreach}-->
                </div>
              </div>
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.reghouse==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">购房情况</label>
            <div class="input_box pl70">
              <div class="oeui_select large">
                <div class="selector">
                  <input type="hidden" id="house">
                  <span class="selection">请选择</span>
                  <span class="icon">
                    <em class=" iconfont icon-down  fz12"></em>
                  </span>
                </div>
                <div class="dropdown">
                  <div class="option">请选择</div>
                  <!--{assign var="list" value=vo_list("mod={volistvar} where={house}")}-->
                  <!--{foreach $list as $volist}-->
                  <div class="option" data-val="<!--{$volist.value}-->"><!--{$volist.text}--></div>
                  <!--{/foreach}-->
                </div>
              </div>
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regcar==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">购车情况</label>
            <div class="input_box pl70">
              <div class="oeui_select large">
                <div class="selector">
                  <input type="hidden" id="car">
                  <span class="selection">请选择</span>
                  <span class="icon">
                    <em class=" iconfont icon-down  fz12"></em>
                  </span>
                </div>
                <div class="dropdown">
                  <div class="option">请选择</div>
                  <!--{assign var="list" value=vo_list("mod={volistvar} where={car}")}-->
                  <!--{foreach $list as $volist}-->
                  <div class="option" data-val="<!--{$volist.value}-->"><!--{$volist.text}--></div>
                  <!--{/foreach}-->
                </div>
              </div>
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regschool==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">毕业院校</label>
            <div class="input_box pl70">
              <div class="oeui_dist" id="school" style="width: 100%;">
                <input type="hidden" id="scharea1" name="scharea1">
                <input type="hidden" id="schid" name="schid">
                <div class="selection">
                  <span>请选择</span>
                  <span></span>
                </div>
                <div class="icon pa rt r5">
                  <em class="iconfont iconfont icon-down  fz12 color_9 lh40"></em>
                </div>
                <div class="list z300">
                  <div class="tab">
                    <div class="tab_nav">
                      <div class="item current">选择省份</div>
                      <div class="item">选择院校</div>
                    </div>
                    <div class="tab_content oy h250">
                      <div class="content province">
                      </div>
                      <div class="content city clearfix">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regtruename==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">姓&#12288;&#12288;名</label>
            <div class="input_box pl70">
              <input type="text" placeholder="请输入真实姓名" class="w100per bsb plr10 bo_eb br3" style="height: 38px;" id="truename">
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regweixin==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">微&#12288;&#12288;信</label>
            <div class="input_box pl70">
              <input type="text" placeholder="请填写微信号" class="w100per bsb plr10 bo_eb br3" style="height: 38px;" id="weixin">
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regqq==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">QQ</label>
            <div class="input_box pl70">
              <input type="text" placeholder="请填写QQ号" class="w100per bsb plr10 bo_eb br3" style="height: 38px;" id="qq">
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regemail==1}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">邮箱</label>
            <div class="input_box pl70">
              <input type="text" placeholder="请填写邮箱地址" class="w100per bsb plr10 bo_eb br3" style="height: 38px;" id="email">
            </div>
          </div>
          <!--{/if}-->
          <!--{if $config.regshowhide == 1}-->
          <div class="item pr mt20">
            <label class="pa lt fz14">隐藏手机</label>
            <div class="input_box pl70">
              <div class="oeui_checkbox">
                <label>
                  <div class="checkbox">
                    <input type="checkbox" id="hidemobile" >
                    <div class="icon">
                      <em class="oeuifont oeui-duoxuankuangdagou"></em>
                    </div>
                  </div>
                  <span class="text">勾选后，手机号将不公开展示</span>
                </label>
              </div>
            </div>
          </div>
          <!--{/if}-->
        </div>
        <div class="user pt15">
          <div class="title t_center">
            <div class="line bg_de inline_block vam" style="width: 100px;height: 1px;"></div>
            <div class="text plr10 color_9 fz14 inline_block vam">帐号登录信息</div>
            <div class="line bg_de inline_block vam" style="width: 100px;height: 1px;"></div>
          </div>
        </div>
        <div class="form m0_a" style="width: 350px;">
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">我的昵称</label>
            <div class="input_box pl70">
              <input type="text" placeholder="请输入2-12个汉字或字符" class="w100per bsb plr10 bo_eb br3" style="height: 38px;" id="username">
            </div>
          </div>
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">输入手机</label>
            <div class="input_box pl70">
              <input type="text" placeholder="请输入您的手机号" class="w100per bsb plr10 bo_eb br3" style="height: 38px;" id="mobile" maxlength="11">
            </div>
          </div>
          <!--{if $config.regmobilecode == '1'}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">验&#8194;证&#8194;码</label>
            <div class="input_box pl70 pr">
              <input type="text" placeholder="请输入手机短信验证码" class="w100per bsb plr10 bo_eb br3" style="height: 38px;" id="mobile_code">
              <span class="action-send-mobile-code pa rt lh38 plr10 cursor color_main" f="but_send_mobile_code0" data-input="mobile" data-sendtype="reg" data-checkimgcode="<!--{intval($config.sms_check_imgcode)}-->"><i>获取验证码</i></span>
            </div>
          </div>
          <!--{/if}-->
          <div class="item pr mt20">
            <label class="pa lt lh38 fz14">设置密码</label>
            <div class="input_box pl70">
              <input type="password" placeholder="请输入登录密码" class="w100per bsb plr10 bo_eb br3" style="height: 38px;" id="password">
            </div>
          </div>
          <div class="item pr mt15">
            <div class="input_box pl70 pr">
              <div class="oeui_checkbox checked">
                <label>
                  <div class="checkbox">
                    <input type="checkbox" name="agree" value="1">
                    <div class="icon">
                      <em class="oeuifont oeui-duoxuankuangdagou"></em>
                    </div>
                  </div>
                  <span class="text">已阅读并同意</span>
                </label>
              </div>
              <span class="cursor color_main pr t2" f="read_reg_protocol">《用户注册协议》</span>
            </div>
          </div>
          <div class="item pr mt30">
            <div class="input_box pl70 pr">
              <button class="bg_main bo_main color_f fz16 w100per ptb10 br3 lh26 cursor" id="reg_btn">立即注册</button>
            </div>
          </div>
        </div>
        <div class="user pt60" style="margin-left: 66px;">
          <div class="title t_center">
            <div class="line bg_de inline_block vam" style="width: 100px;height: 1px;"></div>
            <div class="text plr10 color_9 fz14 inline_block vam">附近最新加入会员</div>
            <div class="line bg_de inline_block vam" style="width: 100px;height: 1px;"></div>
          </div>
          <div class="list clearfix mt30 pb30" style="margin-left: 60px;">
            <!--{assign var="user" value=vo_list("mod={user} num={3}")}-->
            <!--{if !empty($user)}-->
            <!--{foreach $user as $volist}-->
            <a href="<!--{$volist.homeurl}-->">
              <div class="item fl mr20">
                <div class="avatar inline_block vam img_40 oh br30">
                  <img class="ob_c" src="<!--{$volist.headimg_m2}-->" alt="头像">
                </div>
                <div class="text color_9 fz12 inline_block vam ml10"><!--{$volist.age}-->岁 <!--{$volist.height}-->cm  <!--{hook mod="var" item="marry" type="text" value=$volist.marry}--> </div>
              </div>
            </a>
            <!--{/foreach}-->
            <!--{/if}-->
          </div>
        </div>
      </div>
      <div class="line fl" style="width: 1px;height: 300px;background: linear-gradient(to bottom, transparent, #ebebeb, transparent);margin-top: 65px;"></div>
      <div class="right fl pt50" style="margin: 50px 0 0 100px">
        <div class="text color_6 fz18">已有账号，去登录</div>
        <div class="btn_box mt20">
          <a href="<!--{$oefile}-->?&c=passport&a=login">
            <button class="color_f bg_main bo_main color_14 br30 cursor plr30 ptb10 fz16">去登录</button>
          </a>
        </div>
        <div class="text fz18 color_6 pt50">使用QQ登录</div>
        <div class="mt20 clearfix">
          <!--{if $config.qqlogin.flag == '1'}-->
          <a href="<!--{$oefile}-->?c=<!--{$c}-->&a=auth&mod=qq&from=reg&forward=<!--{$forward|urlencode}-->"
             class="fl img_60 bo_eb br30 t_center">
            <em class="iconfont icon-qq fz40" style="color: #51b7ec;line-height: 60px;"></em>
          </a>
          <!--{/if}-->
        </div>
      </div>
    </div>
  </div>



<div class="oe_shade" style="display:none;" id="reg_clause_box">
  <div class="oe_regcontips">
    <div class="hd">
      会员注册条款
      <span class="close" f="but_close_reg_clause"></span>
    </div>
    <div class="bd drop">
      <!--{label name="reg_clause"}-->
    </div>
  </div>
</div>

<div class="oe_tuma" id="picker_imgcode_box" style="display:none;">
  <div class="box">
    <div class="hd">
      <b id="wzpic_title"><img src="" /></b>  
      <span f="but_picker_refresh_imgcode">
        刷新
        <img src="<!--{$urlpath}-->tpl/static/images/loading.gif" style="display:none;" />
      </span>
      <label class="close" f="but_picker_close_imgcode">关闭</label>
    </div>
    <div class="bd" id="picker_imgcode_data">
      <img class="loading" src="<!--{$urlpath}-->tpl/static/images/loading.gif" />
    </div>
    <div class="zhao" id="picker_imgcode_zhao" style="display:none;"></div>
    <div class="tips" id="picker_imgcode_error" style="display:none;">图片校验错误，请重新选择！</div>
  </div>
</div>

<!--{include file="<!--{$oetplpath}-->widget/block_footer.tpl"}-->
<!--{include file="<!--{$oetplpath}-->widget/block_footer_oeui.tpl"}-->
<script src="<!--{$urlpath}-->tpl/static/pcui/js/oeui.dist.min.js?v=<!--{$copyright_version}-->"></script>
<script src="<!--{$urlpath}-->tpl/static/pcui/js/oeui.birthday.js?v=<!--{$copyright_version}-->"></script>
<script src="<!--{$urlpath}-->tpl/static/pcui/js/oeui.school.min.js?v=<!--{$copyright_version}-->"></script>
<script src="<!--{$urlpath}-->tpl/static/js/picker.send.js?v=<!--{$copyright_version}-->"></script>
<script src="<!--{$skinpath}-->public/js/reg.js?v=<!--{$copyright_version}-->" defer="defer"></script>
</body>
</html>