<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>宠爱王国-授权登录</title>
    <meta name="description" content="宠爱王国"/>
    <meta name="keywords" content="宠爱王国,登录"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no"/>
    <style>
        body,html{font-family:Helvetica,"microsoft yahei";background:#fff}
        body{position:relative;overflow-x:hidden;-webkit-overflow-scrolling:touch}	abbr,article,aside,blockquote,body,button,command,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,input,li,mark,meter,nav,ol,output,p,pre,progress,section,summary,time,ul{margin:0;padding:0}
        input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
        *{-webkit-tap-highlight-color:rgba(255,0,0,0)}
        .login-content{height:100%}
        .login-logo{width:100px;height:100px;margin:50px auto 25px auto;background-image:url(<%=request.getContextPath()%>/img/accreditlogo.png);background-position:center center;background-repeat:no-repeat;background-size:100% 100%}
        .login-form{border:solid 1px #ddd;margin:10px;overflow:hidden;background:#fff;border-radius:5px}
        .login-form input{border:none;font-size:1rem;padding:15px!important;border-radius:0;height:auto;overflow:hidden;width:90%}
        .login-btn-con{margin:20px 10px 10px 10px}
        .mui-btn{color:#fff;background-color:#ff9304;border:1px solid #ff9304;display:block;width:100%;padding:8px 0;font-size:1.1rem;border-radius:3px;font-weight:700;margin-top:10px}
        a{text-decoration:none;color:#333}
        input,select{outline:0;border:0;font-size:1rem;font-family:Helvetica,"microsoft yahei";border:0 none}
        input[type=text]{background-position-y:-1px}
        .jgline{border-bottom:1px solid #ddd;width:100%;height:5px}
    </style>
</head>
<body>
<div class="login-content">
    <div class="login-logo"></div>
    <form class="" action="" method="post">
        <div class="login-form">
            <input type="text"  name="username" placeholder="用户名">
            <div class="jgline"></div>
            <input type="password" name="password" placeholder="密码">
        </div>
        <div class="login-btn-con">
            <button class="mui-btn" onclick="">登录并授权</button>
        </div>
    </form>
</div>
</body>
</html>