diff --git a/src/App.scss b/src/App.scss
index 210bd65..a9c2cc8 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -1,5 +1,6 @@
 #root {
   width: 100%;
+  min-height: 900px;
   margin: 0 auto;
   text-align: center;
   background-color: #ffffff;
diff --git a/src/index.scss b/src/index.scss
index d051edd..d3e3b17 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -223,7 +223,7 @@ h1 {
 
 .container {
   width: 1200px;
-  min-height: 671px;
+  min-height: calc(100vh - 260px);
   height: auto;
   margin: 0 auto;
 }
diff --git a/src/pages/course/compenents/hour.module.scss b/src/pages/course/compenents/hour.module.scss
index c98ea78..92c0fb5 100644
--- a/src/pages/course/compenents/hour.module.scss
+++ b/src/pages/course/compenents/hour.module.scss
@@ -19,6 +19,9 @@
         color: #ff4d4f;
       }
     }
+    .complete {
+      color: #ff4d4f;
+    }
   }
 
   .left-item {
diff --git a/src/pages/latest-learn/index.module.scss b/src/pages/latest-learn/index.module.scss
index 9b974b5..12f94b7 100644
--- a/src/pages/latest-learn/index.module.scss
+++ b/src/pages/latest-learn/index.module.scss
@@ -1,6 +1,6 @@
 .content {
   width: 1200px;
-  min-height: 581px;
+  min-height: calc(100vh - 350px);
   height: auto;
   margin: 0 auto;
   box-sizing: border-box;
diff --git a/src/pages/latest-learn/index.tsx b/src/pages/latest-learn/index.tsx
index 6f3344f..80ed0ec 100644
--- a/src/pages/latest-learn/index.tsx
+++ b/src/pages/latest-learn/index.tsx
@@ -45,79 +45,83 @@ const LatestLearnPage = () => {
         {!loading &&
           courses.length > 0 &&
           courses.map((item: any) => (
-            <div
-              key={item.course.id}
-              className={styles["item"]}
-              onClick={() => {
-                navigate(`/course/${item.course.id}`);
-              }}
-            >
-              <Image
-                src={item.course.thumb}
-                width={120}
-                height={90}
-                style={{ borderRadius: 10 }}
-                preview={false}
-              />
-              <div className={styles["item-info"]}>
-                <div className={styles["top"]}>
-                  {item.course.is_required === 1 && (
-                    <div className={styles["type"]}>必修课</div>
-                  )}
-                  {item.course.is_required === 0 && (
-                    <div className={styles["active-type"]}>选修课</div>
-                  )}
-                  <div className={styles["title"]}>{item.course.title}</div>
-                </div>
-                {item.record && (
-                  <>
-                    {item.last_learn_hour && (
-                      <div className={styles["record"]}>
-                        上次学到：{item.last_learn_hour.title}
-                      </div>
-                    )}
-                    <div className={styles["progress"]}>
-                      {item.record.progress < 10000 && (
-                        <Progress
-                          percent={item.record.progress / 100}
-                          strokeColor="#FF4D4F"
-                          trailColor="#F6F6F6"
-                        />
+            <>
+              {item.course && (
+                <div
+                  key={item.course.id}
+                  className={styles["item"]}
+                  onClick={() => {
+                    navigate(`/course/${item.course.id}`);
+                  }}
+                >
+                  <Image
+                    src={item.course.thumb}
+                    width={120}
+                    height={90}
+                    style={{ borderRadius: 10 }}
+                    preview={false}
+                  />
+                  <div className={styles["item-info"]}>
+                    <div className={styles["top"]}>
+                      {item.course.is_required === 1 && (
+                        <div className={styles["type"]}>必修课</div>
                       )}
-                      {item.record.progress >= 10000 && (
-                        <>
-                          <Image
-                            width={24}
-                            height={24}
-                            src={mediaIcon}
-                            preview={false}
+                      {item.course.is_required === 0 && (
+                        <div className={styles["active-type"]}>选修课</div>
+                      )}
+                      <div className={styles["title"]}>{item.course.title}</div>
+                    </div>
+                    {item.record && (
+                      <>
+                        {item.last_learn_hour && (
+                          <div className={styles["record"]}>
+                            上次学到：{item.last_learn_hour.title}
+                          </div>
+                        )}
+                        <div className={styles["progress"]}>
+                          {item.record.progress < 10000 && (
+                            <Progress
+                              percent={item.record.progress / 100}
+                              strokeColor="#FF4D4F"
+                              trailColor="#F6F6F6"
+                            />
+                          )}
+                          {item.record.progress >= 10000 && (
+                            <>
+                              <Image
+                                width={24}
+                                height={24}
+                                src={mediaIcon}
+                                preview={false}
+                              />
+                              <span className={styles["tip"]}>
+                                恭喜你学完此套课程!
+                              </span>
+                            </>
+                          )}
+                        </div>
+                      </>
+                    )}
+                    {!item.record && (
+                      <>
+                        {item.last_learn_hour && (
+                          <div className={styles["record"]}>
+                            上次学到：{item.last_learn_hour.title}
+                          </div>
+                        )}
+                        <div className={styles["progress"]}>
+                          <Progress
+                            percent={1}
+                            strokeColor="#FF4D4F"
+                            trailColor="#F6F6F6"
                           />
-                          <span className={styles["tip"]}>
-                            恭喜你学完此套课程!
-                          </span>
-                        </>
-                      )}
-                    </div>
-                  </>
-                )}
-                {!item.record && (
-                  <>
-                    {item.last_learn_hour && (
-                      <div className={styles["record"]}>
-                        上次学到：{item.last_learn_hour.title}
-                      </div>
+                        </div>
+                      </>
                     )}
-                    <div className={styles["progress"]}>
-                      <Progress
-                        percent={1}
-                        strokeColor="#FF4D4F"
-                        trailColor="#F6F6F6"
-                      />
-                    </div>
-                  </>
-                )}
-              </div>
-            </div>
+                  </div>
+                </div>
+              )}
+            </>
           ))}
       </div>
       <div className={styles["extra"]}>{systemConfig.pcIndexFooterMsg}</div>