<!DOCTYPE html>
<html>
<head>
    <title>用户登录 · 注册-桑磊法考-桑磊法考</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9, IE=8"/>
    <meta name="author" content=""/>
    <meta name="keywords" content="法考主观题，国家统一法律职业资格考试，国家司法考试，法考培训，法考辅导"/>
    <meta name="description" content="桑磊法考致力于中国法学教育、法律职业资格考试、法律职业教育，贯穿每一位法律人从法学院学生到从事法律职业的全过程。以网上法考系统、网上法学院、网上法律职业学院为依托，网络教育与图书出版相结合，为国家法治建设贡献力量。"/>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="https://www.sangleifakao.com/static/edu/css/common.css?v=1775844336956">
    <link rel="stylesheet" type="text/css" href="https://www.sangleifakao.com/static/edu/css/page-style.css?v=1775844336956">
    <script type="text/javascript" src="https://www.sangleifakao.com/static/common/jquery-1.11.1.min.js?v=1775844336956"></script>

    <!--[if lt IE 9]>
    <script src="https://www.sangleifakao.com/static/common/html5.js"></script><![endif]-->
    <style>
        * {padding: 0;margin: 0;list-style: none;font-family: 'Adobe 黑体 Std';}
        .clearfix:after {visibility: hidden;display: block;font-size: 0;content: "";clear: both;height: 0;}
        .clearfix {zoom: 1;}
        a{text-decoration: none;}
        img {border:0;vertical-align:middle;}
        input,textarea{border: none;outline: none;}
        html{height: 100%;width: 100%;}
        body{background: url(/static/edu/images/login_bg.jpg) center center no-repeat;height: 100%;width: 100%;overflow: hidden;background-size: 100% 100%;}
        .login_header{height: 1rem;background: rgba(0,0,0,0.5);}
        .index_left{float: left;}
        .index_hdBt{line-height: 1rem;color: #fff;font-size: 0.3rem;float: left;}
        .index_hdPhone{line-height: 1rem;color: #fff;font-size: 0.3rem;float: left;}
        .index_hdIcon1{width: 0.4rem;height: 0.45rem;margin: 0.275rem 0.15rem 0 0;float: left;background: url(/static/edu/images/login_hdIcon1.png) 0 0 no-repeat;background-size: 100% 100%;}
        .index_hdIcon2{width: 0.325rem;height: 0.325rem;margin: 0.375rem 0.075rem 0 0;float: left;background: url(/static/edu/images/login_hdIcon2.png) 0 0 no-repeat;background-size: 100% 100%;}
        .index_hdIcon3{width: 0.45rem;height: 0.325rem;margin: 0.375rem 0.1rem 0 0;float: left;background: url(/static/edu/images/login_hdIcon3.png) 0 0 no-repeat;background-size: 100% 100%;}
        .index_hdNum{line-height: 1rem;color: #fff;font-size: 0.5rem;float: left;}
        .index_right{float: right;}
        .index_hdBtn{float: left;line-height: 1rem;}
        .index_hdBtn a{font-size: 0.3rem;color: #fff;}
        .index_hdBtn a:hover{color: #ffff64;}
        .index_hdBar{height: 0.275rem;width: 1px;background-color: #afc7e5;float: left;margin: 0.4rem 0.2rem 0;}
        .index_hdBox{float: left;position: relative;line-height: 1rem;}
        .index_hdBox span{color: #fff;font-size: 0.3rem;}
        .index_ewm{position: absolute;top: 1rem;left: 50%;width: 2.25rem;height: 2.25rem;margin-left: -1.125rem;display: none;}
        .index_hdBox:hover .index_ewm{display: block;}
        .mid_1200{width: 30rem;min-width: 30rem;margin: 0 auto;zoom: 1;}
        .mid_1200:after{visibility: hidden;display: block;font-size: 0;content: "";clear: both;height: 0;}
        .index_hdBox span{float: left;}
        .login_back{float: left;font-size: 0.3rem;color: #fff;line-height: 1rem;}
        .login_back i{background: url(/static/edu/images/login_back.png) 0 0 no-repeat;background-size: 100% 100%;width: 0.3rem;height: 0.275rem;float: left;margin: 0.3625rem 0.125rem 0 0;}
        .login_logo{width: 5rem;height: 1.4rem;margin-top: 0.5rem;float: left;}
        .login_box{width: 13.15rem;margin: auto;height: 60%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
        .login_bt{color: #fff;font-size: 0.75rem;line-height: 1.05;margin-bottom: 0.5rem;}
        .login_row{height: 1.15rem;background: #fff;margin-bottom: 0.5rem;}
        .login_ipt{float: left;line-height: 1.15rem;font-size: 0.4rem;padding-left: 0.3rem;width: 70%;letter-spacing: 1px;}
        .login_ipt::-webkit-input-placeholder{color: #b8b8b8;}
        .login_boxIcon1{width: 0.65rem;height: 0.75rem;margin: 0.2rem 0.3rem 0 0;float: right;background: url(/static/edu/images/login_boxIcon1.png) 0 0 no-repeat;background-size: 100% 100%;}
        .login_boxIcon2{width: 0.55rem;height: 0.65rem;margin: 0.25rem 0.35rem 0 0;float: right;background: url(/static/edu/images/login_boxIcon2.png) 0 0 no-repeat;background-size: 100% 100%;}
        .login_row2{margin: 0.5rem 0;padding: 0 0.125rem;overflow: hidden;}
        .login_check{float: left;width: 0.3rem;height: 0.3rem;border: 1px solid #fff;cursor: pointer;}
        .login_check{float: left;width: 0.3rem;height: 0.3rem;border: 1px solid #fff;cursor: pointer;}
        .login_check.on{background: url(/static/edu/images/login_check.png) center center no-repeat;}
        .login_checkTxt{color: #fff;font-size: 0.35rem;line-height: 0.4rem;float: left;margin-left: 0.275rem;}
        .login_forget{float: right;color: #fff;font-size: 0.35rem;line-height: 0.5rem;}
        .login_btn{height: 1.15rem;text-align: center;line-height: 1.15rem;color: #fff;background: #157dfb;cursor: pointer;font-size: 0.5rem;}
        .login_reg{float: right;color: #308ff0;font-size: 0.4rem;margin: 0.375rem 0 0.75rem;cursor: pointer;line-height: 1.05;}
        .login_regNo{float: right;color: #fff;font-size: 0.4rem;margin: 0.375rem 0 0.75rem;line-height: 1.05;}
        .login_others{color: #bbbbbb;font-size: 0.4rem;text-align: center;background: url(/static/edu/images/login_others.png) center center no-repeat;line-height: 1.05;}
        .login_othersBox{text-align: center;margin: 0.3rem 0;}
        .login_othersInner{display: inline-block;overflow: hidden;}
        .login_weixin,.login_QQ{float: left;width: 1.025rem;height: 1.025rem;margin: 0 0.625rem;}
        .login_weixin{background: url(/static/edu/images/login_weixin.png) 0 0 no-repeat;background-size: 100% 100%;}
        .login_QQ{background: url(/static/edu/images/login_QQ.png) 0 0 no-repeat;background-size: 100% 100%;}
        .login_ewm{text-align: center;}
        .login_ewmInner{display: inline-block;overflow: hidden;}
        .login_ewmItem{float: left;width: 2.55rem;height: 3rem;background: rgba(0,0,0,0.3);text-align: center;padding-top: 0.125rem;margin: 0 2rem;}
        .login_ewmItem img{width: 2.3rem;height: 2.3rem;}
        .login_ewmTxt{font-size: 0.35rem;color: #fff;line-height: 1.05;margin-top: 0.15rem;}
        .login_footer{background: rgba(3,3,3,0.2);width: 100%;position: absolute;bottom: 0;left: 0;}
        .index_ftLink{padding: 0 6px;border-bottom: 1px solid #474747;overflow: hidden;}
        .index_ftLink span,.index_ftLink a{color: #999999;font-size: 12px;line-height: 25px;float: left;}
        .index_ftLink a:hover{color: #157dfb;}
        .index_ftBot{padding: 10px 0;}
        .index_ftBot div{text-align: center;color: #999999;font-size: 12px;line-height: 20px;}
        .index_ftRow{display: inline-block;overflow: hidden;}
        .index_ftLk{float: left;line-height: 14px;color: #999999;font-size: 12px;}
        .index_ftLk:hover{color: #157dfb;}
        .index_ftBar{float: left;width: 1px;height: 14px;background: #7e7e7e;margin: 0 5px;}
        .login_popus{width: 9.1rem;height: 8.7rem;background: rgba(208,208,208,0.26);position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;border-radius: 10%;display: none;}
        .login_popInner{width: 8.7rem;height: 8.45rem;background: #fff;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;border-radius: 10%;padding: 0.4rem 0.75rem 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
        .login_popRow{border-bottom: 1px solid #d5d5d5;overflow: hidden;}
        .login_popBt{float: left;color: #157dfb;font-size: 0.45rem;line-height: 1rem;}
        .login_popClose,.reg_popClose{float: right;width: 0.4rem;height: 0.4rem;background: url(/static/edu/images/detail_logClose.png) 0 0 no-repeat;background-size: 100% 100%;margin: 0.3rem 0 0 0;cursor: pointer;}
        .login_popImg{width: 5.5rem;height: 1.6rem;display: block;margin: 1.1rem auto;}
        .login_popTxt{color: #494949;font-size: 0.5rem;text-align: center;line-height: 1.05;}
        .login_popBtn{width: 6.9rem;height: 1.1rem;border-radius: 0.1rem;background: #f88242;text-align: center;line-height: 1.1rem;color: #fff;font-size: 0.5rem;margin: 0.75rem auto 0;cursor: pointer;}
        .reg_popus{width: 12.5rem;height: 12.6rem;background: rgba(208,208,208,0.26);position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;border-radius: 0.75rem;display: none;}
        .reg_popInner{width: 11.9rem;height: 12.2rem;background: #fff;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;border-radius: 0.75rem;padding: 0 1rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
        .reg_popBt{color: #157dfb;font-size: 0.75rem;line-height: 2.9rem;text-align: center;}
        .reg_popClose{position: absolute;top: 0.5rem;right: 0.75rem;margin: 0;}
        .reg_popRow{height: 1.2rem;border: 1px solid #cccccc;margin-bottom: 0.3rem;padding: 0 0.3rem;box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
        .reg_popInput{float: left;line-height: 1.2rem;font-size: 0.4rem;width: 45%;}
        .reg_popInput::-webkit-input-placeholder{color: #b8b8b8;}
        .reg_popYes1{float: right;width: 0.45rem;height: 0.45rem;background: url(/static/edu/images/reg_yes.png) 0 0 no-repeat;background-size: 100% 100%;margin: 0.35rem 0.2rem 0 0;display: none;}
        .reg_popYes2{float: right;width: 0.45rem;height: 0.45rem;background: url(/static/edu/images/reg_yes.png) 0 0 no-repeat;background-size: 100% 100%;margin: 0.35rem 0.2rem 0 0;display: none;}
        .reg_popYes3{float: right;width: 0.45rem;height: 0.45rem;background: url(/static/edu/images/reg_yes.png) 0 0 no-repeat;background-size: 100% 100%;margin: 0.35rem 0.2rem 0 0;display: none;}
        .reg_popYes4{float: right;width: 0.45rem;height: 0.45rem;background: url(/static/edu/images/reg_yes.png) 0 0 no-repeat;background-size: 100% 100%;margin: 0.35rem 0.2rem 0 0;display: none;}
        .reg_popError1{float: right;display: none;}
        .reg_popError2{float: right;display: none;}
        .reg_popError3{float: right;display: none;}
        .reg_popError4{float: right;display: none;}

        .reg_popError1 i{width: 0.45rem;height: 0.45rem;float: left;background: url(/static/edu/images/reg_error.png) 0 0 no-repeat;background-size: 100% 100%;margin: 0.35rem 0.2rem 0 0;}
        .reg_popError1 span{float: left;font-size: 0.4rem;color: #f88342;line-height: 1.2rem;}

        .reg_popError2 i{width: 0.45rem;height: 0.45rem;float: left;background: url(/static/edu/images/reg_error.png) 0 0 no-repeat;background-size: 100% 100%;margin: 0.35rem 0.2rem 0 0;}
        .reg_popError2 span{float: left;font-size: 0.4rem;color: #f88342;line-height: 1.2rem;}

        .reg_popError3 i{width: 0.45rem;height: 0.45rem;float: left;background: url(/static/edu/images/reg_error.png) 0 0 no-repeat;background-size: 100% 100%;margin: 0.35rem 0.2rem 0 0;}
        .reg_popError3 span{float: left;font-size: 0.4rem;color: #f88342;line-height: 1.2rem;}

        .reg_popError4 i{width: 0.45rem;height: 0.45rem;float: left;background: url(/static/edu/images/reg_error.png) 0 0 no-repeat;background-size: 100% 100%;margin: 0.35rem 0.2rem 0 0;}
        .reg_popError4 span{float: left;font-size: 0.4rem;color: #f88342;line-height: 1.2rem;}


        .reg_popCode{margin-bottom: 0.3rem;overflow: hidden;}
        .reg_popCode .reg_popRow{width: 6.8rem;float: left;}
        .reg_popCodeBtn{float: right;width: 2.75rem;height: 1.2rem;background: #157dfb;text-align: center;line-height: 1.2rem;font-size: 0.4rem;cursor: pointer;color: #fff;}
        .reg_popRow2{overflow: hidden;margin: 0.5rem 0 0.75rem;}
        .reg_popCheck{width: 0.35rem;height: 0.35rem;float: left;border: 1px solid #b1b1b1;cursor: pointer;}
        .reg_popCheck.on{background: url(/static/edu/images/reg_popCheck.png) 0 0 no-repeat;background-size: 100% 100%;}
        .reg_checkSp{float: left;font-size: 0.35rem;line-height: 1.05;color: #b1b1b1;margin-left: 0.3rem;}
        .reg_checkLink{float: left;font-size: 0.35rem;color: #76b4ff;line-height: 1.05;}
        .reg_popBtn{width: 9.85rem;height: 1.15rem;background: #157dfb;text-align: center;line-height: 1.15rem;color: #fff;font-size: 0.5rem;cursor: pointer;}
    </style>
</head>
<body>
<div class="login_header">
    <div class="mid_1200">
        <div class="index_left">
            <div class="index_hdBt">桑磊法考欢迎您！</div>
            <div class="index_hdPhone"><i class="index_hdIcon1"></i>全国统一电话：</div>
            <div class="index_hdNum">400-008-9560</div>
        </div>
        <div class="index_right">
            <div class="index_hdBox">
                <i class="index_hdIcon2"></i>
                <span>APP</span>
                <img src="/static/edu/images/index_ewm.jpg" class="index_ewm">
            </div>
            <span class="index_hdBar"></span>
            <div class="index_hdBox">
                <i class="index_hdIcon3"></i>
                <span>手机访问</span>
                <img src="/static/edu/images/index_h5.jpg" class="index_ewm">
            </div>
            <span class="index_hdBar"></span>
            <a href="/" class="login_back"><i></i>返回首页</a>
        </div>
    </div>
</div>
<div class="mid_1200">
    <a href="/">
        <img src="/static/edu/images/login_logo.png" class="login_logo">
    </a>
</div>
<div class="login_box">
    <div class="login_bt">欢迎登录</div>
    <div class="login_row">
        <input type="text" placeholder="请输入您的手机号" id="userEmail" class="login_ipt">
        <div class="login_boxIcon1" style="display: block"></div>
    </div>
    <div class="login_row">
        <input type="password" placeholder="请输入您的密码" class="login_ipt" id="userPassword">
        <div class="login_boxIcon2"></div>
    </div>
    <div class="login_row2">
        <div class="login_check on"></div>
        <div class="login_checkTxt">30天内自动登录</div>
        <a href="https://www.sangleifakao.com/front/forget_passwd.json" class="login_forget">忘记密码？</a>
    </div>
    <div class="login_btn" onclick="pageLogin(2)">登&nbsp;&nbsp;录</div>
    <div class="clearfix">
        <div class="login_reg" onclick="register()">立即注册</div>
        <div class="login_regNo">没有账号？</div>
    </div>
    <div class="login_others">第三方登录</div>
    <div class="login_othersBox">
        <div class="login_othersInner">
            </div>
    </div>
    <div class="login_ewm">
        <div class="login_ewmInner">
            <div class="login_ewmItem">
                <img src="/static/edu/images/login_ewm.jpg">
                <div class="login_ewmTxt">微信公众号</div>
            </div>
            <div class="login_ewmItem">
                <img src="/static/edu/images/index_ewm.jpg">
                <div class="login_ewmTxt">APP下载</div>
            </div>
        </div>
    </div>
</div>
<div class="login_footer">
    <div class="mid_1200">
        <div class="index_ftLink">
            <span>友情链接： </span>
            <a href="https://weibo.com/u/2350707393?source=blog&is_hot=1">桑磊法考微博</a>
            </div>

        <div class="index_ftBot">
            <div>
                <div class="index_ftRow">
                    <a href="" class="index_ftLk">新手指南</a>
                    <span class="index_ftBar"></span>
                    <a href="" class="index_ftLk">帮助中心</a>
                    <span class="index_ftBar"></span>
                    <a href="" class="index_ftLk">关于我们</a>
                    <span class="index_ftBar"></span>
                    <a href="" class="index_ftLk">联系我们</a>
                    <span class="index_ftBar"></span>
                    <a href="/front/to_free_back.json" class="index_ftLk">意见反馈</a>
                    <span class="index_ftBar"></span>
                    <a href="/" class="index_ftLk">技术支持(桑磊法考)</a>
                </div>
            </div>
            <div>桑磊法考 - 引领法考行业人才培养！( 京ICP备17075059号 )</div>
            <div>Powered by 桑磊法考 © 2017-2019</div>
            <div>服务热线：400-008-9560</div>
        </div>
    </div>
</div>
<!-- 登录提示 begin -->
<div class="login_popus">
    <div class="login_popInner">
        <div class="login_popRow">
            <div class="login_popBt">登录提示</div>
            <div class="login_popClose"></div>
        </div>
        <img src="/static/edu/images/detail_clted.jpg" class="login_popImg">
        <div class="login_popTxt">！</div>
        <div class="login_popBtn">确&nbsp;&nbsp;&nbsp;定</div>
    </div>
</div>
<!-- 登录提示 end -->
<!-- 注册 begin -->
<div class="reg_popus">
    <div class="reg_popInner">
        <div class="reg_popClose" onclick="closeRegister()"></div>
        <div class="reg_popBt">欢迎新成员</div>
        <div class="reg_popRow">
            <script type="text/javascript">
                var sendMoblieSignKey = 'key_9fd407c1d59a4dc33c06b8d896f87365';
            </script>
            <input type="text" class="reg_popInput" placeholder="请输入手机号" id="regMobile" onblur="mobileCheck()">
            <!-- 输入正确标识 begin -->
            <div class="reg_popYes1" id="phone_true"></div>
            <!-- 输入正确标识 end -->
            <!-- 输入错误标识 begin -->
            <div class="reg_popError1" >
                <i></i>
                <span id="phone_fault"></span>
            </div>
            <!-- 输入错误标识 end -->
        </div>
        <div class="reg_popCode">
            <div class="reg_popRow">
                <input type="text" class="reg_popInput" placeholder="请输入验证码" id="mobilerandomcode">
                <!-- 输入正确标识 begin -->
                <div class="reg_popYes2"></div>
                <!-- 输入正确标识 end -->
                <!-- 输入错误标识 begin -->
                <div class="reg_popError2">
                    <i></i>
                </div>
                <!-- 输入错误标识 end -->
            </div>
            <div class="reg_popCodeBtn moblie-but" onclick="sendMobileCode()">获取验证码</div>
        </div>
        <div class="reg_popRow">
            <input type="password" class="reg_popInput" placeholder="请输入密码" id="regMobilePwd" onblur="passCheck('regMobilePwd')">
            <!-- 输入正确标识 begin -->
            <div class="reg_popYes3"></div>
            <!-- 输入正确标识 end -->
            <!-- 输入错误标识 begin -->
            <div class="reg_popError3">
                <i></i>
                <span id="password_fault"></span>
            </div>
            <!-- 输入错误标识 end -->
        </div>
        <div class="reg_popRow">
            <input type="password" class="reg_popInput" placeholder="请再次输入密码" id="cusMobilePwdConfirm" onblur="passConfirmCheck('cusMobilePwdConfirm','regMobilePwd')">
            <!-- 输入正确标识 begin -->
            <div class="reg_popYes4" ></div>
            <!-- 输入正确标识 end -->
            <!-- 输入错误标识 begin -->
            <div class="reg_popError4">
                <i></i>
                <span id="confirm_password_fault"></span>
            </div>
            <!-- 输入错误标识 end -->
        </div>
        <div class="reg_popRow2">
            <div class="reg_popCheck on"></div>
            <div class="reg_checkSp">同意并阅读</div>
            <a href="https://www.sangleifakao.com/help.json?id=191" class="reg_checkLink">《用户注册协议》</a>
        </div>
        <div class="reg_popBtn"  onclick="mobileregister()">注&nbsp;&nbsp;册</div>
    </div>
</div>
<!-- 注册 end -->
</body>
<script>
    function closeRegister() {
        $('.reg_popus').hide();
    }
    function register() {
        $('.reg_popus').show();
    }
    $(function(){
        var code='';
        if(code!=''&&code=='reg'){
            $('.reg_popus').show();
        }
		if (window.location.protocol === "http:") {
			window.location.href=baselocation+"/login";
		}
    });
    //适配
    function remChange(){
        document.documentElement.style.fontSize=20*($('html').width()/960)+'px';
    }
    remChange();
    window.addEventListener('resize',remChange,false);
    //勾选框点击事件
    $('.login_check,.reg_popCheck').click(function(){
        $(this).toggleClass('on');
    });
    $('.login_popClose,.login_popBtn').on('click',function(){
        $('.login_popus').hide();
    });

</script>
<script type="text/javascript" src="https://www.sangleifakao.com/static/common/pageJs.js?v=1775844336956"></script>
<script type="text/javascript" src="https://www.sangleifakao.com/static/common/webutils.js?v=1775844336956"></script>
<script type="text/javascript" src="https://www.sangleifakao.com/static/common/web_top.js?v=1775844336956"></script>
<script type="text/javascript" src="https://www.sangleifakao.com/static/common/emailList.js?v=1775844336956"></script>
<script type="text/javascript" src="https://www.sangleifakao.com/static/edu/js/login/login.js?v=1775844336956"></script>
<script type="text/javascript" src="https://www.sangleifakao.com/static/edu/js/login/register.js?v=1775844336956"></script>
<script type="text/javascript" src="https://www.sangleifakao.com/static/common/jquery-validation-1.11.1/dist/jquery.validate.js?v=1775844336956"></script>
<script type="text/javascript" src="https://www.sangleifakao.com/static/common/placeholder.js?v=1775844336956"></script>
<script type="text/javascript">
    //开关
    var verifyRegEmailCode = 'OFF';
    var verifyRegMobileCode = 'ON';
    var baselocation = "https://www.sangleifakao.com";
    var buyURL = baselocation + "/buy.json";
    var usercookiekey = "sessionid";
    var mydomain = "sangleifakao.com";
    var keImageUploadUrl = "https://image.sangleifakao.com/imgk4?base=eduplat";//kindeditor中使用的路径需要2个参数来区分项目和模块
    var uploadSimpleUrl = "https://image.sangleifakao.com/gok4?base=eduplat";//单独的上传按钮使用的路径
    var staticImageServer = "https://static.sangleifakao.com";//返回路径
    var staticImageServer = "https://static.sangleifakao.com";//图片服务器
    var siteFrom = ''
    var exambaselocation = 'https://exam.sangleifakao.com'
</script>
</html>
