diff --git a/module/index/css/index.css b/module/index/css/index.css
index d89ad10446..83387211dc 100644
--- a/module/index/css/index.css
+++ b/module/index/css/index.css
@@ -93,17 +93,19 @@ body.menu-hide {padding-left: 0;}
 #searchbox .dropdown-menu>li.active>a, #searchbox .dropdown-menu>li.selected>a {position: relative; color: #fff; background-color: #16a8f8;}
 #searchbox .dropdown-menu>li.selected>a:after {position: absolute; top: 2px; right: 4px; display: block; font-family: ZentaoIcon; font-size: 18px; font-size: 14px; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; line-height: 20px; text-transform: none; content: "\e5ca"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
 
-#upgradeContent {display: none; position: absolute; right: 10px; top: -290px; height: 282px; background-color: #fff; left: 0px; padding: 5px 0; border: 1px solid rgba(0,0,0,.15); border-color: rgba(0,0,0,.1); opacity: 1; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.1);}
-#latestVersionList {height: 190px; overflow: auto;}
-#empty-tip {top: 1px; position: relative;}
+#upgradeContent {display: none; position: absolute; top: -330px; right: 10px; width: 65%; height: 322px; background-color: #fff; padding: 5px 0; border: 1px solid rgba(0,0,0,.15); border-color: rgba(0,0,0,.1); opacity: 1; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.1);}
+#latestVersionList {height: 270px; overflow: auto;}
 
-.version-name {width: 20%;}
-.version-date {width: 15%; color: #8a8a8a;}
-.version-explain {width: 45%; color: #8a8a8a;}
-.version-actions {width: 20%;}
+.version-upgrade {width: 14px; height: 16px; float: left; background-repeat: no-repeat; background-position: center ; background-size: cover; display: block;}
+.version-content {padding: 10px 15px;}
+.version-footer {padding-top: 5px;}
+.version-detail {color: #8a8a8a;}
+.upgrade-now {float: right;}
+.color-primary {color: #3280fc;}
 
 @media screen and (max-height: 768px)
 {
+  #upgradeContent{width: 85%;}
   .version-name {width: 25%; text-overflow: ellipsis; white-space: nowrap;}
   .version-date {width: 20%; color: #8a8a8a;}
   .version-explain {width: 25%; color: #8a8a8a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
diff --git a/module/index/lang/zh-cn.php b/module/index/lang/zh-cn.php
index f324e1c1ea..3317dc56e9 100644
--- a/module/index/lang/zh-cn.php
+++ b/module/index/lang/zh-cn.php
@@ -8,13 +8,8 @@ $lang->index->app->open   = '打开';
 $lang->index->app->reload = '刷新';
 $lang->index->app->close  = '关闭';
 
-$lang->index->upgradeVersion = '禅道新版本';
-$lang->index->currentVersion = '当前版本';
-$lang->index->versionName    = '版本名称';
-$lang->index->releaseDate    = '发布日期';
-$lang->index->explain        = '更新说明';
-$lang->index->actions        = '操作';
-$lang->index->upgrade        = '升级';
-$lang->index->log            = '日志';
+$lang->index->upgradeVersion = '可升级版本';
+$lang->index->upgrade        = '现在升级';
+$lang->index->log            = '查看版本更新日志 >';
 $lang->index->detailed       = '详情';
 $lang->index->website        = '请访问官网';
diff --git a/module/index/view/index.html.php b/module/index/view/index.html.php
index a1f3ebe7e1..26e66ce1c9 100644
--- a/module/index/view/index.html.php
+++ b/module/index/view/index.html.php
@@ -19,9 +19,19 @@ js::set('appsLang', $lang->index->app);
 js::set('appsMenuItems', commonModel::getMainNavList($app->rawModule));
 js::set('defaultOpen', $open);
 ?>
+<style>
+#versionTitle {margin: 8px 3px 0px 0px; background-image: url(<?php echo $config->webRoot . 'theme/default/images/main/version-upgrade.svg';?>);}
+.icon-version {width: 20px; height: 24px; margin: -4px 3px 0px 0px; background-image: url(<?php echo $config->webRoot . 'theme/default/images/main/version-new.svg';?>);}
+.version-hr {margin-top: 15px; margin-bottom: 15px;}
 <?php if(isset($this->config->bizVersion)):?>
-<style>#searchbox .dropdown-menu.show-quick-go.with-active {top: -468px; max-height: 465px;}</style>
+#searchbox .dropdown-menu.show-quick-go.with-active {top: -468px; max-height: 465px;}
 <?php endif;?>
+
+<?php if(empty($latestVersionList)):?>
+#upgradeContent {top: -272px; height: 262px;}
+#latestVersionList {height: 200px;}
+<?php endif;?>
+</style>
 <div id='menu'>
   <nav id='menuNav'>
     <ul class='nav nav-default' id='menuMainNav'>
@@ -72,47 +82,35 @@ js::set('defaultOpen', $open);
     </div>
     <div id='upgradeContent' class='main-table'>
       <div class='main-header' style='padding: 5px 20px 5px 15px;'>
+        <i class='version-upgrade' id='versionTitle'></i> 
         <h2>
           <?php echo $lang->index->upgradeVersion;?>
-          <span class="label label-badge label-primary label-outline"><?php echo $lang->index->currentVersion . ': ' . $lang->zentaoPMS . $config->version;?></span>
         </h2>
       </div>
-      <table class='table has-sort-head'>
-        <thead>
-          <tr>
-            <th class='version-name'><?php echo $lang->index->versionName;?></th>
-            <th class='version-date'><?php echo $lang->index->releaseDate;?></th>
-            <th class='version-explain'><?php echo $lang->index->explain;?></th>
-            <th class='version-actions text-center'><?php echo $lang->index->actions;?></th>
-          </tr>
-        </thead>
-      </table>
       <div id="latestVersionList">
         <?php if(empty($latestVersionList)):?>
-        <div class="table-empty-tip" style='padding: 66px 10px;'>
-          <div style='display: inline-block'>
-            <span id='empty-tip'><?php echo $lang->noData;?></span>
-            <a href='<?php echo $lang->website;?>' target='_blank'>
-              <span class="label label-badge label-info label-outline"><?php echo $lang->index->website . ': '. $lang->website;?></span>
-            </a>
-          </div>
+        <div class="table-empty-tip">
+          <a href='<?php echo $lang->website;?>' target='_blank'>
+            <span class="label label-badge label-info label-outline"><?php echo $lang->index->website . ': '. $lang->website;?></span>
+          </a>
         </div>
         <?php else:?>
-        <table class='table has-sort-head'>
-          <tbody>
-            <?php foreach($latestVersionList as $version):?>
-            <tr>
-              <td class='version-name' title='<?php echo $lang->zentaoPMS . $version->name;?>'><?php echo $lang->zentaoPMS . $version->name;?></td>
-              <td class='version-date'><?php echo $version->date;?></td>
-              <td class='version-explain' title='<?php echo $version->explain;?>'><?php echo $version->explain;?></td>
-              <td class='version-actions text-center'>
-                <a href="<?php echo $version->link;?>" class='btn btn-link' target='_blank' style='color: #16a8f8;'><?php echo $lang->index->upgrade;?></a>
-                <a href="<?php echo inLink('changeLog', 'version=' . $version->name);?>" class="btn btn-link iframe" data-width="800"><?php echo $lang->index->log;?></strong></a>
-              </td>
-            </tr>
-            <?php endforeach;?>
-          </tbody>
-        </table>
+        <div class='version-content'>
+          <?php foreach($latestVersionList as $version):?>
+          <div class="version-list">
+            <div>
+              <i class='version-upgrade icon-version'></i>
+              <h4><?php echo $version->name;?></h4>
+            </div>
+            <div class="version-detail"><?php echo $version->explain;?></div>
+            <div class="version-footer">
+              <a href="<?php echo inLink('changeLog', 'version=' . $version->name);?>" class="btn btn-link iframe" data-width="800"><?php echo $lang->index->log;?></strong></a>
+              <a href='<?php echo $version->link?>' class='btn btn-primary upgrade-now' style='color: white;' target='_blank'><?php echo $lang->index->upgrade;?></a>
+            </div>
+          </div>
+          <hr class='version-hr'>
+          <?php endforeach;?>
+        </div>
         <?php endif;?>
       </div>
     </div>
diff --git a/www/theme/default/images/main/version-new.svg b/www/theme/default/images/main/version-new.svg
new file mode 100644
index 0000000000..b81edbd2d3
--- /dev/null
+++ b/www/theme/default/images/main/version-new.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="19px" height="20px" viewBox="0 0 19 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>新</title>
+    <g id="升级" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="版本升级备份-3" transform="translate(-1075.000000, -466.000000)" fill="#2CB360" fill-rule="nonzero">
+            <g id="编组" transform="translate(1060.000000, 405.000000)">
+                <g id="新" transform="translate(15.000000, 61.000000)">
+                    <path d="M1.93553545,7.68993082 L3.18552323,7.68993082 L5.07550395,11.6298963 L5.65549876,7.68993082 L6.85548649,7.68993082 L5.99549525,13.5798791 L4.85550565,13.5798791 L2.8955229,9.50991341 L2.28552805,13.5798791 L1.07554031,13.5798791 L1.93553155,7.68993082 L1.93553545,7.68993082 Z M7.67548354,7.68992496 L10.8654482,7.68992496 L10.7154496,8.7199203 C10.6454503,8.7299202 8.86546695,8.7199203 8.74546681,8.7199203 L8.54546853,10.0299082 L10.4154492,10.0299082 L10.245451,11.0898977 L8.3854703,11.0898977 C8.37547041,11.159897 8.165472,12.4698837 8.17547201,12.5298837 L10.0754527,12.5298837 L9.91545431,13.5798732 L6.78548973,13.5798732 L7.675481,7.68992496 L7.67548354,7.68992496 Z M12.0254495,13.5798791 L11.1054582,7.68993082 C11.2054572,7.67993093 12.1554477,7.67993093 12.2154478,7.68993082 L12.7754426,11.2398959 L14.1554286,7.68993082 L14.8454216,7.68993082 L15.4054164,11.2698959 L16.8254024,7.68993082 L17.9853901,7.68993082 L15.6654069,13.5798791 L14.7754156,13.5798791 L14.2454209,10.2199142 L12.925433,13.5798791 L12.0254417,13.5798791 L12.0254495,13.5798791 Z M0.305572617,0.770000896 L0.305572617,18.4098261 C0.305572617,19.749812 1.59556045,20.2198087 2.74555593,19.8398121 C3.87554552,19.4498156 5.02553905,19.0898191 6.16552084,18.7198226 C7.28551043,18.339826 8.40550392,17.9798295 9.5354857,17.609833 C9.605485,17.5898332 9.59548519,17.5998331 9.66548449,17.6198329 C11.9254676,18.399826 14.2254312,19.109819 16.4954143,19.879816 C17.6054039,20.2598125 18.7853974,19.7298174 18.7853974,18.4198299 L18.7853974,0.780004697 C18.7853974,0.330010032 18.4254009,1.1601576e-05 17.9854063,1.1601576e-05 L1.07558191,1.1601576e-05 C0.655585329,1.1601576e-05 0.305572617,0.360008114 0.305572617,0.770004685 L0.305572617,0.770000896 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/www/theme/default/images/main/version-upgrade.svg b/www/theme/default/images/main/version-upgrade.svg
new file mode 100644
index 0000000000..16c0435052
--- /dev/null
+++ b/www/theme/default/images/main/version-upgrade.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>升级</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#0B64EB" offset="0%"></stop>
+            <stop stop-color="#87ADE7" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="升级" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="版本升级备份" transform="translate(-1075.000000, -418.000000)" fill="url(#linearGradient-1)" fill-rule="nonzero">
+            <g id="编组" transform="translate(1060.000000, 405.000000)">
+                <g id="升级" transform="translate(15.000000, 13.000000)">
+                    <path d="M3.86030118,12.3529581 L11.1397214,12.3529581 L11.1397214,14.7794315 L3.86030118,14.7794315 L3.86030118,12.3529581 Z M7.50001129,0.220591059 L0.220591059,5.07353788 L3.86030118,5.07353788 L3.86030118,11.1397214 L11.1397214,11.1397214 L11.1397214,5.07353788 L14.7794315,5.07353788 L7.50001129,0.220591059 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file