diff --git a/static/css/admin.css b/static/css/admin.css
index 860359d..f5a7d8c 100644
--- a/static/css/admin.css
+++ b/static/css/admin.css
@@ -27,7 +27,7 @@ body {
 .mz {
     text-align: center;
     display: inline-block;
-    width: 40%;
+    width: 30%;
 }
 
 .mz a {
@@ -42,9 +42,27 @@ body {
     background-color: #cb13b2;
 }
 
+.sa {
+    text-align: center;
+    width: 10%;
+    display: inline-block;
+}
+
+.sa a {
+    border-radius: 25px;
+    border-style: solid;
+    color: #FFFFFF;
+    padding: 2px 7px 2px 7px;
+    border-style: solid;
+    border-color: #17af30;
+    text-decoration: none;
+    background-color: #17af30;
+
+}
+
 .sj {
     text-align: center;
-    width: 18%;
+    width: 20%;
     display: inline-block;
 }
 
@@ -61,7 +79,7 @@ body {
 }
 
 .ss {
-    width: 18%;
+    width: 15%;
     text-align: center;
     display: inline-block;
 }
@@ -80,7 +98,7 @@ body {
 
 .sc {
     text-align: center;
-    width: 18%;
+    width: 15%;
     /*padding-right: 5%;*/
     display: inline-block;
 }
diff --git a/templates/admin.html b/templates/admin.html
index 89b135d..a863438 100644
--- a/templates/admin.html
+++ b/templates/admin.html
@@ -267,6 +267,7 @@
             {% for rule in rules.list %}
             <div class="red">
                 <div class="mz"><a class="view" href="javascript:void(0);">{{ rule.name }}</a></div>
+                <div class="sa"><a class="preview_home" href="/web/{{ rule.name }}/mxpro" value="{{ rule.name }}">@</a></div>
                 <div class="sj"><a class="view_home" href="javascript:void(0);" value="{{ rule.name }}">主页</a></div>
                 <div class="ss"><a class="view_search" href="javascript:void(0);" value="{{ rule.name }}">搜索</a></div>
                 <div class="sc"><a class="clear" href="javascript:void(0);" value="{{ rule.name }}">删除</a></div>