diff --git a/app/views/shixuns/index.html.erb b/app/views/shixuns/index.html.erb
index c2c96fc16..08073a00f 100644
--- a/app/views/shixuns/index.html.erb
+++ b/app/views/shixuns/index.html.erb
@@ -59,9 +59,18 @@
     </div>
   </form>
   <p class=" color-grey  fr">
+  <div class="postSort fr" id="shixun_time">
+    <a href="javascript:void(0);" class="linkGrey2 fl">时间排序</a>
+    <a href="javascript:void(0);"  id="time_reorder" class="fl"></a>
+  </div>
+  <div class="postSort fr" id="shixun_hot">
+    <a href="javascript:void(0);" class="linkGrey2 fl">热度排序</a>
+    <a href="javascript:void(0);" id="hot_reorder" class="sortArrowActiveD fl"></a>
+  </div>
+<!--
     <a href="#" class="link-color-grey fr mr15">热度排序 </a>
     <span class=" mr5  ml5 fr">|</span>
-    <a href="#" class="link-color-green fr">时间排序</a>
+    <a href="#" class="link-color-green fr">时间排序</a>-->
     <span class="fr">排序方式：</span>
     <span class="fr mr30">共 <span class="color-light-green">102</span> 个搜索结果</span>
   </p>
@@ -104,3 +113,33 @@
   </div>
 </div>
 </div>
+<script>
+  $(function(){
+      var nTime = $("#time_reorder");
+      var nHot  = $("#hot_reorder");
+      $("#shixun_time").click(function(){
+          nHot.removeClass("sortArrowActiveD sortArrowActiveU");
+          if(nTime.hasClass("sortArrowActiveD")){
+              nTime.removeClass("sortArrowActiveD");
+              nTime.addClass("sortArrowActiveU");
+          }else if(nTime.hasClass("sortArrowActiveU")){
+              nTime.removeClass("sortArrowActiveU");
+              nTime.addClass("sortArrowActiveD");
+          }else{
+              nTime.addClass("sortArrowActiveD");
+          }
+      });
+      $("#shixun_hot").click(function(){
+          nTime.removeClass("sortArrowActiveD sortArrowActiveU");
+          if(nHot.hasClass("sortArrowActiveD")){
+              nHot.removeClass("sortArrowActiveD");
+              nHot.addClass("sortArrowActiveU");
+          }else if(nHot.hasClass("sortArrowActiveU")){
+              nHot.removeClass("sortArrowActiveU");
+              nHot.addClass("sortArrowActiveD");
+          }else{
+              nHot.addClass("sortArrowActiveD");
+          }
+      });
+  });
+</script>
\ No newline at end of file
diff --git a/public/stylesheets/css/taskstyle.css b/public/stylesheets/css/taskstyle.css
index fc1805ce5..7792ff8a8 100644
--- a/public/stylesheets/css/taskstyle.css
+++ b/public/stylesheets/css/taskstyle.css
@@ -242,4 +242,7 @@ input.knowledge_frame{height:30px;line-height:30px;border:none;background:#f3f5f
 .search-wrapper.active .input-holder .search-input {  opacity: 1; outline:none; background: none;}
 .search-wrapper .input-holder .search-icon { width:20px;  height:20px;  border:none;  padding:0px;  outline:none;  position: relative;  z-index: 2;  float:right;  cursor: pointer; background: none; color: #666; top:2px;}
 .search-wrapper .close { position: absolute; z-index: 1;  top:2px; right:20px; width:25px; height:25px; cursor: pointer; opacity: 0;color: #666;}
-.search-wrapper.active .close {right:-35px; opacity: 1;}
\ No newline at end of file
+.search-wrapper.active .close {right:-35px; opacity: 1;}
+a.sortArrowActiveD {background:url(../images/post_image_list.png) -0px -20px no-repeat; width:7px; height:9px; float:left; margin-top: 10px;margin-left: 5px;}
+a.sortArrowActiveU {background:url(../images/post_image_list.png) -17px -20px no-repeat; width:7px; height:9px; float:left; margin-left:5px; margin-top:10px;}
+.postSort {width:75px; float:right}
\ No newline at end of file