diff --git a/css/video/video.css b/css/video/video.css
new file mode 100644
index 0000000..fd77e68
--- /dev/null
+++ b/css/video/video.css
@@ -0,0 +1,17 @@
+html,
+body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    color: #fff;
+    font-family: 'Alibaba PuHuiTi R';
+    letter-spacing: 1px;
+    font-size: 16px;
+}
+
+.layout {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
\ No newline at end of file
diff --git a/img/video/alarm.png b/img/video/alarm.png
new file mode 100644
index 0000000..41ace03
Binary files /dev/null and b/img/video/alarm.png differ
diff --git a/img/video/ball_list.png b/img/video/ball_list.png
new file mode 100644
index 0000000..446d299
Binary files /dev/null and b/img/video/ball_list.png differ
diff --git a/img/video/ball_offline.png b/img/video/ball_offline.png
new file mode 100644
index 0000000..5367f4e
Binary files /dev/null and b/img/video/ball_offline.png differ
diff --git a/img/video/ball_online.png b/img/video/ball_online.png
new file mode 100644
index 0000000..a68e8c5
Binary files /dev/null and b/img/video/ball_online.png differ
diff --git a/img/video/open.png b/img/video/open.png
new file mode 100644
index 0000000..97603a5
Binary files /dev/null and b/img/video/open.png differ
diff --git a/img/video/ptz_check/bdlx_1_check.png b/img/video/ptz_check/bdlx_1_check.png
new file mode 100644
index 0000000..1b50446
Binary files /dev/null and b/img/video/ptz_check/bdlx_1_check.png differ
diff --git a/img/video/ptz_check/bdlx_check.png b/img/video/ptz_check/bdlx_check.png
new file mode 100644
index 0000000..1b50446
Binary files /dev/null and b/img/video/ptz_check/bdlx_check.png differ
diff --git a/img/video/ptz_check/bdzp_check.png b/img/video/ptz_check/bdzp_check.png
new file mode 100644
index 0000000..60e94e1
Binary files /dev/null and b/img/video/ptz_check/bdzp_check.png differ
diff --git a/img/video/ptz_check/gq_check.png b/img/video/ptz_check/gq_check.png
new file mode 100644
index 0000000..ef99786
Binary files /dev/null and b/img/video/ptz_check/gq_check.png differ
diff --git a/img/video/ptz_check/jj_check.png b/img/video/ptz_check/jj_check.png
new file mode 100644
index 0000000..1a9a78a
Binary files /dev/null and b/img/video/ptz_check/jj_check.png differ
diff --git a/img/video/ptz_check/sf_check.png b/img/video/ptz_check/sf_check.png
new file mode 100644
index 0000000..dec10db
Binary files /dev/null and b/img/video/ptz_check/sf_check.png differ
diff --git a/img/video/ptz_check/yclx_check.png b/img/video/ptz_check/yclx_check.png
new file mode 100644
index 0000000..47639d9
Binary files /dev/null and b/img/video/ptz_check/yclx_check.png differ
diff --git a/img/video/ptz_check/yt_check.png b/img/video/ptz_check/yt_check.png
new file mode 100644
index 0000000..b3928de
Binary files /dev/null and b/img/video/ptz_check/yt_check.png differ
diff --git a/img/video/ptz_nocheck/bdlx_1_nocheck.png b/img/video/ptz_nocheck/bdlx_1_nocheck.png
new file mode 100644
index 0000000..8dd294c
Binary files /dev/null and b/img/video/ptz_nocheck/bdlx_1_nocheck.png differ
diff --git a/img/video/ptz_nocheck/bdlx_nocheck.png b/img/video/ptz_nocheck/bdlx_nocheck.png
new file mode 100644
index 0000000..a85def3
Binary files /dev/null and b/img/video/ptz_nocheck/bdlx_nocheck.png differ
diff --git a/img/video/ptz_nocheck/bdzp_nocheck.png b/img/video/ptz_nocheck/bdzp_nocheck.png
new file mode 100644
index 0000000..0b8b4f9
Binary files /dev/null and b/img/video/ptz_nocheck/bdzp_nocheck.png differ
diff --git a/img/video/ptz_nocheck/gq_nocheck.png b/img/video/ptz_nocheck/gq_nocheck.png
new file mode 100644
index 0000000..7c04519
Binary files /dev/null and b/img/video/ptz_nocheck/gq_nocheck.png differ
diff --git a/img/video/ptz_nocheck/jj_nocheck.png b/img/video/ptz_nocheck/jj_nocheck.png
new file mode 100644
index 0000000..88609f8
Binary files /dev/null and b/img/video/ptz_nocheck/jj_nocheck.png differ
diff --git a/img/video/ptz_nocheck/sf_nocheck.png b/img/video/ptz_nocheck/sf_nocheck.png
new file mode 100644
index 0000000..aa22746
Binary files /dev/null and b/img/video/ptz_nocheck/sf_nocheck.png differ
diff --git a/img/video/ptz_nocheck/yclx_nocheck.png b/img/video/ptz_nocheck/yclx_nocheck.png
new file mode 100644
index 0000000..1692714
Binary files /dev/null and b/img/video/ptz_nocheck/yclx_nocheck.png differ
diff --git a/img/video/ptz_nocheck/yt_nocheck.png b/img/video/ptz_nocheck/yt_nocheck.png
new file mode 100644
index 0000000..350577c
Binary files /dev/null and b/img/video/ptz_nocheck/yt_nocheck.png differ
diff --git a/img/video/retract.png b/img/video/retract.png
new file mode 100644
index 0000000..a69a72e
Binary files /dev/null and b/img/video/retract.png differ
diff --git a/img/video/search.png b/img/video/search.png
new file mode 100644
index 0000000..6c65c5b
Binary files /dev/null and b/img/video/search.png differ
diff --git a/img/video/spjk.png b/img/video/spjk.png
new file mode 100644
index 0000000..f8cec5c
Binary files /dev/null and b/img/video/spjk.png differ
diff --git a/img/video/wzzp.png b/img/video/wzzp.png
new file mode 100644
index 0000000..2275547
Binary files /dev/null and b/img/video/wzzp.png differ
diff --git a/img/video/ytkz.png b/img/video/ytkz.png
new file mode 100644
index 0000000..bb09726
Binary files /dev/null and b/img/video/ytkz.png differ
diff --git a/pages/video/video.html b/pages/video/video.html
index 35befcd..ccafbbe 100644
--- a/pages/video/video.html
+++ b/pages/video/video.html
@@ -3,9 +3,20 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../../css/font.css">
+    <link rel="stylesheet" href="../../plugin/layui-v2.9.7/layui/css/layui.css">
+    <link rel="stylesheet" href="../../css/video/video.css">
+    <link rel="stylesheet" href="../../plugin/toolTip/mTips.css">
+    <script src="../../js/publics/jquery-3.6.0.min.js" type="text/javascript"></script>
+    <script src="../../js/publics/public.js"></script>
+    <script src="../../plugin/layui-v2.9.7/layui/layui.js"></script>
+    <script src="../../plugin/toolTip/mTips.js"></script>
+    <script src="../../js/publics/aescbc.js"></script>
+    <script src="../../api/commonRequest.js" type="text/javascript"></script>
     <title>视频监控</title>
 </head>
 <body>
-    视频监控
+    
 </body>
+<script src="../../js/pages/video/video.js" type="text/javascript"></script>
 </html>
\ No newline at end of file