{include file='default/base/mall_top'/}
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/home.css">
<div class="header-login clearfix">
    <div class="w1200">
        <div class="logo">
            <a href="{$Think.HOME_SITE_URL}"><img src="{:ds_get_pic(ATTACH_COMMON,$Think.config.ds_config.site_logo)}"/></a>
        </div>
    </div>
</div>


<div class="page_login clearfix" style="background-image: url('{$Think.HOME_SITE_ROOT}/images/login/login-bg.jpg');background-position: center center;">
    <div class="w1000">
        <div class="login_form">
            <div class="mt">
                <a href="javascript:void(0)" class="on"><span>{$Think.lang.login_account}</span><i></i></a>
                {if $Think.config.ds_config.sms_login == 1}
                <a href="javascript:void(0)" ><span>{$Think.lang.login_mobile}</span><i></i></a>
                {/if}
            </div>
            <div class="mc">
                <form id="login_normal_form" method="post" action="{:url('Login/login')}">
                    <div class="item">
                        <div class="text-area">
                            <div class="iconfont ico">&#xe702;</div>
                            <input type="text" id="member_name" name="member_name" class="text" placeholder="{$Think.lang.login_type}" tabindex="1"/>
                        </div>
                    </div>
                    <div class="item">
                        <div class="text-area">
                            <div class="iconfont ico">&#xe67b;</div>
                            <input type="password" id="member_password" name="member_password" class="text" placeholder="{$Think.lang.login_password}" tabindex="2"/>
                        </div>
                    </div>
                    {if $Think.config.ds_config.captcha_status_login == '1'}
                     <div class="item">
                        <div class="text-area">
                            <div class="iconfont ico">&#xe67b;</div>
                            <input type="text" id="captcha_normal" name="captcha_normal" class="text" style="width:130px;float:left" placeholder="{$Think.lang.login_register_code}" tabindex="2" maxlength="4"/>
                            <span class="span">
                           <img style="position: absolute;top: 0;height:46px;" src="{:url('Seccode/makecode')}" title="{$Think.lang.login_index_change_checkcode}" id="codeimage">
                                <a class="makecode" href="javascript:void(0);" onclick="javascript:document.getElementById('codeimage').src='{:url('Seccode/makecode')}'+'?'+(new Date().getTime());">{$Think.lang.login_password_change_code}</a>
                            </span>
                        </div>
                    </div>
                    {/if}
                    <div class="item">
                        <a href="{:url('Login/forget_password')}">{$Think.lang.login_index_find_password}?</a>
                        <a href="{:url('Login/register')}" title="{$Think.lang.login_register_login_now_4}">{$Think.lang.new_user_registration}</a>
                    </div>
                    <div class="item">
                        <input type="submit" class="btn login-btn" value="{$Think.lang.login_register_login_now_2}"/>
                    </div>    
                </form>
                {if $Think.config.ds_config.sms_login == 1}
                <form id="login_mobile_form" method="post" action="{:url('Connectsms/login')}" style="display:none">
                    <div class="item">
                        <div class="text-area">
                            <div class="iconfont ico">&#xe702;</div>
                            <input type="text" id="sms_mobile" name="sms_mobile" class="text" placeholder="{$Think.lang.login_mobile_phone}" oninput = "value=value.replace(/[^\d]/g,'')" maxlength="11"  tabindex="1"/>
                        </div>
                    </div>
                    <div class="item">
                        <div class="text-area">
                            <div class="iconfont ico">&#xe67b;</div>
                            <input type="text" oninput="value=value.replace(/[^\d]/g,'')"  id="sms_captcha" name="sms_captcha" class="text" placeholder="{$Think.lang.login_mobile_verification_code}" tabindex="2" style="width:130px;float:left" maxlength="6"/>
                            <a class="send_code valid" id="btn_sms_captcha" ds_type="2" >{$Think.lang.login_get_verification_code}</a>
                        </div>
                    </div>

                    <div class="item">
                        <a href="{:url('Login/forget_password')}">{$Think.lang.login_index_find_password}?</a>
                        <a href="{:url('Login/register')}" title="{$Think.lang.login_register_login_now_4}">{$Think.lang.new_user_registration}</a>
                    </div>
                    <div class="item">
                        <input type="hidden" value="{$Request.param.ref_url}" name="ref_url">
                        <input type="submit" class="btn login-btn" value="{$Think.lang.login_register_login_now_2}"/>
                    </div>    
                </form>
                {/if}
            </div>
            {if $Think.config.ds_config.qq_isuse =='1' || $Think.config.ds_config.sina_isuse =='1' || $Think.config.ds_config.weixin_isuse =='1'}
            <div class="partner-login clearfix">
                <h3>{$Think.lang.partner_account_login}</h3>
                <p>
                    {if $Think.config.ds_config.qq_isuse == '1'}
                    <a class="login_ico ico_qq" href="{:url('Api/oa_qq')}"></a>
                    {/if}
                    {if $Think.config.ds_config.sina_isuse == '1'}
                    <a class="login_ico ico_weibo" href="{:url('Api/oa_sina')}"></a>
                    {/if}
                    {if $Think.config.ds_config.weixin_isuse == '1'}
                    <a class="login_ico ico_weixin" onclick="ajax_form('weixin_form', '{$Think.lang.wechat_account_login}', '{:url('Connectwx/index')}', 360);" title="{$Think.lang.wechat_account_login}"></a>
                    {/if}
                </p>
            </div>
            {/if}
        </div>
    </div>
</div>
<script>
$(function () {
    $(".login_form .mt a").click(function(){
        var index=$(this).index();
        $(this).parent().next().find("form").hide().eq(index).show();
        $(this).addClass("on").siblings().removeClass("on");
    });
    
    $("#login_normal_form").validate({
        errorPlacement: function (error, element) {
            var error_td = element.parent('.text-area');
            error_td.append(error);
            element.parents('.text-area:first').addClass('error');
        },
        success: function (label) {
            label.parents('.text-area:first').removeClass('error').find('label').remove();
        },
        submitHandler:function(form){
            ds_ajaxpost('login_normal_form','url','{if $Request.param.ref_url}{$Request.param.ref_url}{else/}{:url("Member/index")}{/if}');
        },
        onkeyup: false,
        rules: {
            member_name: "required",
            member_password: "required"
            {if $Think.config.ds_config.captcha_status_login == '1'},
            captcha_normal: {
                required: true,
                remote: {
                    url: "{:url('Seccode/check',['reset'=>'false'])}",
                    type: 'get',
                    data: {
                        captcha: function () {
                            return $('#captcha_normal').val();
                        }
                    },
                    complete: function (data) {
                        if (data.responseText == 'false') {
                            document.getElementById('codeimage').src = "{:url('Seccode/makecode')}"+"?" + new Date().getTime();
                        }
                    }
                }
            }
            {/if}
        },
        messages: {
            member_name: "<i class='iconfont'>&#xe64c;</i>{$Think.lang.please_enter_registered_name}",
            member_password: "<i class='iconfont'>&#xe64c;</i>{$Think.lang.login_index_input_password}"
            {if $Think.config.ds_config.captcha_status_login == '1'},
            captcha_normal: {
                required: '<i class="iconfont" title="{$Think.lang.login_index_input_checkcode}">&#xe64c;</i>{$Think.lang.login_index_input_checkcode}',
                remote: '<i class="iconfont" title="{$Think.lang.login_index_wrong_checkcode}">&#xe64c;</i>{$Think.lang.login_index_wrong_checkcode}'
            }
            {/if}
        }
    });
});
</script>
{if $Think.config.ds_config.sms_login == 1}
<script type="text/javascript" src="{$Think.HOME_SITE_ROOT}/js/connect_sms.js"></script>
<script>
            $(function () {
                $("#login_mobile_form").validate({
                    errorPlacement: function (error, element) {
                        var error_td = element.parent('.text-area');
                        error_td.append(error);
                        element.parents('.text-area:first').addClass('error');
                    },
                    success: function (label) {
                        label.parents('.text-area:first').removeClass('error').find('label').remove();
                    },
                    submitHandler:function(form){
                        ds_ajaxpost('login_mobile_form','url','{if $Request.param.ref_url}{$Request.param.ref_url}{else/}{:url("Member/index")}{/if}');
                    },
                    onkeyup: false,
                    rules: {
                        sms_mobile: {
                            required: true,
                            number:true,
                            rangelength:[11,11]
                        },
                        sms_captcha: {
                            required: true,
                            rangelength:[6,6]
                        }
                        {if $Think.config.ds_config.captcha_status_login == '1'},
                        captcha_mobile: {
                            required: true,
                            minlength: 4,
                            remote: {
                                url: "{:url('Seccode/check',['reset'=>'false'])}",
                                type: 'get',
                                data: {
                                    captcha: function () {
                                        return $('#captcha_mobile').val();
                                    }
                                },
                                complete: function (data) {
                                    if (data.responseText == 'false') {
                                        document.getElementById('sms_codeimage').src = "{:url('Seccode/makecode')}"+"?" + new Date().getTime();
                                    }
                                }
                            }
                        }
                        {/if}
                    },
                    messages: {
                        sms_mobile: {
                            required: '<i class="iconfont">&#xe64c;</i>{$Think.lang.login_correct_phone}',
                            number: '<i class="iconfont">&#xe64c;</i>{$Think.lang.login_correct_phone}',
                            rangelength:'<i class="iconfont">&#xe64c;</i>{$Think.lang.login_correct_phone}'
                        },
                        sms_captcha: {
                            required: '<i class="iconfont">&#xe64c;</i>{$Think.lang.login_sms_dynamic_code}',
                            rangelength: '<i class="iconfont">&#xe64c;</i>{$Think.lang.login_sms_dynamic_code}'
                        }
                        {if $Think.config.ds_config.captcha_status_login == '1'},
                        captcha_mobile: {
                            required: '<i class="iconfont">&#xe64c;</i>{$Think.lang.login_correct_verification_code}',
                            minlength: '<i class="iconfont">&#xe64c;</i>{$Think.lang.login_correct_verification_code}',
                            remote: '<i class="iconfont">&#xe64c;</i>{$Think.lang.login_correct_verification_code}'
                        }
                        {/if}
                    }
                });
            });
</script>
{/if}

{include file='default/base/mall_footer'/}