diff --git a/css/iconfont.css b/css/iconfont.css
new file mode 100644
index 0000000000000000000000000000000000000000..a6aa1a6c5024a3f77b175a76869950245b430dbd
--- /dev/null
+++ b/css/iconfont.css
@@ -0,0 +1,39 @@
+@font-face {
+ font-family: "iconfont"; /* Project id 2902937 */
+ src: url('iconfont.woff2?t=1635523251944') format('woff2'),
+ url('iconfont.woff?t=1635523251944') format('woff'),
+ url('iconfont.ttf?t=1635523251944') format('truetype');
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-bulb:before {
+ content: "\e608";
+}
+
+.icon-searchfile:before {
+ content: "\ea5b";
+}
+
+.icon-paper-plane:before {
+ content: "\e823";
+}
+
+.icon-zhaohuimima:before {
+ content: "\e6e9";
+}
+
+.icon-lock:before {
+ content: "\e67c";
+}
+
+.icon-user:before {
+ content: "\e68a";
+}
+
diff --git a/css/iconfont.ttf b/css/iconfont.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..b4df5e5da8b199d07ece3b7c349c535a763d56e4
Binary files /dev/null and b/css/iconfont.ttf differ
diff --git a/css/reset.css b/css/reset.css
new file mode 100644
index 0000000000000000000000000000000000000000..af944401f75ea20515a02ddb3fb43d23ecb8c662
--- /dev/null
+++ b/css/reset.css
@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..fb010c7dece76aafa34dc465dd415ed6d5801264
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,193 @@
+body{
+ font: 14px '微软雅黑';
+}
+a{
+ text-decoration: none;
+}
+.main{
+
+ width: 1470px;
+ height: 850px;
+}
+/* 头部 */
+.header{
+ width: 100%;
+ height: 130px;
+ position: relative;
+ background-image: url(../img/top-bg.png);
+}
+.logo{
+ position: absolute;
+ left:50px;
+ bottom: 24px;
+}
+/* 中间部分 */
+.center{
+ position: relative;
+ width: 100%;
+ height: 480px;
+ background-image: url(../img/bg.jpg);
+}
+/* 登录框主体 */
+.login{
+ width: 300px;
+ height: 370px;
+ position: absolute;
+ top: 55px;
+ right: 40px;
+ background-color: rgba(255,255,255,.89);
+}
+.card{
+ position: relative;
+}
+/* 登录选项标签 */
+.login-method{
+ height: 40px;
+ border-bottom:1px solid rgb(210,218,224);
+}
+.login-method li{
+ float:left;
+ height: 40px;
+}
+.login-method a{
+ display: block;
+ color: #666;
+ line-height: 39px;
+ margin: 0px 20px;
+
+}
+/* 输入框选中蓝色效果 */
+.login-method li:first-of-type a{
+ color:#3394e1;
+ border-bottom:2px solid #3394e1;
+}
+/* 登录表单定位定宽 */
+.login-input{
+ margin: 20px;
+}
+/* 开启BFC */
+.name-box,.pwd-box{
+ position: relative;
+}
+.name-box input,.pwd-box input,.login-button{
+ border-radius: 20px;
+ height: 40px;
+ width: 260px;
+}
+#username,#password{
+ color:rgb(192,196,204);
+ box-sizing: border-box;
+ border: 1px solid #e6ecf2;
+ padding: 0px 15px 0px 40px;
+}
+#username:hover,#password:hover{
+ border: 1px solid #c0c4cc;
+}
+#username:focus,#password:focus{
+ outline:none;
+ border: 1px solid #5194e1;
+}
+.pwd-box{
+ padding-top: 20px
+}
+.login-input span{
+ line-height: 40px;
+}
+.login-input i{
+ color: #656668;
+ position: absolute;
+ font-size: 26px;
+ line-height: 40px;
+ left:14px;
+ z-index: 4;
+}
+.login-opt{
+ padding: 10px 0px;
+ width: 260px;
+ height: 32px;
+}
+.login-opt a{
+ line-height: 32px;
+}
+.remember{
+ float: left;
+ color: #606266;
+}
+.remember>a{
+ color: #606266;
+}
+.remember>input:checked{
+ color: rgb(51,148,225);
+}
+.forgot-pwd{
+ float: right;
+ color:#2367b1;
+}
+.login-button{
+ font-size: 16px;
+ color: #fff;
+ border: none;
+ background-color: #2367b1;
+}
+.login-button:hover{
+ cursor: pointer;
+ background-color:rgb(18,52,89);
+}
+.co-login{
+ line-height: 100%;
+ font-size: 12px;
+ margin: 10px auto;
+ width: 260px;
+ height: 36px;
+ line-height: 36px;
+}
+.co-login img{
+ vertical-align: top;
+ margin: 0px 5px;
+ width: 30px;
+ height: 30px;
+}
+.activate{
+ margin: 0px auto;
+ width: 260px;
+ height: 33px;
+ line-height: 33px;
+}
+.activate>a{
+ display: block;
+ margin: 0px auto;
+ width: fit-content;
+ border: 1px solid transparent;
+ color: #2367b1;
+}
+.activate>a:hover{
+ color: rgb(18,52,89);
+}
+.links{
+ width: auto;
+ margin: 10px 50px;
+ margin-top: 40px;
+}
+.links>a{
+ color: #2367b1;
+ padding-right: 30px;
+}
+.links>a:hover{
+ color: rgb(18,52,89);
+}
+.links>span{
+ float: right;
+ color: #666;
+}
+.links>span>span{
+ padding-right: 4px;
+}
+.contact-us, .copyright{
+ font-size: 12px;
+ color: #666;
+ width: auto;
+ margin: 24px 50px;
+}
+.contact-us span{
+ margin-right: 20px;
+}
\ No newline at end of file
diff --git a/img/360-icon.png b/img/360-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb0819cd7b3a5bc3612d54c16ff6a69fd05af058
Binary files /dev/null and b/img/360-icon.png differ
diff --git a/img/bg.jpg b/img/bg.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..dad94d788fc97da581116b4bc533dcfc5c2a044f
Binary files /dev/null and b/img/bg.jpg differ
diff --git a/img/chrome-icon.png b/img/chrome-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..16c595d203116c2ec236d12495c5e8c79e85bc08
Binary files /dev/null and b/img/chrome-icon.png differ
diff --git a/img/firefox-icon.png b/img/firefox-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..58d0bb4f7f3703281055fd771f4d3cda10c42f57
Binary files /dev/null and b/img/firefox-icon.png differ
diff --git a/img/logo.png b/img/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..277935c1e3830da6a99a33b03f7b00730851e588
Binary files /dev/null and b/img/logo.png differ
diff --git a/img/qq.png b/img/qq.png
new file mode 100644
index 0000000000000000000000000000000000000000..b7e94f764c9ed7611f219dc313b5bf840d81d4af
Binary files /dev/null and b/img/qq.png differ
diff --git a/img/sogou-icon.png b/img/sogou-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..86aff8627969f3a44e3dfe9cbc19b4b350ab6875
Binary files /dev/null and b/img/sogou-icon.png differ
diff --git a/img/top-bg.png b/img/top-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..e504decda6ec129e962c8495adada289c52cbbe6
Binary files /dev/null and b/img/top-bg.png differ
diff --git a/img/wechat.png b/img/wechat.png
new file mode 100644
index 0000000000000000000000000000000000000000..32ba70bbc3e47efc9da4244b0ac53e23f7996d02
Binary files /dev/null and b/img/wechat.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..f0a3c379e6303267ce8aaa561375e7201cf84ea4
--- /dev/null
+++ b/index.html
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+
+
+
+
+ 翱翔门户
+
+
+
+
+
+
+
+
+
+
其他方式登录
+
+
+
+
+
+
+
+
+ 
