diff --git a/resource/img/circle-icon.png b/resource/img/circle-icon.png
new file mode 100644
index 0000000..e2b9d49
--- /dev/null
+++ b/resource/img/circle-icon.png
diff --git a/resource/img/workquery-card-allcounter.png b/resource/img/workquery-card-allcounter.png
new file mode 100644
index 0000000..8a22f8d
--- /dev/null
+++ b/resource/img/workquery-card-allcounter.png
diff --git a/resource/img/workquery-card-commitedcounter.png b/resource/img/workquery-card-commitedcounter.png
new file mode 100644
index 0000000..a892e81
--- /dev/null
+++ b/resource/img/workquery-card-commitedcounter.png
diff --git a/resource/img/workquery-card-nocommitedcounter.png b/resource/img/workquery-card-nocommitedcounter.png
new file mode 100644
index 0000000..156858e
--- /dev/null
+++ b/resource/img/workquery-card-nocommitedcounter.png
diff --git a/topages/workquery/workquery.css b/topages/workquery/workquery.css
index e69de29..7842923 100644
--- a/topages/workquery/workquery.css
+++ b/topages/workquery/workquery.css
@@ -0,0 +1,44 @@
+.workquery-cardlist li{
+    width:324px ;
+    height: 136px;
+    padding: 28px 28px;
+    float: left;
+    border-radius: 4px;
+    background-color: #fff;
+}
+.workquery-cardlist li:nth-of-type(1){
+    width: 488px;
+}
+.workquery-cardlist li:nth-of-type(2){
+    margin: 0 32px;
+}
+.workquery-card-title{
+    font-size: 18px;
+    color: #363d5d;
+    padding-left: 20px;
+    background: url("../../resource/img/circle-icon.png") no-repeat 0 center;
+}
+.workquery-card-counter{
+    font-size: 60px;
+    color: #b4b5be;
+    padding-left: 90px;
+}
+.workquery-card-allcounter{
+    background: url("../../resource/img/workquery-card-allcounter.png") no-repeat 0 center;
+}
+.workquery-card-commitedcounter{
+    background: url("../../resource/img/workquery-card-commitedcounter.png") no-repeat 0 center;
+}
+.workquery-card-nocommitedcounter{
+    background: url("../../resource/img/workquery-card-nocommitedcounter.png") no-repeat 0 center;
+}
+
+
+
+/*----------------------------------------时间*/
+
+
+
+
+
+/*----------------------------------------列表*/
\ No newline at end of file
diff --git a/topages/workquery/workquery.html b/topages/workquery/workquery.html
index 0a81c1e..786b60b 100644
--- a/topages/workquery/workquery.html
+++ b/topages/workquery/workquery.html
@@ -1,2 +1,20 @@
 
-<div>12312312323131</div>
+<ul class="workquery-cardlist">
+    <li>
+        <div class="workquery-card-title ">今日共计&nbsp;&nbsp;(人)</div>
+        <div class="workquery-card-counter workquery-card-allcounter">123</div>
+    </li>
+    <li>
+        <div class="workquery-card-title ">今日已提交&nbsp;&nbsp;(人)</div>
+        <div class="workquery-card-counter workquery-card-commitedcounter">13</div>
+    </li>
+    <li>
+        <div class="workquery-card-title ">今日未提交&nbsp;&nbsp;(人)</div>
+        <div class="workquery-card-counter workquery-card-nocommitedcounter">3</div>
+    </li>
+</ul>
+<div class="workquery-timeopr-wrap">时间操作区域</div>
+
+
+
+<div>列表</div>