BJ_web_developers / workreport

	1	+.workquery-cardlist li{
	2	+ width:324px ;
	3	+ height: 136px;
	4	+ padding: 28px 28px;
	5	+ float: left;
	6	+ border-radius: 4px;
	7	+ background-color: #fff;
	8	+}
	9	+.workquery-cardlist li:nth-of-type(1){
	10	+ width: 488px;
	11	+}
	12	+.workquery-cardlist li:nth-of-type(2){
	13	+ margin: 0 32px;
	14	+}
	15	+.workquery-card-title{
	16	+ font-size: 18px;
	17	+ color: #363d5d;
	18	+ padding-left: 20px;
	19	+ background: url("../../resource/img/circle-icon.png") no-repeat 0 center;
	20	+}
	21	+.workquery-card-counter{
	22	+ font-size: 60px;
	23	+ color: #b4b5be;
	24	+ padding-left: 90px;
	25	+}
	26	+.workquery-card-allcounter{
	27	+ background: url("../../resource/img/workquery-card-allcounter.png") no-repeat 0 center;
	28	+}
	29	+.workquery-card-commitedcounter{
	30	+ background: url("../../resource/img/workquery-card-commitedcounter.png") no-repeat 0 center;
	31	+}
	32	+.workquery-card-nocommitedcounter{
	33	+ background: url("../../resource/img/workquery-card-nocommitedcounter.png") no-repeat 0 center;
	34	+}
	35	+
	36	+
	37	+
	38	+/----------------------------------------时间/
	39	+
	40	+
	41	+
	42	+
	43	+
	44	+/----------------------------------------列表/
0	45	\ No newline at end of file
...	...

topages/workquery/workquery.html

1	1
2		-<div>12312312323131</div>
	2	+<ul class="workquery-cardlist">
	3	+ <li>
	4	+ <div class="workquery-card-title ">今日共计  (人)</div>
	5	+ <div class="workquery-card-counter workquery-card-allcounter">123</div>
	6	+ </li>
	7	+ <li>
	8	+ <div class="workquery-card-title ">今日已提交  (人)</div>
	9	+ <div class="workquery-card-counter workquery-card-commitedcounter">13</div>
	10	+ </li>
	11	+ <li>
	12	+ <div class="workquery-card-title ">今日未提交  (人)</div>
	13	+ <div class="workquery-card-counter workquery-card-nocommitedcounter">3</div>
	14	+ </li>
	15	+</ul>
	16	+<div class="workquery-timeopr-wrap">时间操作区域</div>
	17	+
	18	+
	19	+
	20	+<div>列表</div>
...	...