shuochen
/
apacsys-vaporrecoverymonitor


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
							<!DOCTYPE html>

<meta name="viewport" content="width=device-width,initial-scale=1.0">
<html>

<head>
    <meta charset="utf-8">
    <title>油气回收在线监控系统云平台</title>
    <!--<style>
        .center {
    margin: auto;
    width: 60%;
    border: 3px solid rgb(255, 255, 255);
    padding: 10px;
}
</style>-->

    <link rel="stylesheet" type="text/css" href="./mystyle.css" />

    <style>

        body {
    padding: 0px;
    margin:0px;
    width:100%;
    height: 100%;


    background-image: url(sky.jpg);
    background-color:#bdd0de;
    background-repeat:no-repeat;
    background-attachment:fixed;
 
    
}

backup {
    background-color: #3ba3f8;
}

#header {
	width: 100%;
    height: 20%;
    color:white;
    display: flex;
    margin-left: 5%;
   

}

#footer {
	width: 100%;
    height: auto;
    color:white;
    display: flex;
}

#footer p{
    color:rgb(255, 255, 255);
    margin-left: 40%;
}

h2 {
    margin-left: 10px;
}

.registerBg{
	height: 480px;
    display: flex;
}

@media screen and (min-width:860px){.registerBox{margin-left: 60%;}}

@media screen and (max-width:860px){.registerBox{margin-left: 10%;}}

.registerBox{
	height: 280px;
	width: 320px;  
	background-color: rgb(255, 255, 255);
    margin-top: 5%;
}

.regTittle{
    font-size: 18px;
    font-weight: 400;
    margin-left: 12%;
    width:76%;
	margin-top: 24px;
}

.acc, .pwd{
    font-size: 18px;
    margin-left: 12%;
    width:76%;
	margin-top: 8px;
}

.doReg{
    margin-left: 12%;
    width:76%;
	height: 28px;
	background-color: #00c1de;
	border: none;
	color: white;
	font-size: 18px;
	margin-top: 18px;
}

</style>

</head>


<body id='body-login'>
    <div id="header">
        <h1>油气回收在线监控系统云平台</h1>
    </div>
    <div class="registerBg" id="registerBg">
        <section class="registerBox">
            <div class="regTittle">密码登录</div>
            <br>
            <form method="post" action="/">
                <input type="text" class="acc" placeholder="请输入账号" id="acc" name="acc">
                <br>
                <input type="password" placeholder="请输入密码" class="pwd" name="pwd" id="pwd" />
                <!--<div class="other  bd">
                    <label class="obey bd"><input type="checkbox" id="remPwd" checked>&nbsp;记住密码</label><a class="forgetPwd">忘记密码?</a>
                </div>-->
                <br><br>
                <button class="doReg" id="doLogin">登录</button>
            </form>
        </section>
    </div>
    <div id="footer">
        <p>版权所有 © </p>
    </div>


</body>

</html>