diff --git a/daily_report/templates/report.html b/daily_report/templates/report.html
index bb79a13..84960c2 100644
--- a/daily_report/templates/report.html
+++ b/daily_report/templates/report.html
@@ -1,95 +1,176 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>金蚕游戏日报，By ops</title>
-</head>
-<body>
+  <head>
+    <meta charset="UTF-8" />
+    <title>金蚕游戏日报 · OPS</title>
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+      }
 
-{% for line in data %}
+      html {
+        background-color: #fdfdfd;
+      }
 
+      body {
+        padding: 0 20px;
+        color: #333;
+      }
 
-<h2>
-    <strong>
-        <span style="font-size:18px;">游戏内容</span>
-    </strong>
-    <!--  <span style="font-size:18px;">all：{{data}}</span> -->
-    <span style="font-size:18px;">游戏ID：{{line['gameid']}}</span><br>
-    <span style="font-size:18px;">渠道ID：{{line['channelid']}}</span><br>
+      h1 {
+        margin: 30px 0 20px;
+        font-weight: 500;
+        text-align: center;
+      }
 
-</h2>
-<h3>
-    <strong>
-        <span style="font-size:18px;">总表</span>
+      .date {
+        margin: 20px 0;
+        text-align: center;
+      }
 
-    </strong></h3>
-<!-- activa, new, share, timeonlie, ad_101, ad_1, ad_201-->
-<table border="1">
-    <tbody>
-    <tr>
-        <th>活跃</th>
-        <th>新增</th>
-        <th>分享</th>
-        <th>时长</th>
-        <th>视屏显示</th>
-        <th>banner显示</th>
-        <th>插屏显示</th>
-        <th>导出率</th>
-    </tr>
+      .section {
+        border-top: 1px dashed #ccc;
+      }
 
-    <tr>
-        {% for item in line.get('all') %}
-        <td>{{ item }}</td>
-        {% endfor %}
-    </tr>
-    </tbody>
+      .info {
+        margin: 60px 0 30px;
+        text-align: center;
+      }
 
-</table>
+      .info > span {
+        margin-right: 20px;
+      }
 
+      .info .gameid,
+      .info .channelid {
+        font-weight: 700;
+      }
 
-<h1>导入数据：</h1>
-<table border="1">
-    <tbody>
-    <tr>
-        <!--('wxdb103a128e118619', '拯救熊猫泡泡', 2, 1, 0, 0.0)-->
-        <th>渠道ID</th>
-        <th>游戏名称</th>
-        <th>活跃</th>
-        <th>新增</th>
-        <th>分享</th>
-        <th>K值</th>
-    </tr>
+      .panel {
+        width: 80%;
+        margin: 0 auto 60px;
+      }
 
-    <tr>
-        {% for one in line.get('input') %}
-        {% for item in one %}
-        <td>{{ item }}</td>
-        {% endfor %}
-    </tr>
-        {% endfor %}
-    </tbody>
-</table>
+      .panel h2 {
+        height: 36px;
+        padding-left: 16px;
+        margin: 20px 0;
+        font-weight: 500;
+        border-left: #909090 3px solid;
+      }
 
+      .panel table {
+        width: 100%;
+        line-height: 2;
+        text-align: left;
+        border-collapse: collapse;
+      }
 
-<h1>导出数据：</h1>
-<table border="1">
-    <tbody>
-    <tr>
-        <th>渠道ID</th>
-        <th>跳转目标</th>
-        <th>跳转次数</th>
-        <th>跳转人数</th>
-    </tr>
-    <tr>
-        {% for one in line.output %}
-        {% for item in one %}
-        <td>{{ item }}</td>
-        {% endfor %}
+      .panel table th {
+        font-weight: 500;
+        color: #909090;
+      }
 
-    </tr>
-    {% endfor %}
-    </tbody>
-</table>
-{% endfor %}
-</body>
-</html>
\ No newline at end of file
+      .panel table td,
+      .panel table th {
+        padding: 0 8px;
+        border-bottom: 1px solid #f0f0f0;
+      }
+
+      .panel table tr:nth-child(even) {
+        background-color: #f3f3f3;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>金蚕游戏日报 · OPS</h1>
+    <p class="date">2019-10-23</p>
+    {% for line in data %}
+    <div class="section">
+      <div class="info">
+        <span
+          >游戏ID：<span class="gameid">{{ line['gameid'] }}</span></span
+        >
+        <span
+          >渠道ID：<span class="channelid">{{ line['channelid'] }}</span></span
+        >
+      </div>
+      <!-- activa, new, share, timeonlie, ad_101, ad_1, ad_201-->
+      <div class="panel">
+        <h2>总表</h2>
+        <table>
+          <thead>
+            <tr>
+              <th>活跃</th>
+              <th>新增</th>
+              <th>分享</th>
+              <th>时长</th>
+              <th>视屏显示</th>
+              <th>banner显示</th>
+              <th>插屏显示</th>
+              <th>导出率</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              {% for item in line.get('all') %}
+              <td>{{ item }}</td>
+              {% endfor %}
+            </tr>
+          </tbody>
+        </table>
+      </div>
+
+      <div class="panel">
+        <h2>导入数据</h2>
+        <table>
+          <thead>
+            <tr>
+              <!--('wxdb103a128e118619', '拯救熊猫泡泡', 2, 1, 0, 0.0)-->
+              <th>渠道ID</th>
+              <th>游戏名称</th>
+              <th>活跃</th>
+              <th>新增</th>
+              <th>分享</th>
+              <th>K值</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for one in line.get('input') %}
+            <tr>
+              {% for item in one %}
+              <td>{{ item }}</td>
+              {% endfor %}
+            </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+      </div>
+
+      <div class="panel">
+        <h2>导出数据：</h2>
+        <table>
+          <thead>
+            <tr>
+              <th>渠道ID</th>
+              <th>跳转目标</th>
+              <th>跳转次数</th>
+              <th>跳转人数</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for one in line.output %}
+            <tr>
+              {% for item in one %}
+              <td>{{ item }}</td>
+              {% endfor %}
+            </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <!-- {% endfor %} -->
+  </body>
+</html>
