diff --git a/daily_report/templates/tap_weekly.html b/daily_report/templates/tap_weekly.html
index 34d5616..37713d7 100644
--- a/daily_report/templates/tap_weekly.html
+++ b/daily_report/templates/tap_weekly.html
@@ -1,42 +1,120 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>TAP周报</title>
-</head>
-<body>
-<h1 class="title">TAPTAP数据周报· OPS</h1>
-<p class="date">{{ day }}</p>
-{% for key in data %}
-<div class="section">
-    <div class="info">
-        <span>报表类型：<span class="gameid">{{ key.get('name') }}</span></span>
-    </div>
+	<head>
+		<meta charset="UTF-8" />
+		<title>TAP周报</title>
+		<style>
+			* {
+				margin: 0;
+				padding: 0;
+			}
 
-    <div class="panel">
+			html {
+				background-color: #fdfdfd;
+			}
 
-        <table>
-            <thead>
-            <tr>
-            {% for row_name_one in key.get('row_name') %}
-                <td>{{ row_name_one }}</td>
-            {% endfor %}
-            </tr>
-            </thead>
-            <tbody>
-            <tr>
-                {% for one_data in  key.get('row_data') %}
-            <tr>
-                {% for item in one_data %}
-                <td>{{ item }}</td>
-                {% endfor %}
-                {% endfor %}
-            </tr>
-            </tr>
-            </tbody>
-        </table>
-    </div>
-{% endfor %}
-</div>
-</body>
-</html>
\ No newline at end of file
+			body {
+				padding: 0 20px;
+				color: #333;
+			}
+
+			h1.title {
+				margin: 30px 0 20px;
+				font-size: 32px !important;
+				font-weight: 500;
+				text-align: center !important;
+			}
+
+			.date {
+				margin: 20px 0;
+				text-align: center;
+			}
+
+			.section {
+				border-top: 1px dashed #ccc;
+			}
+
+			.info {
+				margin: 60px 0 30px;
+				font-size: 16px;
+				text-align: center;
+			}
+
+			.info > span {
+				margin-right: 20px;
+			}
+
+			.info .gameid,
+			.info .channelid {
+				font-weight: 700;
+			}
+
+			.panel {
+				width: 80%;
+				margin: 0 auto 60px;
+			}
+
+			.panel h2 {
+				height: 36px;
+				padding-left: 16px;
+				margin: 20px 0;
+				font-size: 24px;
+				font-weight: 500;
+				border-left: #909090 3px solid;
+			}
+
+			.panel table {
+				/* width: 100%; */
+				line-height: 2;
+				text-align: left;
+				border-collapse: collapse;
+			}
+
+			.panel table th {
+				font-weight: 500;
+				color: #909090;
+			}
+
+			.panel table td,
+			.panel table th {
+				padding: 0 16px;
+				border-bottom: 1px solid #f0f0f0;
+				font-size: 16px;
+			}
+
+			.panel table tr:nth-child(even) {
+				background-color: #f3f3f3;
+			}
+		</style>
+	</head>
+	<body>
+		<h1 class="title">TAPTAP数据周报· OPS</h1>
+		<p class="date">{{ day }}</p>
+		{% for key in data %}
+		<div class="section">
+			<div class="info">
+				<span>报表类型：<span class="gameid">{{ key.get('name') }}</span></span>
+			</div>
+			<div class="panel">
+				<table>
+					<thead>
+						<tr>
+							{% for row_name_one in key.get('row_name') %}
+							<td>{{ row_name_one }}</td>
+							{% endfor %}
+						</tr>
+					</thead>
+					<tbody>
+						{% for one_data in key.get('row_data') %}
+						<tr>
+							{% for item in one_data %}
+							<td>{{ item }}</td>
+							{% endfor %} {% endfor %}
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			{% endfor %}
+		</div>
+	</body>
+</html>
