diff --git a/src/compenents/private-route/index.tsx b/src/compenents/private-route/index.tsx
new file mode 100644
index 0000000..75af9ac
--- /dev/null
+++ b/src/compenents/private-route/index.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import { getToken } from "../../utils/index";
+import { Navigate } from "react-router-dom";
+
+interface PropInterface {
+  Component: any;
+}
+
+const PrivateRoute: React.FC<PropInterface> = ({ Component }) => {
+  return getToken() ? Component : <Navigate to="/login" replace={true} />;
+};
+export default PrivateRoute;
diff --git a/src/pages/course/video.module.scss b/src/pages/course/video.module.scss
index c3a07e1..c6b13e6 100644
--- a/src/pages/course/video.module.scss
+++ b/src/pages/course/video.module.scss
@@ -12,7 +12,8 @@
     right: 0;
     width: 100%;
     height: 60px;
-    background: rgba(255, 255, 255, 0.1);
+    background: #262634;
+    z-index: 100;
     .box {
       width: 62.5%;
       height: 60px;