diff --git a/NPU-login/css/iconfont.css b/NPU-login/css/iconfont.css
new file mode 100644
index 0000000000000000000000000000000000000000..07d6509509ece7d85be88384f1c07ebf66cb4be4
--- /dev/null
+++ b/NPU-login/css/iconfont.css
@@ -0,0 +1,35 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 2887779 */
+  src: url('../font/iconfont.woff2?t=1634981034234') format('woff2'),
+       url('../font/iconfont.woff?t=1634981034234') format('woff'),
+       url('../font/iconfont.ttf?t=1634981034234') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-yonghu:before {
+  content: "\e667";
+}
+
+.icon-jinduchaxun:before {
+  content: "\e617";
+}
+
+.icon-mima:before {
+  content: "\e665";
+}
+
+.icon-diandengpao:before {
+  content: "\e6bd";
+}
+
+.icon-zhifeiji_fabu:before {
+  content: "\e661";
+}
+
diff --git a/NPU-login/css/style.css b/NPU-login/css/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..af291f6eb492bf75ba63fb739955b9f60cc9f2ae
--- /dev/null
+++ b/NPU-login/css/style.css
@@ -0,0 +1,236 @@
+*{
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    text-decoration: none;
+    box-sizing: border-box;
+}
+
+
+.top-bg{
+    position: absolute;
+    top: 0px;
+    width: 100%;
+    height: 100%;
+    background: url(../img/top-bg.png);
+}
+.root{
+    position: relative;
+}
+
+.content{
+    position: relative;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    max-width: 1920px;
+    min-width: 900px;
+    height: 792px;
+    margin: auto;
+}
+
+.title{
+    margin: 50px 50px 32px 50px;
+    height: 50px;
+}
+.title img{
+    position: relative;
+    top: 7px;
+}
+
+/* 主要内容 */
+
+.main{
+    width: 100%;
+    height: 480px;
+    position: relative;
+    background: url(../img/bg.png);
+}
+
+/* 登陆区 */
+
+.login{
+    position: absolute;
+    top: 50px;
+    right: 40px;
+    width: 300px;
+    height: 370px;
+    background-color: rgb(255, 255, 255, 0.89);
+}
+.tab ul{
+    border-bottom: 1px solid #D2DAE0;
+    overflow: hidden;
+}
+.tab ul li{
+    float: left;
+    line-height: 38px;
+    margin: 0 20px;
+    color: #666666;
+    font-size: 14px;
+    cursor: pointer;
+}
+.tab ul li:first-child{
+    color: #3394E1;
+    border-bottom: #3394E1 solid 2px;
+}
+
+/* 输入框 */
+
+.login-form{
+    padding: 20px;
+}
+.login-form>input{
+    margin-bottom: 15px;
+    width: 100%;
+}
+.form-input>div{
+    position: relative;
+}
+.form-input input{
+    margin-bottom: 15px;
+    padding: 0 15px 0 40px;
+    width: 100%;
+    height: 40px;
+    line-height: 40px;
+    border: 1px solid #E6ECF2;
+    border-radius: 40px;
+    font-size: 14px;
+    outline-color: #3394E1;
+}
+.form-input span{
+    position: absolute;
+    font-size: 18px;
+    font-weight: 500;
+    color: #656668;
+    top: 9px;
+    left: 13px;
+}
+.user-name span{
+    font-size: 22px;
+}
+
+.form-input input::-webkit-input-placeholder{
+    color: #C0C4CC;
+}
+.form-input input:hover{
+    border: 1px solid #C0C4CC;
+}
+
+
+/* 帮助区域 */
+.help{
+    margin-bottom: 9px;
+    line-height: 32px;
+    overflow: hidden;
+}
+.rem-me{
+    vertical-align: middle;
+    float: left;
+}
+.rem-me label{
+    position: relative;
+    top: -2px;
+    cursor: pointer;
+    font-size: 14px;
+    margin: 0 0 0 7px;
+    color: #606266;
+}
+
+.frgt-pswd{
+    float: right;
+    font-size: 14px;
+    text-decoration: none;
+    color:#2367B1;
+}
+
+.login-btn{
+    width: 100%;
+    height: 40px;
+    font-size: 16px;
+    background-color: #2367B1;
+    color: #fff;
+    border: 0px;
+    border-radius: 20px;
+    cursor: pointer;
+}
+.login-btn:hover{
+    background-color: #123459;
+}
+
+
+/* 其它登录 */
+.other{
+    margin-top: 5px;
+}
+
+.other :nth-child(2){
+    margin-left: 5px;;
+}
+.other :nth-child(3){
+    margin-left: 10px;;
+}
+.other img{
+    width: 30px;
+    height: 30px;
+}
+.other span{
+    position: relative;
+    top: -7px;
+    font-size: 12px;
+}
+
+.accout-active{
+    margin-top: 20px;
+    font-size: 14px;
+    text-align: center;
+}
+.accout-active a{
+    color: #2367B1;
+
+}
+
+/* 底部信息 */
+
+.info{
+    padding: 30px 50px;
+    font-size: 14px;
+    line-height: 25px;
+}
+.links-broswer{
+    overflow: hidden;
+    color: #5A6771;
+}
+.links li{
+    margin-right: 37px;
+    float: left;
+}
+.links li a{
+    color: #2367B1;
+}
+.links li a:hover{
+    color: #123459;
+}
+.broswer li{
+    margin-left: 12px;
+    float: right;
+}
+.broswer li a img{
+    vertical-align: middle;
+}
+
+/* contact */
+.contact{
+    overflow: hidden;
+    font-size: 12px;
+    margin: 12px 0 10px 0;
+}
+.contact p{
+    margin-right: 20px;
+    float: left;
+    color: #5A6771;
+}
+.copyrights{
+    font-size: 12px;
+    color: #5A6771;
+}
diff --git a/NPU-login/font/iconfont.ttf b/NPU-login/font/iconfont.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..61a0ed3d2016621e74d07eb5d7dd7bea55d8f904
Binary files /dev/null and b/NPU-login/font/iconfont.ttf differ
diff --git a/NPU-login/font/iconfont.woff b/NPU-login/font/iconfont.woff
new file mode 100644
index 0000000000000000000000000000000000000000..e82663a270fe95c2afd88247a5556d09024eaa45
Binary files /dev/null and b/NPU-login/font/iconfont.woff differ
diff --git a/NPU-login/font/iconfont.woff2 b/NPU-login/font/iconfont.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..e76cab40ad1ba0cba32d42335e914578b9885797
Binary files /dev/null and b/NPU-login/font/iconfont.woff2 differ
diff --git a/NPU-login/img/360.png b/NPU-login/img/360.png
new file mode 100644
index 0000000000000000000000000000000000000000..92d462921c0b364c9424bee86f5e9a963c5cda83
Binary files /dev/null and b/NPU-login/img/360.png differ
diff --git a/NPU-login/img/QQ.png b/NPU-login/img/QQ.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b32f75117c016bbf50c38b9a4e10f36df2bfedc
Binary files /dev/null and b/NPU-login/img/QQ.png differ
diff --git a/NPU-login/img/VX.png b/NPU-login/img/VX.png
new file mode 100644
index 0000000000000000000000000000000000000000..68091f2d25e1cfb9c7cfff9e749c2f7a5b9cb15b
Binary files /dev/null and b/NPU-login/img/VX.png differ
diff --git a/NPU-login/img/bg.png b/NPU-login/img/bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b42d7ad09c58f8fc017b3abb0c9db9b8d8acea7
Binary files /dev/null and b/NPU-login/img/bg.png differ
diff --git a/NPU-login/img/chrome.png b/NPU-login/img/chrome.png
new file mode 100644
index 0000000000000000000000000000000000000000..155170776a67efb6c7e81dff9331504aef94f0f1
Binary files /dev/null and b/NPU-login/img/chrome.png differ
diff --git a/NPU-login/img/favicon.ico b/NPU-login/img/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..212714d2c14f43ed8864f409f8540520b4896c7f
Binary files /dev/null and b/NPU-login/img/favicon.ico differ
diff --git a/NPU-login/img/firefox.png b/NPU-login/img/firefox.png
new file mode 100644
index 0000000000000000000000000000000000000000..aee417ad62743cd94d1b51be9d005ac37e018074
Binary files /dev/null and b/NPU-login/img/firefox.png differ
diff --git a/NPU-login/img/sogou.png b/NPU-login/img/sogou.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5138fdfa6a6379d41b75a650c68c86541d640d1
Binary files /dev/null and b/NPU-login/img/sogou.png differ
diff --git a/NPU-login/img/title.png b/NPU-login/img/title.png
new file mode 100644
index 0000000000000000000000000000000000000000..fed753a488e6d4af5a395e7ac5eb0fa698acc499
Binary files /dev/null and b/NPU-login/img/title.png differ
diff --git a/NPU-login/img/top-bg.png b/NPU-login/img/top-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..a159abb9b7afbd4353d884677de3a5fc2d428de2
Binary files /dev/null and b/NPU-login/img/top-bg.png differ
diff --git a/NPU-login/index.html b/NPU-login/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..0a9f9456fe5d9d3f809db77d3eaefa234ff0011b
--- /dev/null
+++ b/NPU-login/index.html
@@ -0,0 +1,160 @@
+<!DOCTYPE html>
+<html lang="zh-cmn-Hans">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>西北工业大学 | 统一身份认证 | 登录</title>
+
+    <link rel="shortcut icon" href="img/favicon.ico">
+    <link rel="stylesheet" href="./css/style.css">
+    <link rel="stylesheet" href="./css/iconfont.css">
+
+</head>
+
+<body>
+
+    <!-- 顶部背景 -->
+    <div class="top-bg"></div>
+
+    <!-- 主要内容区 -->
+    <div class="content">
+        <!-- 标题 -->
+        <div class="title">
+            <img src="./img/title.png" alt="">
+        </div>
+
+        <!-- 登陆 -->
+        <div class="main">
+            <div class="login">
+                <div class="tab">
+                    <ul>
+                        <li>账号登录</li>
+                        <li>手机动态码登录</li>
+                    </ul>
+                </div>
+
+                <div class="login-form">
+                    <div class="form-input">
+                        <div class="user-name">
+                            <span class="iconfont icon-yonghu"></span>
+                            <input type="text" name="login" placeholder=请输入用户名/手机/邮箱/证件号>
+                        </div>
+                        <div class="pswd">
+                            <span class="iconfont icon-mima"></span>
+                            <input type="password" name="login" placeholder="请输入登录密码">
+                        </div>
+                    </div>
+
+                    <div class="help">
+                        <div class="rem-me">
+                            <input type="checkbox" id="rem-me">
+                            <label for="rem-me">记住我</label>
+                        </div>
+
+                        <a href="https://uis.nwpu.edu.cn/find-pwd" class="frgt-pswd" target="_blank">忘记密码？</a>
+                    </div>
+
+                    <input type="submit" name="login" id="" value="登录" class="login-btn">
+
+                    <div class="other">
+                        <span>其他方式登录</span>
+                        <a
+                            href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=101503399&redirect_uri=https%3A%2F%2Fuis.nwpu.edu.cn%2Fcas%2Ffederation%2FfederatedCallback%2Fqq&response_type=code&scope=get_user_info&state=E6jI2w"><img
+                                src="./img/QQ.png" alt=""></a>
+                        <a
+                            href="https://open.weixin.qq.com/connect/qrconnect?appid=wx1579e5a7bba2da75&redirect_uri=https%3A%2F%2Fuis.nwpu.edu.cn%2Fcas%2Ffederation%2FfederatedCallback%2Fopenweixin&response_type=code&scope=snsapi_login,snsapi_userinfo&state=KhPylZ#wechat_redirect"><img
+                                src="./img/VX.png" alt=""></a>
+                    </div>
+
+                    <p class="accout-active">
+                        <a href="https://uis.nwpu.edu.cn/cas/personal/activeYourAccount" target="_blank">激活账号</a>
+                    </p>
+                </div>
+
+            </div>
+        </div>
+
+        <!-- 底部信息 -->
+        <div class="info">
+            <!-- 链接 浏览器 -->
+            <div class="links-broswer">
+                <ul class="links">
+                    <li>
+                        <a href="https://ecampus.nwpu.edu.cn/active.html" target="_blank">
+                            <span class="iconfont icon-diandengpao"></span>
+                            账号激活攻略
+                        </a>
+                    </li>
+
+                    <li>
+                        <a href="https://ecampus.nwpu.edu.cn/active.html" target="_blank">
+                            <span class="iconfont icon-mima"></span>
+                            密码找回攻略
+                        </a>
+                    </li>
+
+                    <li>
+                        <a href="https://ecampus.nwpu.edu.cn/active.html" target="_blank">
+                            <span class="iconfont icon-jinduchaxun"></span>
+                            本科新生学号查询
+                        </a>
+                    </li>
+
+                    <li>
+                        <a href="https://ecampus.nwpu.edu.cn/active.html" target="_blank">
+                            <span class="iconfont icon-zhifeiji_fabu"></span>
+                            开放平台
+                        </a>
+                    </li>
+
+                </ul>
+                <!-- broswer -->
+                <ul class="broswer">
+                    <li>
+                        <a href="https://ie.sogou.com/">
+                            <img src="./img/sogou.png" alt="">
+                        </a>
+                    </li>
+                    <li>
+                        <a href="https://browser.360.cn/ee/">
+                            <img src="./img/360.png" alt="">
+                        </a>
+                    </li>
+                    <li>
+                        <a href="https://www.firefox.com.cn/">
+                            <img src="./img/firefox.png" alt="">
+                        </a>
+                    </li>
+                    <li>
+                        <a href="ttps://www.google.cn/chrome/index.html" target="_blank">
+                            <img src="./img/chrome.png" alt="">
+                        </a>
+                    </li>
+
+                    <li>建议浏览器</li>
+                </ul>
+            </div>
+
+            <!-- contact info -->
+            <div class="contact">
+                <p>信息化建设与管理处：88491717</p>
+                <p>电邮：help@nwpu.edu.cn</p>
+                <p>QQ群：540478672</p>
+            </div>
+
+            <!-- rights -->
+            <div class="copyrights">
+                <p>Copyright &copy; 2020 Northwestern Polytechnical University All Rights Reserved</p>
+            </div>
+
+        </div>
+
+    </div>
+
+
+
+</body>
+
+</html>
\ No newline at end of file