diff --git a/css/listpagestyle.css b/css/listpagestyle.css
new file mode 100644
index 0000000..05ca408
--- /dev/null
+++ b/css/listpagestyle.css
@@ -0,0 +1,107 @@
+.left{
+ background-image: url(../images/listpageimages/leftbackground.png);
+ background-repeat: no-repeat;
+}
+.li_1{
+ list-style-type: square;
+ font-size: 4px;
+ background-image: none;
+ color: #DE0023;
+ margin: 0;
+ padding: 0;
+}
+
+.grey12{
+ font-size: 12px;
+ color: #cccccc;
+ line-height: 20px;
+ float: right;
+ padding-right: 30px;
+}
+.pagesctr{
+ margin-left: 10px;
+ text-align: center;
+ width: 66px;
+ height: 20px;
+ border: 1px solid #003399;
+}
+.pagesnum{
+ margin-left: 10px;
+ text-align: center;
+ width: 20px;
+ height: 20px;
+ border: 1px solid #003399;
+}
+.pagesnum2{
+ margin-left: 10px;
+ text-align: center;
+ width: 30px;
+ height: 20px;
+ border: 1px solid #003399;
+}
+.pages{
+ margin-left: 10px;
+
+}
+
+.pagesfont{
+ color: #003399;
+ font-size: 12px;
+ line-height: 20px;
+}
+.pagesnum.active{
+ margin-left: 10px;
+ text-align: center;
+ width: 20px;
+ height: 20px;
+ background-color: #003399;
+ }
+.pagesnum.active a{
+ color: white;
+ font-size: 12px;
+ line-height: 20px;
+}
+#pagescantclick1:link,#pagescantclick1:visited,#pagescantclick1:hover{
+ color: #003399;
+ text-decoration:none;
+}
+#pagescantclick2:link,#pagescantclick2:visited,#pagescantclick2:hover{
+ text-decoration:none;
+ color: #003399;
+}
+.left_title_arrow{
+ color: #DE0023;
+ margin: 0;
+ font-size: 14px;
+ line-height: 30px;
+ padding:0;
+}
+.left_title.active{
+ color: #DE0023;
+ font-size: 14px;
+ line-height: 30px;
+ padding-left: 1px;
+}
+.left_title{
+ color: black;
+ font-size: 14px;
+ line-height: 30px;
+ padding-left: 1px;
+
+}
+.left_title_underline.active{
+ border-bottom: 1px solid #DE0023;
+ width: 88px;
+ margin-left: 101px
+}
+.left_title_underline{
+ border:none;
+ width: 88px;
+ margin-left: 101px
+}
+.right_title{
+ color: #000000;
+ line-height: 30px;
+ padding-left: 1px;
+ font-size: 14px;
+}
\ No newline at end of file
diff --git a/images/listpageimages/leftbackground.png b/images/listpageimages/leftbackground.png
new file mode 100644
index 0000000..59f8861
Binary files /dev/null and b/images/listpageimages/leftbackground.png differ
diff --git a/images/listpageimages/line1.png b/images/listpageimages/line1.png
new file mode 100644
index 0000000..f7b4123
Binary files /dev/null and b/images/listpageimages/line1.png differ
diff --git a/images/listpageimages/line2.png b/images/listpageimages/line2.png
new file mode 100644
index 0000000..067c0f1
Binary files /dev/null and b/images/listpageimages/line2.png differ
diff --git a/listpage.html b/listpage.html
new file mode 100644
index 0000000..b8b13c8
--- /dev/null
+++ b/listpage.html
@@ -0,0 +1,399 @@
+
+
+
+ 先锋网-共青团东北大学委员会
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+
+
+
+ |
+
+
+ |
+
+
+ |
+
+
+ |
+
+
+ |
+
+
+ |
+
+
+ |
+
+
+ |
+
+
+ |
+
+
+
+
+
+
+
+
+ |
+
+
+
+ |
+ 版权所有:共青团东北大学委员会 | 地址:辽宁省沈阳市和平区文化路三巷11号
+ 设计制作:团委 运维:网络中心 | 辽ICP备05001360号 |
+
+
+ |
+
+
+
+
+
+
+
+