diff --git a/application/default/views/scripts/data/offlinelist.phtml b/application/default/views/scripts/data/offlinelist.phtml
index e6ec305a..e2cde139 100755
--- a/application/default/views/scripts/data/offlinelist.phtml
+++ b/application/default/views/scripts/data/offlinelist.phtml
@@ -1,26 +1,31 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle('离线数据清单');
-$this->headTitle($this->codename);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/metadata.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('离线数据清单');
-$this->breadcrumb()->setSeparator(' > ');
-?>              
-<div id='tools'>
-<?= $this->partial('data/tools.phtml'); ?>
-</div>
-<?php echo $this->page->getNavigation(); ?>
-<hr />
-<?php foreach($this->metadata as $md) : ?>
-<div class="mditem"> 
-    <a href="/data/<?php echo $md['uuid'];?>"><?php echo $this->escape($md['title']);?></a>
-    <a href="/data/xml/id/<?php echo $md['id'];?>"><img src="/images/xml.gif" /></a>
-    <a href="/data/doc/uuid/<?php echo $md['uuid'];?>"><img src="/images/doc-icon.png" /></a>     
-</div>
-<?php endforeach; ?>
-<hr />
-<?php echo $this->page->getNavigation(); ?>
\ No newline at end of file
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle('离线数据清单');
+$this->headTitle($this->codename);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/metadata.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('离线数据清单');
+$this->breadcrumb()->setSeparator(' > ');
+?>              
+<div id='tools'>
+<?= $this->partial('data/tools.phtml'); ?>
+</div>
+<div class="datalist clear mt12">
+        	<ul id="datalist">
+            	<?php if($this->metadata) : foreach($this->metadata as $md) : ?>
+                <li id="data_<?php echo $md['uuid']; ?>" class="databox box-shadow">
+                	<div class="subject text-shadow"><a href="/data/<?php echo $md['uuid']; ?>"><?php echo $this->escape($md['title']);?></a><div class="more"><a href="/data/<?php echo $md['uuid']; ?>">查看详细</a></div></div>
+                    <div class="data_content clear">
+                    	<div class="thumb box-shadow"><img src="/service/thumb/id/<?php echo $md['id'];?>" /></div>
+                    	<div class="description"><?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?></div>
+                    </div>
+                </li>
+                <?php endforeach;endif; ?>
+            </ul>
+</div>
+<div class="PageNavigation">
+<?php echo $this->page->getNavigation(); ?>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/data/onlinelist.phtml b/application/default/views/scripts/data/onlinelist.phtml
index f798990b..b1960c06 100755
--- a/application/default/views/scripts/data/onlinelist.phtml
+++ b/application/default/views/scripts/data/onlinelist.phtml
@@ -1,26 +1,31 @@
-<?php
-$this->headTitle($this->config->title->site);
-$this->headTitle($this->config->title->data);
-$this->headTitle('在线数据清单');
-$this->headTitle($this->codename);
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/css/metadata.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('在线数据清单');
-$this->breadcrumb()->setSeparator(' > ');
-?>               
-<div id='tools'>
-<?= $this->partial('data/tools.phtml'); ?>
-</div>
-<?php echo $this->page->getNavigation(); ?>
-<hr />
-<?php foreach($this->metadata as $md) : ?>
-<div class="mditem"> 
-    <a href="/data/<?php echo $md['uuid'];?>"><?php echo $this->escape($md['title']);?></a>
-    <a href="/data/xml/id/<?php echo $md['id'];?>"><img src="/images/xml.gif" /></a>
-    <a href="/data/doc/uuid/<?php echo $md['uuid'];?>"><img src="/images/doc-icon.png" /></a>   
-</div>
-<?php endforeach; ?>
-<hr />
-<?php echo $this->page->getNavigation(); ?>
\ No newline at end of file
+<?php
+$this->headTitle($this->config->title->site);
+$this->headTitle($this->config->title->data);
+$this->headTitle('在线数据清单');
+$this->headTitle($this->codename);
+$this->headTitle()->setSeparator(' - ');
+$this->headLink()->appendStylesheet('/css/metadata.css');
+$this->breadcrumb('<a href="/">首页</a>');
+$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
+$this->breadcrumb('在线数据清单');
+$this->breadcrumb()->setSeparator(' > ');
+?>               
+<div id='tools'>
+<?= $this->partial('data/tools.phtml'); ?>
+</div>
+<div class="datalist clear mt12">
+        	<ul id="datalist">
+            	<?php if($this->metadata) : foreach($this->metadata as $md) : ?>
+                <li id="data_<?php echo $md['uuid']; ?>" class="databox box-shadow">
+                	<div class="subject text-shadow"><a href="/data/<?php echo $md['uuid']; ?>"><?php echo $this->escape($md['title']);?></a><div class="more"><a href="/data/<?php echo $md['uuid']; ?>">查看详细</a></div></div>
+                    <div class="data_content clear">
+                    	<div class="thumb box-shadow"><img src="/service/thumb/id/<?php echo $md['id'];?>" /></div>
+                    	<div class="description"><?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?></div>
+                    </div>
+                </li>
+                <?php endforeach;endif; ?>
+            </ul>
+</div>
+<div class="PageNavigation">
+<?php echo $this->page->getNavigation(); ?>
+</div>
\ No newline at end of file