diff --git a/topages/hourscount/hourscount.css b/topages/hourscount/hourscount.css
index d6c1e5e..c0e0b69 100644
--- a/topages/hourscount/hourscount.css
+++ b/topages/hourscount/hourscount.css
@@ -2,4 +2,68 @@
 
 
 
-/*-----------------------内容*/
\ No newline at end of file
+/*-----------------------内容*/
+.workquery-list-wrap>li{
+    margin-bottom: 30px;
+}
+.workquery-list-wrap>li:nth-of-type(7n+1) .workquery-list-title{
+    border-left: 2px solid #f94c6e;
+}
+.workquery-list-wrap>li:nth-of-type(7n+2) .workquery-list-title{
+    border-left: 2px solid #fead39;
+}
+.workquery-list-wrap>li:nth-of-type(7n+3) .workquery-list-title{
+    border-left: 2px solid #4886ff;
+}
+.workquery-list-wrap>li:nth-of-type(7n+4) .workquery-list-title{
+    border-left: 2px solid #98c74b;
+}
+.workquery-list-wrap>li:nth-of-type(7n+5) .workquery-list-title{
+    border-left: 2px solid #714cf9;
+}
+.workquery-list-wrap>li:nth-of-type(7n+6) .workquery-list-title{
+    border-left: 2px solid #f7e124;
+}
+.workquery-list-wrap>li:nth-of-type(7n+7) .workquery-list-title{
+    border-left: 2px solid #6297fe;
+}
+
+.workquery-list-title{
+    height: 64px;
+    line-height: 64px;
+    background-color: #fff;
+    border-radius: 4px;
+    overflow: hidden;
+}
+.workquery-list-title>li{
+    float: left;
+}
+.workquery-list-title li:nth-of-type(1){
+    width: 300px;
+    font-size: 18px;
+    color: #363d5d;
+    padding-left: 80px;
+    background: url("../../resource/img/circle-icon.png") no-repeat 60px center;
+}
+.commited-icon{
+    width:350px;
+    padding-left: 30px;
+    font-size: 18px;
+    color: #363d5d;
+    background: url("../../resource/img/person-cion.png") no-repeat 0 center;
+}
+.time-text{
+    font-size: 18px;
+    color: #363d5d;
+    position: relative;
+}
+.time-text:before{
+    content: '';
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    top: 26px;
+    left: -30px;
+    border-right: 2px solid #ccc;
+    border-bottom: 2px solid #ccc;
+}
diff --git a/topages/hourscount/hourscount.html b/topages/hourscount/hourscount.html
index 3f254e6..9332f7b 100644
--- a/topages/hourscount/hourscount.html
+++ b/topages/hourscount/hourscount.html
@@ -4,8 +4,17 @@
 
 
 <!--------------------------------------------内容-->
-<div>
+<ul class="workquery-list-wrap" id="workquery-list-wrap">
+    <li>
+        <ul class="workquery-list-title clearfix boxshadow">
+            <li>项目1</li>
+            <li class="commited-icon">填报人员&nbsp;&nbsp;<span>10</span>&nbsp;&nbsp;人</li>
+            <li class="time-text">工时 : &nbsp;&nbsp;<span>10</span>&nbsp;&nbsp;人</li>
+        </ul>
+    </li>
 
 
 
-</div>
\ No newline at end of file
+
+
+</ul>
\ No newline at end of file
diff --git a/topages/workquery/workquery.css b/topages/workquery/workquery.css
index c4afa56..59e3139 100644
--- a/topages/workquery/workquery.css
+++ b/topages/workquery/workquery.css
@@ -170,14 +170,14 @@
     float: left;
 }
 .workquery-list-title li:nth-of-type(1){
-    width: 200px;
+    width: 300px;
     font-size: 18px;
     color: #363d5d;
     padding-left: 80px;
     background: url("../../resource/img/circle-icon.png") no-repeat 60px center;
 }
 .workquery-list-title li:nth-of-type(2){
-    width: 800px;
+    width: 700px;
     padding-left: 40px;
     font-size: 18px;
     color: #363d5d;