diff --git a/app/views/users/_course_homework.html.erb b/app/views/users/_course_homework.html.erb
index 38a4d6edd..d02cea104 100644
--- a/app/views/users/_course_homework.html.erb
+++ b/app/views/users/_course_homework.html.erb
@@ -23,7 +23,11 @@
               <% else %>
                   <span class="grey_homework_btn_cir ml5">匿评已禁用</span>
               <% end %>
-              <span class="green_homework_btn_cir ml5">作品提交中</span>
+              <% if Time.parse(activity.end_time.to_s).strftime("%Y-%m-%d") >= Time.now.strftime("%Y-%m-%d")%>
+                  <span class="green_homework_btn_cir ml5">作品提交中</span>
+              <% elsif Time.parse(activity.end_time.to_s).strftime("%Y-%m-%d") < Time.now.strftime("%Y-%m-%d") %>
+                  <span class="red_homework_btn_cir ml5">作品补交中</span>
+              <% end %>
           <% elsif activity.homework_detail_manual.comment_status == 2%>
               <% if activity.anonymous_comment == 0%>
                   <span class="green_homework_btn_cir ml5">匿评中</span>
diff --git a/app/views/users/_user_homework_detail.html.erb b/app/views/users/_user_homework_detail.html.erb
index 0c2a28e5c..539b8b603 100644
--- a/app/views/users/_user_homework_detail.html.erb
+++ b/app/views/users/_user_homework_detail.html.erb
@@ -23,7 +23,11 @@
               <% else %>
                   <span class="grey_homework_btn_cir ml5">匿评已禁用</span>
               <% end %>
-              <span class="green_homework_btn_cir ml5">作品提交中</span>
+              <% if Time.parse(homework_common.end_time.to_s).strftime("%Y-%m-%d") >= Time.now.strftime("%Y-%m-%d")%>
+                  <span class="green_homework_btn_cir ml5">作品提交中</span>
+              <% elsif Time.parse(homework_common.end_time.to_s).strftime("%Y-%m-%d") < Time.now.strftime("%Y-%m-%d") %>
+                  <span class="red_homework_btn_cir ml5">作品补交中</span>
+              <% end %>
           <% elsif homework_common.homework_detail_manual.comment_status == 2%>
               <% if homework_common.anonymous_comment == 0%>
                   <span class="green_homework_btn_cir ml5">匿评中</span>
diff --git a/public/stylesheets/courses.css b/public/stylesheets/courses.css
index 05bba54f6..5469078a5 100644
--- a/public/stylesheets/courses.css
+++ b/public/stylesheets/courses.css
@@ -182,6 +182,7 @@ a.f_grey:hover {color:#000000;}
 /*.upbtn{ margin:42px 0 0 10px; border:none; color:#999; width:150px;}*/
 .red_btn_cir{ background:#e74c3c; padding:1px 10px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
 .green_btn_cir{ background:#28be6c; padding:1px 10px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
+.red_homework_btn_cir{ background:#e74c3c; padding:1px 3px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
 .green_homework_btn_cir{ background:#28be6c; padding:1px 3px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
 .grey_btn_cir{ background:#b2b2b2; padding:1px 10px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal; font-size:12px;}
 .grey_homework_btn_cir{ background:#b2b2b2; padding:1px 3px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal; font-size:12px;}
diff --git a/public/stylesheets/new_user.css b/public/stylesheets/new_user.css
index 368964f3b..6ccfc47f6 100644
--- a/public/stylesheets/new_user.css
+++ b/public/stylesheets/new_user.css
@@ -299,6 +299,7 @@ a:hover.bgreen_n_btn{background:#08a384;}
 .green_btn_cir{ background:#28be6c; padding:1px 10px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
 .green_homework_btn_cir{ background:#28be6c; padding:1px 3px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
 .grey_btn_cir{ background:#b2b2b2; padding:1px 10px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal; font-size:12px;}
+.red_homework_btn_cir{ background:#e74c3c; padding:1px 3px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
 .grey_homework_btn_cir{ background:#b2b2b2; padding:1px 3px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal; font-size:12px;}
 .blue_btn_cir{ background:#3498db; padding:1px 10px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
 .orange_btn_cir{ background:#e67e22; padding:1px 10px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal; font-size:12px;}