diff --git a/login/login.html b/login/login.html
index 566549b..14db1c9 100644
--- a/login/login.html
+++ b/login/login.html
@@ -2,9 +2,29 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Title</title>
+    <title>登录</title>
+    <link rel="stylesheet" href="../resource/lib/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="../resource/public/components.min.css?a=2">
+    <link rel="stylesheet" href="../resource/public/plugins.min.css?a=2">
+    <link rel="stylesheet" href="../resource/public/commoncss.css?a=2">
+    <link rel="stylesheet" href="../topages/login/login.css">
+
 </head>
 <body>
 
+    <div class="float-left login-wrap">
+        <div class="login-main">
+            <div class="login-name">中兴智能日报系统</div>
+            <div class="login-hint">轻松工作每一天</div>
+            <input type="text" class="login-username" id="login-username" placeholder="邮箱或者账户名">
+            <input type="password" class="login-password" id="login-password" placeholder="密码">
+            <div class="login-btn" id="login-btn">登录</div>
+        </div>
+    </div>
+    <div class="float-left login-bg"></div>
+
+
+<script src="../resource/lib/jquery/jquery.min.js"></script>
+<script src="../topages/login/login.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/resource/img/login-bg.png b/resource/img/login-bg.png
new file mode 100644
index 0000000..677c7e0
--- /dev/null
+++ b/resource/img/login-bg.png
diff --git a/resource/img/login-btn.png b/resource/img/login-btn.png
new file mode 100644
index 0000000..4ba1c75
--- /dev/null
+++ b/resource/img/login-btn.png
diff --git a/topages/login/login.css b/topages/login/login.css
new file mode 100644
index 0000000..78cbc10
--- /dev/null
+++ b/topages/login/login.css
@@ -0,0 +1,45 @@
+html,body{
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+.login-wrap{
+    width:calc(100% - 800px);
+    width:-webkit-calc(100% - 800px);
+    width:-moz-calc(100% - 800px);
+    height: 100%;
+    position: relative;
+}
+.login-main{
+    position: absolute;
+    right: 0;
+    top:50%;
+    transform: translateY(-50%);
+    -webkit-transform: translateY(-50%);
+    -moz-transform: translateY(-50%);
+    width: 400px;
+}
+.login-name{
+    font-size: 40px;
+    color: rgba(0,0,0,.8);
+}
+.login-hint{
+    font-size: 16px;
+    color: rgba(0,0,0,.6);
+}
+.login-btn{
+    width: 253px;
+    height: 58px;
+    cursor: pointer;
+    text-align: center;
+    line-height: 68px;
+    font-size: 20px;
+    color: #fff;
+    background: url("../../resource/img/login-btn.png") no-repeat;
+}
+.login-bg{
+    height: 100%;
+    width: 800px;
+    background: url("../../resource/img/login-bg.png") no-repeat;
+    background-size:100% 100% ;
+}
\ No newline at end of file
diff --git a/topages/login/login.js b/topages/login/login.js
new file mode 100644
index 0000000..3b71d51
--- /dev/null
+++ b/topages/login/login.js
@@ -0,0 +1,3 @@
+/**
+ * Created by mac on 18/7/27.
+ */
