diff --git a/view/molistar/modules/rule/dating.html b/view/molistar/modules/rule/dating.html
new file mode 100644
index 0000000..4d292a2
--- /dev/null
+++ b/view/molistar/modules/rule/dating.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+	<meta charset="UTF-8" />
+	<meta name="viewport"
+        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
+        <meta http-equiv="X-UA-Compatible" content="ie
+        =edge" />
+    <link rel="stylesheet" type="text/css" href="../../common/css/reset.css"/>
+    <link rel="stylesheet" href="./style/dating.css?v=1.0">
+    <title>相亲规则</title>
+</head>
+<body>
+    <img src="./images/dating.png" alt="">
+    <!--  帽子 -->
+    <div class="f-s female"><img src="" alt=""><span></span></div>
+    <div class="f-m female"><img src="" alt=""><span></span></div>
+    <div class="f-l female"><img src="" alt=""><span></span></div>
+    <!-- 男神帽子 -->
+    <div class="m-s male"><img src="" alt=""><span></span></div>
+    <div class="m-m male"><img src="" alt=""><span></span></div>
+    <div class="m-l male"><img src="" alt=""><span></span></div>
+    <!-- 心动值 -->
+    <p class="h-1 h"></p>
+    <p class="h-2 h"></p>
+    <p class="h-3 h"></p>
+    <p class="h-4 h"></p>
+    <p class="h-5 h"></p>
+</body>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="./js/dating.js"></script>
+</html>
\ No newline at end of file
