<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>用户登录</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="shortcut icon" href="/layuiadmin/style/res/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="/layuiadmin/style/login.css" media="all">
    <link rel="stylesheet" href="/layuiadmin/style/user.css?v=0.1" media="all">
    <style>

        .layadmin-user-login-main {
            /*width: 638px;*/
            width:475px;
            height: 540px;
        }

        .loginHeader {
            line-height: 40px;
            height: 40px;
            padding-bottom: 25px;
            padding-top: 35px;
            background-color: #d9d9da !important;
        }

        .loginHeader a {
            display:inline-block;
            color:#99999a;
            font-size:18px;
            width:155px;
        }

        .loginHeader a.active {
            font-weight: 700;
            font-size: 24px;
            color: #919192;
        }

        .loginHeader b {
            display: inline-block;
            width: 0;
            height: 70%;
            border-left: 1px solid #c2c2c3;
            vertical-align: middle;
            margin: 0 25px;
        }

        .thirdParty {
            margin: 20px 0 0;
        }

        .thirdParty a{
            background: url(/layuiadmin/style/res/logoBj.png) center center no-repeat;
            width: 60px;
            background-size: 90%;
            height: 77px;
            display: inline-block;
            text-align: center;
            line-height: 60px;
        }

        .thirdParty  img{
            width: 37px;
        }
        .loginBox>a {
            position: absolute;
            bottom: 5px;
            right: 5px;
        }

        .layui-form-checked[lay-skin=primary] i {
            border-color: #d2d2d2 !important;
            background-color: #fff;
            color: #000;
        }

        .layui-form-checkbox[lay-skin=primary]:hover i {
            border-color: #424080;
        } 

        .layui-form-checkbox .active {
            color:#01AAED !important;
        }


        .layui-form-item>img {
            padding: 10px;
            width: 205px;
            border: 1px solid #e3e4e1;
            margin-bottom: 20px;
        }

        .tips {
            width: 500px;
            height: 270px;
            padding: 115px 75px;
            /* position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); */
            background: #fff;
            color: #000;
            text-align: center;
        }

        .tips h2 {
            font-size: 30px;
            margin-bottom: 30px;
        }

        .tips p {
            margin-bottom: 10px;
        }

        .tips a {
            display: inline-block;
            width: 150px;
            height: 42px;
            line-height: 42px;
            text-align: center;
            color: #fff;
            border: 1px solid #4f918a;
            font-size: 18px;
            margin: 65px 10px 00px;
            cursor: pointer;
            border-radius: 7px;
        }

        .tips a.verification {
            background: #4f82b2;
            border-color:#4f82b2;
        }

        .tips a.info {
            background: #79b5e2;
            border-color:#79b5e2;
        }


        .tips a.vip {
            color: #469096;
        }
        .layui-anim{
            animation-fill-mode: none;
        }

        .layui-row {
            width: 100%;
            position: relative;
        }

        .level {
            position: absolute;
            top: 7px;
            right: 10px;
        }

        .level span {
            width: 40px;
            height: 22px;
            line-height: 23px;
            border: 1px solid #5552b7;
        }

        .level span.layui-bg-gray {
            background: #fff !important;
            color: #5552b7 !important;
        }

        .level span.layui-badge {
            background: #5552b7;
        }

        .layui-layer-loading .layui-layer-content{
            text-align: center;
            width: 100px !important;
            background-position-x: center !important;
            line-height: 90px;
        }

        /* 手机验证码 */
        .codeLogin{
            cursor: pointer;
            color:#6868a4;
        }
    </style>
</head>

<body>
    <section id="mainDiv">
        <div class="layadmin-user-display-show" id="">
            <div style="text-align:center">
                <img src="/layuiadmin/style/res/shu.png" alt="">
            </div>
            <div class="layadmin-user-login-main">
                <div class="layadmin-user-login-box layadmin-user-login-header loginHeader">
                    <!-- <h2>用户登录</h2> -->
                    <a href="javascript:;" data-type="0" class="active a">手机/邮箱登录</a>
                    <b></b> 
                    <a href="javascript:;" data-type="1">校园/工号登录</a>
                </div>
                <div class="layadmin-user-login-box layadmin-user-login-body layui-form loginBox">
                    <div class="layui-form-item itemInp">
                        <input type="text" style="display: none;">
                        <input type="password" style="display: none;">
                        <input type="text" name="username" id="username" lay-verify="required" disableautocomplete placeholder="请输入手机号/邮箱号"
                            class="layui-input" autocomplete='off'>
                    </div>
                    <div class="layui-form-item itemInp">
                        <input type="text" style="display: none;">
                        <input type="password" style="display: none;">
                        <input type="password" name="password" id="password1" autocomplete='new-password'  disableautocomplete placeholder="密码"
                            class="layui-input">
                    </div>
                    <div class="layui-form-item itemInp" style="border:0">
                        <div class="layui-row">
                            <div class="layui-col-xs8 clearable">
                                <input type="text" style="display: none;">
                                <input type="password" style="display: none;">
                                <input type="text" name="code" id="code1" disableautocomplete autocomplete='new-password' placeholder="请输入五位字母验证码"
                                    class="layui-input">
                            </div>
                            <div class="layui-col-xs4">
                                <div>
                                    <img src="" class="layadmin-user-login-codeimg" id="codeImg1" onclick="getCode()">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <a href="/user/forget" class="layadmin-user-jump-change layadmin-link"
                            style="margin-top: 7px;">找回密码</a>
                                                <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                            <span>30天免登录</span>
                            <i class="layui-icon layui-icon-ok remember active" data-type="0"></i>
                        </div>
                        <a href="/user/register" class="layadmin-link"
                            style="color:#9595c0 !important;margin-top: 7px;width: 140px; left: 50%; top: 1px; position: absolute; margin-left: -65px;">还没账号?
                            去注册 > >
                        </a>
                    </div>
                    <div class="layui-form-item">
                    <p class="safarTipe"></p>
                        <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="loginForm" data-login="0">登 录</button>
                    </div>
                    <div>
                        <span class="codeLogin" id="codeLogin">手机验证码登录 >> </span>
                    </div>
                    <div class="layui-form-item thirdParty" style="text-align: center;">
                        <a href="/user/qqlogin"><img src="/layuiadmin/style/res/qqLogo.png" style="width: 30px;" alt=""></a>
                        <a href="/user/wxlogin" style="margin: 0 20px 0 40px;"><img src="/layuiadmin/style/res/wxloginLogo.png" alt=""></a>
                        <a href="/user/wblogin" style="margin: 0 40px 0 20px;"><img src="/layuiadmin/style/res/wbLogo.png" alt=""></a>
                        <a href="https://sp-pubmedol.carsi.edu.cn/api/authorize?response_type=code&client_id=pubmedol&state=pubmedol"><img src="/layuiadmin/style/res/carsi.png" alt=""></a>
                    </div>
                </div>
                <div class="layadmin-user-login-box layadmin-user-login-body layui-form loginBox" hidden
                    style="position: relative;">
                    <div class="layui-form-item itemInp">
                        <select name="instid" id="instid" lay-filter="instSel" lay-search>
                            <option value=""></option>
                        </select>
                    </div>
                    <div class="layui-form-item" id="extSso" style="display: none;padding: 0px 10px;">
                        <a href="" style="color:#9595c0" target="_blank">请点击此处跳转统一身份认证登录</a>
                    </div>
                    <div class="layui-form-item itemInp">
                        <input type="text" name="username" id="jobnum" lay-verify="required" placeholder="请输入校园卡号/职工号登录"
                            class="layui-input">
                    </div>
                    <div class="layui-form-item itemInp">
                        <input type="password" name="password" id="password2" placeholder="密码"
                            class="layui-input">
                    </div>
                    <div class="layui-form-item itemInp"  style="border:0">
                        <div class="layui-row">
                            <div class="layui-col-xs8 clearable">
                                <input type="text" name="code" id="code2" placeholder="请输入五位字母验证码" autocomplete='new-password'
                                    class="layui-input">
                            </div>
                            <div class="layui-col-xs4">
                                <div>
                                    <img src="" class="layadmin-user-login-codeimg" id="codeImg2" onclick="getCode()">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <p class="safarTipe"></p>
                        <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="loginForm" data-login="1"
                            style="background-color:#424080;font-size:20px;margin-top: 30px;">登 录</button>
                    </div>
                    <div class="layui-form-item">
                        <a href="/user/forget" class="layadmin-user-jump-change layadmin-link"
                            style="margin-top: 7px;">找回密码</a>
                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary">
                            <span>30天免登录</span>
                            <i class="layui-icon layui-icon-ok remember active" data-type="1"></i>
                        </div>
                        
                    </div>
                    <div class="layui-form-item" style="text-align: center;margin-top: 30px;">
                        <a href="/user/register" class="layadmin-link"
                            style="margin-top: 7px;color:#9595c0 !important;">还没账号? 去注册 > > </a>
                    </div>
                </div>
            </div>
            
        </div>
    </section>
    <form class="layui-form" lay-filter="RegForm" id="passwordDiv" style="display:none;padding:20px 30px">
        <div class="layui-form-item">
            <div class="layui-row">
                <input type="password" name="newpwd" readonly onfocus="this.removeAttribute('readonly');" id="passwordOpen" lay-verify="required|password"
                    placeholder="请输入新密码" autocomplete="off" class="layui-input">
                <div class="level">
                    <span id="level1" class="layui-badge layui-bg-gray">弱</span>
                    <span id="level2" class="layui-badge layui-bg-gray">中</span>
                    <span id="level3" class="layui-badge layui-bg-gray">强</span>
                </div>
                <p style="color: #c5c5c5; margin-top: 5px;">密码长度应超过8位，包含大写字母、小写字母、数字、标点符号四种字符中至少三种。</p>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-row">
                <input type="password" name="renewpwd" readonly onfocus="this.removeAttribute('readonly');" placeholder="确认密码" lay-verify="required|password"
                    autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item itemInp">
            <div class="layui-row">
                <div class="layui-col-xs8 clearable">
                    <input type="text" name="code" readonly onfocus="this.removeAttribute('readonly');" id="LAY-user-login-code" lay-verify="required"
                        placeholder="请输入五位字母验证码" class="layui-input">
                </div>
                <div class="layui-col-xs4">
                    <div style="margin-left: 10px;">
                        <img src="" class="layadmin-user-login-codeimg" id="passCodeImg" onclick="getChangePwdCode()">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item" hidden>
            <button class="layui-btn" lay-submit lay-filter="RegForm">保存</button>
        </div>
    </form>

    <div class="layui-form" id="codeloginDiv" lay-filter="mobileCode" style="display:none;padding:20px 30px">
        <div class="layui-form-item itemInp">
            <input type="text" style="display: none;">
            <input type="password" style="display: none;">
            <input type="text" name="mobile" id="mobile" lay-verify="required" disableautocomplete placeholder="请输入手机号"
                class="layui-input" autocomplete='off'>
        </div>
        <div class="layui-form-item itemInp">
            <div class="layui-row">
                <div class="layui-col-xs8">
                <input type="text" style="display: none;">
                    <input type="password" style="display: none;">
                    <input type="text" name="mobileCode" id="mobileCode" autocomplete='new-password'  disableautocomplete placeholder="请输入手机号验证码"
                        class="layui-input">
                </div>
                <div class="layui-col-xs4">
                    <div  id="timeDiv" style="line-height: 38px; padding-left: 15px;">
                        <button class="layui-btn" id="getcode" style="background-color: #424080;margin: 3px 0 0 15px;">获取验证码</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item itemInp" style="border:0">
            <div class="layui-row">
                <div class="layui-col-xs8 clearable">
                    <input type="text" style="display: none;">
                    <input type="password" style="display: none;">
                    <input type="text" name="code" id="code" disableautocomplete autocomplete='new-password' placeholder="请输入五位字母验证码"
                        class="layui-input">
                </div>
                <div class="layui-col-xs4">
                    <div>
                        <img src="" class="layadmin-user-login-codeimg" id="mcode" >
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <input type="checkbox" title="30天免登录" lay-skin="primary" name="remember">
        </div>
    </div>

    <div id="getPhoneCode" style="display:none;padding:20px 30px">
        <div class="layui-row">
            <div class="layui-col-xs6 clearable">
                <input type="text" name="getmobileCode" id="getmobileCode" disableautocomplete autocomplete="new-password" placeholder="请输入五位字母验证码" class="layui-input">
            </div>
            <div class="layui-col-xs6">
                <div style="padding-top:4px">
                    <img src="" class="layadmin-user-login-codeimg" id="getmobileImg" >
                </div>
            </div> 
        </div> 
    </div>

    <script src="/layuiadmin/layui/layui.js"></script>
    <script src="/layuiadmin/js/login.js?v=1.15"></script>
    <script src="/layuiadmin/js/public.js"></script>

</body>
<div class="tips" id="tips" style="display: none;">
    <h2>登录提示</h2>
    <p>您的账号已到期，请联系管理员或者拨打400-6099117。</p>
    <p>若您单位属于正式用户，您可以上传信息完成身份认证后重新登录。</p>
    <p>单位若未开通您也可以通过购买vip服务获取相应的使用权限</p>
    <a  onclick="layui.verificationFun()" class="verification">充值个人VIP</a>
    <a   onclick="layui.personalInformation()" class="info">上传信息</a>
</div>
</html>