{extend name="./template/default/pub/pc_base.html" /}
{block name="seo"}
<title>用户注册-{$site_name}</title>
{/block}
{block name="css"}
<link rel="stylesheet" href="/static/css/account.css">
{/block}
{block name="content"}
<main class="container overflow-Show clearfix">
    <section class="account-box">
        <h1 class="head">注册</h1>
        <div class="left">
            <div style="margin: 10px 0 0 150px;">
                <img style="width: 90%;height: auto;" src="/static/images/forgetpwd.jpg" alt="">
            </div>
        </div>
        <div class="right">
            <div class="account-login-form">
                <div class="form-wrap">
                    <form id="form-reg">
                        <p class="tip color-main"></p>
                        <p>
                            <input id="txt_username" name="username" type="text" autocomplete="off" value="" placeholder="用户名"
                                   onblur="$(this).css({outlineWidth: 5, outlineColor: '#93b5ec'});">
                        </p>
                        <p>
                            <input id="txt_password" name="password" type="password" autocomplete="off" value=""
                                  placeholder="密码由6-20位字母、数字和字符组成" onblur="$(this).css({outlineWidth: 5, outlineColor: '#93b5ec'});">
                        </p>
                        <p style="margin-bottom:15px;">
                            <input id="txt_password2"  type="password" autocomplete="off" value=""
                                   placeholder="确认密码" onblur="$(this).css({outlineWidth: 5, outlineColor: '#93b5ec'});">
                        </p>
                        <p>
                            <input name="captcha" type="text" placeholder="验证码" style="width:150px;">
                            <img src="{:captcha_src()}" onclick = "this.src='/captcha?rnd=' + Math.random();">
                        </p>
                    </form>
                    <p><button class="button" onclick="register()">立即注册</button></p>
                    <p class="options">
                        <label><input name="ck_accepted" type="checkbox" value="on" checked>我已经阅读并同意</label>
                        <span class="link"><a href="#" target="_blank" title="使用协议">《使用协议》</a></span>
                        <span class="tabs-link pull-right"><a class="" href="/login">已有账号，直接登录</a></span>
                    </p>
                </div>
            </div>
        </div>
    </section>
</main>
<script src="/static/js/login.js"></script>
{/block}