From 8708fa4afcd32e7309bb2dd1d4a28650d6ea63da Mon Sep 17 00:00:00 2001
From: daiao <358551898@qq.com>
Date: Mon, 20 Mar 2017 15:41:56 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E5=AE=9E=E8=AE=AD=E4=BB=BB=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/views/games/_game_show.html.erb  | 29 ++++++++++++++++++++++++++++
 public/stylesheets/css/taskstyle.css |  8 ++++----
 2 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/app/views/games/_game_show.html.erb b/app/views/games/_game_show.html.erb
index cb69bf53e..92544c50c 100644
--- a/app/views/games/_game_show.html.erb
+++ b/app/views/games/_game_show.html.erb
@@ -46,6 +46,35 @@
 </div>
 
 <script type="text/javascript" language="javascript">
+    var web_h = window.innerHeight;
+    $(document).ready(function(){
+        if($.browser.msie) {
+            $(".content").css("height", web_h - 75 + "px");
+            $(".tab-info-inner").css("height", web_h * 0.55 + "px"); //IE
+        }
+        else if($.browser.safari)
+        {
+            $(".content").css("height", web_h - 75 + "px");
+            $(".tab-info-inner").css("height", web_h * 0.55 + "px"); //Safari
+        }
+        else if($.browser.mozilla)
+        {
+            $(".content").css("height", web_h - 75 + "px");
+            $(".tab-info-inner").css("height", web_h * 0.48 + "px");  //Firefox
+        }
+        else if($.browser.opera) {
+            $(".content").css("height", web_h - 75 + "px");
+            $(".tab-info-inner").css("height", web_h * 0.55 + "px");     //Opera
+        }else if($.browser.chrome){
+            if(window.navigator.userAgent.indexOf("MetaSr") == -1){
+            $(".content").css("height", web_h - 75 + "px");
+            $(".tab-info-inner").css("height", web_h * 0.55 + "px");
+            }else{
+                $(".content").css("height", web_h - 75 + "px");
+                $(".tab-info-inner").css("height", web_h * 0.52 + "px");
+            }
+        }
+    });
     //课程大纲tab
     function g(o){return document.getElementById(o);}
     function HoverLi(n){
diff --git a/public/stylesheets/css/taskstyle.css b/public/stylesheets/css/taskstyle.css
index ae7fdd2a9..4fa5bb7a1 100644
--- a/public/stylesheets/css/taskstyle.css
+++ b/public/stylesheets/css/taskstyle.css
@@ -111,9 +111,9 @@ a.rightbar-pause{ color:#29bd8b; font-size: 18px; margin-right:245px; margin-top
 .undis {display:none;}
 .dis {display:block;}
 .tab-info{ }
-.content-editor-inner{height:655px; overflow:auto;}
-.tab-info-inner{ height:600px;overflow:auto; margin:15px 0 0px 15px; }
-.content-history-inner{height:135px; overflow:auto; padding:15px;}
+.content-editor-inner{ overflow:auto;}
+.tab-info-inner{ overflow:auto; margin:15px 0 0px 15px; }
+.content-history-inner{overflow:auto; padding:15px; height: 80px}
 .content-history{width:49%; min-width:150px; }
 .history-success{ width: 100%; height:40px; line-height: 40px;  background:#eef1f2; color:#666; }
 .history-fail{ width: 100%; height:40px; line-height: 40px;  background:#fdebeb; color:#e53238; }
@@ -121,7 +121,7 @@ a.rightbar-pause{ color:#29bd8b; font-size: 18px; margin-right:245px; margin-top
 .icon-success{ display:inline-block; padding:0 8px; background:#252e38; color:#fff;}
 .content-output{width:37.5%; min-width:350px;}
 .content-submit{width:10%; min-width:135px;}
-.content-submitbox{ width:120px; margin: 15px auto; height:135px;}
+.content-submitbox{ height: 80px; width:120px; margin: 15px auto;}
 .panel-inner{ background:#EFF2F7; margin:15px; padding:15px;}
 .panel-inner-title{ font-size: 14px; color: #666;}
 /* 弹框 */

From 5e7dd601947f5d10f99660b5951a19dec914b3df Mon Sep 17 00:00:00 2001
From: daiao <358551898@qq.com>
Date: Mon, 20 Mar 2017 15:50:04 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E6=8E=A7=E5=88=B6tpi=E7=9A=84=E5=BD=93?=
 =?UTF-8?q?=E5=89=8D=E4=BB=BB=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/views/games/_game_show.html.erb | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/views/games/_game_show.html.erb b/app/views/games/_game_show.html.erb
index 92544c50c..610bb6f30 100644
--- a/app/views/games/_game_show.html.erb
+++ b/app/views/games/_game_show.html.erb
@@ -51,27 +51,33 @@
         if($.browser.msie) {
             $(".content").css("height", web_h - 75 + "px");
             $(".tab-info-inner").css("height", web_h * 0.55 + "px"); //IE
+            $(".content-editor").css("height", web_h * 0.55 + 100 + "px");
         }
         else if($.browser.safari)
         {
             $(".content").css("height", web_h - 75 + "px");
             $(".tab-info-inner").css("height", web_h * 0.55 + "px"); //Safari
+            $(".content-editor").css("height", web_h * 0.55 + 105 + "px");
         }
         else if($.browser.mozilla)
         {
             $(".content").css("height", web_h - 75 + "px");
             $(".tab-info-inner").css("height", web_h * 0.48 + "px");  //Firefox
+            $(".content-editor").css("height", web_h * 0.48 + 105 + "px");
         }
         else if($.browser.opera) {
             $(".content").css("height", web_h - 75 + "px");
             $(".tab-info-inner").css("height", web_h * 0.55 + "px");     //Opera
+            $(".content-editor").css("height", web_h * 0.55 + 105 + "px");
         }else if($.browser.chrome){
             if(window.navigator.userAgent.indexOf("MetaSr") == -1){
-            $(".content").css("height", web_h - 75 + "px");
-            $(".tab-info-inner").css("height", web_h * 0.55 + "px");
+                $(".content").css("height", web_h - 75 + "px");
+                $(".tab-info-inner").css("height", web_h * 0.55 + "px");
+                $(".content-editor").css("height", web_h * 0.55 + 105 + "px");
             }else{
                 $(".content").css("height", web_h - 75 + "px");
                 $(".tab-info-inner").css("height", web_h * 0.52 + "px");
+                $(".content-editor").css("height", web_h * 0.52 + 105 + "px");
             }
         }
     });

From 1d22b7e2b92f64f86c732d008500d44e3c6cef79 Mon Sep 17 00:00:00 2001
From: daiao <358551898@qq.com>
Date: Mon, 20 Mar 2017 17:14:05 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E5=AE=9E=E8=AE=AD=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=89=A9=E5=A4=A7=E7=BC=A9=E5=B0=8F=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/views/games/_exec_results.html.erb | 127 ++++++++++++++++++-------
 app/views/games/_game_show.html.erb    |   2 +-
 public/stylesheets/css/taskstyle.css   |   9 +-
 3 files changed, 98 insertions(+), 40 deletions(-)

diff --git a/app/views/games/_exec_results.html.erb b/app/views/games/_exec_results.html.erb
index d652fcdd6..45de7a338 100644
--- a/app/views/games/_exec_results.html.erb
+++ b/app/views/games/_exec_results.html.erb
@@ -1,55 +1,76 @@
 <%= content_for(:header_tags) do %>
-<%= javascript_include_tag  'baiduTemplate', 'jquery.datetimepicker.js' %>
+    <%= javascript_include_tag  'baiduTemplate', 'jquery.datetimepicker.js' %>
 <% end %>
 <div id="code_results">
 </div>
 <script id="t:exec_results" type="text/html">
-    <div class=" col-width fl content-history mt15" >
-            <div class="panel-header clearfix">
-            <h3 class="fl">测评历史</h3>
-    <div class="fr  mt5">
-            <a href="#"><i class="fa fa-minus font-14 mr10 fl color-grey"></i></a>
-    <a href="#"><i class="fa fa-minus-square font-14  fl color-grey"></i></a>
+  <div class="col-width fl mt15 content-half-fix undis" style="margin-top:125px;">
+    <div class="panel-header clearfix">
+      <h3 class="fl">测评历史</h3>
+      <div class="fr  mt5">
+        <a href="#"><i class="fa fa-minus font-14 mr10 fl color-grey"></i></a>
+        <a href="javascript:void(0)" onclick="hide_windows();"><i class="fa fa-compress font-14  fl color-grey"></i></a>
+      </div>
     </div>
+    <div class="content-history-inner" style="height: 100px;">
+      <div class="clearfix history-success mb10">
+        <span class="icon-success fl mr5">2</span>
+        <p class="fl">恭喜，您已经完成了本任务！</p>
+        <a href="#" class="fr mr10">详情</a>
+      </div>
+      <div class="clearfix history-fail mb10">
+        <span class="icon-fail fl mr5">1</span>
+        <p class="fl">错误结果！</p>
+        <a href="#" class="fr mr10">详情</a>
+      </div>
+    </div>
+  </div>
+  <div class="col-width fl content-history mt15" >
+    <div class="panel-header clearfix">
+      <h3 class="fl">测评历史</h3>
+      <div class="fr  mt5">
+        <a href="#"><i class="fa fa-minus font-14 mr10 fl color-grey"></i></a>
+        <a href="javascript:void(0)" onclick="extend_window()"><i class="fa fa-minus-square font-14  fl color-grey"></i></a>
+      </div>
     </div>
     <div class="content-history-inner">
-            <% unless @outputs.blank? %>
-            <% @outputs.each do |output| %>
-            <div class="<%= output.code == 0 ? 'clearfix history-success mb10' : 'clearfix history-fail mb10' %>">
-            <span class="<%= output.code == 0 ? 'icon-success fl mr5' : 'icon-fail fl mr5' %>">2</span>
-    <p class="fl"><%= output.code == 0 ? '恭喜，您已经完成了本任务！' : '错误结果！' %></p>
-    <%= link_to "详情", outputs_show_myshixun_game_path(@game, :myshixun_id => @myshixun, :game_output_id => output.id), :class => "fr mr10" %>
+      <% unless @outputs.blank? %>
+          <% @outputs.each do |output| %>
+              <div class="<%= output.code == 0 ? 'clearfix history-success mb10' : 'clearfix history-fail mb10' %>">
+                <span class="<%= output.code == 0 ? 'icon-success fl mr5' : 'icon-fail fl mr5' %>">2</span>
+                <p class="fl"><%= output.code == 0 ? '恭喜，您已经完成了本任务！' : '错误结果！' %></p>
+                <%= link_to "详情", outputs_show_myshixun_game_path(@game, :myshixun_id => @myshixun, :game_output_id => output.id), :class => "fr mr10" %>
+              </div>
+          <% end %>
+      <% end %>
     </div>
-    <% end %>
-    <% end %>
-    </div>
-    </div>
-    <div class="col-width fl content-output ml15 mt15">
-            <div class="panel-header ">
-            <h3 >测试输出</h3>
+  </div>
+  <div class="col-width fl content-output ml15 mt15">
+    <div class="panel-header ">
+      <h3 >测试输出</h3>
     </div>
     <div class="content-history-inner">
-            999999
-            </div>
+      999999
     </div>
-    <div class=" col-width fl content-submit ml15 mt15">
-            <div class="panel-header ">
-            <h3 >操作</h3>
+  </div>
+  <div class=" col-width fl content-submit ml15 mt15">
+    <div class="panel-header ">
+      <h3 >操作</h3>
     </div>
     <div class="content-submitbox">
-            <a href="#" class="task-btn mb10 ">保存修改</a>
+      <a href="#" class="task-btn mb10 ">保存修改</a>
 
-    <! if(status == 0){ !>
-    <div id="game_commit">
-            <a href="javascript:void(0)" class="task-btn task-btn-green" onclick="training_task_submmit();">提交评测</a>
-    </div>
-    <! }else if(status == 1){ !>
-    <a class="task-btn mb10">评测中..</a>
-    <! }else if(status == 2){ !>
-    <%= link_to "下 一 步", {:controller => 'games', :action => "next_step", :id => @game, :myshixun_id => @myshixun}, :class => "task-btn task-btn-green", :onclick => "training_task_submmit();", :remote => true %>
-    <! } !>
-    </div>
+      <! if(status == 0){ !>
+      <div id="game_commit">
+        <a href="javascript:void(0)" class="task-btn task-btn-green" onclick="training_task_submmit();">提交评测</a>
+      </div>
+      <! }else if(status == 1){ !>
+      <a class="task-btn mb10">评测中..</a>
+      <! }else if(status == 2){ !>
+      <%= link_to "下 一 步", {:controller => 'games', :action => "next_step", :id => @game, :myshixun_id => @myshixun}, :class => "task-btn task-btn-green", :onclick => "training_task_submmit();", :remote => true %>
+      <! } !>
     </div>
+  </div>
 </script>
 
 <script >
@@ -65,7 +86,7 @@
 
         $.ajax({
             url: '<%= game_build_myshixun_game_path(@game, @myshixun) %>',
-                success: function (){
+            success: function (){
                 $("#training_tasl_commit").html("<span class='task-display-span alert-blue mt10'>当前任务正在后台测评中，稍后将显示您的任务完成情况......</span>");
                 //循环等1分钟
                 var intId = setInterval(function(){
@@ -86,4 +107,36 @@
         })
 
     }
+    function extend_window(){
+        var web_h = window.innerHeight;
+        if($.browser.msie) {
+            $(".content-half-fix").css("width", "42%");
+            $(".content-half-fix").css("height", web_h - 168 + "px");
+        }
+        else if($.browser.safari)
+        {
+            $(".content-half-fix").css("width", "42%");
+            $(".content-half-fix").css("height", web_h - 168 + "px");
+        }
+        else if($.browser.mozilla)
+        {
+            $(".content-half-fix").css("width", "42%");
+            $(".content-half-fix").css("height", web_h - 168 + "px");
+        }
+        else if($.browser.opera) {
+            $(".content-half-fix").css("width", "42%");
+        }else if($.browser.chrome){
+            if(window.navigator.userAgent.indexOf("MetaSr") == -1){
+                $(".content-half-fix").css("width", "42.5%");
+                $(".content-half-fix").css("height", web_h - 160 + "px");
+            }else{
+                $(".content-half-fix").css("width", "42.5%");
+                $(".content-half-fix").css("height", web_h - 155 + "px");
+            }
+        }
+        $(".content-half-fix").show();
+    }
+    function hide_windows(){
+        $(".content-half-fix").hide();
+    }
 </script>
\ No newline at end of file
diff --git a/app/views/games/_game_show.html.erb b/app/views/games/_game_show.html.erb
index 610bb6f30..fc9b30376 100644
--- a/app/views/games/_game_show.html.erb
+++ b/app/views/games/_game_show.html.erb
@@ -4,7 +4,7 @@
     完成任务后，请点击“提交评测”按钮，若通过系统评测，将为你解锁下一关，祝你早日通关，加油!
   </div>
   <div class="content-row mr15">
-    <div class="content-info col-width fl ">
+    <div class="content-info col-width fl">
       <div class="panel-header clearfix">
         <h3 class="fl">第<%= @game.stage %>关：<%= @game.subject %></h3>
         <div class="fr  mt5">
diff --git a/public/stylesheets/css/taskstyle.css b/public/stylesheets/css/taskstyle.css
index 4fa5bb7a1..084195403 100644
--- a/public/stylesheets/css/taskstyle.css
+++ b/public/stylesheets/css/taskstyle.css
@@ -98,7 +98,7 @@ a.rightbar-pause{ color:#29bd8b; font-size: 18px; margin-right:245px; margin-top
 /*右侧内容*/
 .content{  width:100%; min-width:1000px; }
 .content-row{ padding:15px; }
-.content-info{ width:49%; min-width:450px;   }
+.content-info{ width:49%; min-width:450px;}
 .content-editor{  width:49%; min-width:450px; margin-left:15px; }
 .panel-header{  border-bottom:1px solid #eee; padding:10px 15px;}
 /* tab */
@@ -157,4 +157,9 @@ textarea.task-textarea-pd{ padding-bottom: 0px; padding-top:0px;}
 .task-setting-tab{ height:600px;}
 .task-pd15-box{ padding:15px;}
 .mb20{margin-bottom: 20px;}
-input.knowledge_frame{height:30px;line-height:30px;border:none;background:#f3f5f7;}
\ No newline at end of file
+input.knowledge_frame{height:30px;line-height:30px;border:none;background:#f3f5f7;}
+/* TPi全屏展示css */
+.content-all-fix{ width:98%; min-width:800px; margin:0; position: absolute; top:15px; z-index:99; }
+.content-all-fix .tab-info-inner{}
+.content-half-fix{ min-width:450px; margin:0; position: absolute; top:15px; z-index:99;}
+.content-half-fix02{width:42.5%; min-width:450px; margin:0; min-height:936px; position: absolute; top:15px; z-index:99; right:15px;}
\ No newline at end of file

From 6f4e4bea4cf383eda48919811d03437d82a60d70 Mon Sep 17 00:00:00 2001
From: daiao <358551898@qq.com>
Date: Mon, 20 Mar 2017 20:04:50 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E5=AE=9E=E8=AE=ADtpi=E6=94=BE=E5=A4=A7?=
 =?UTF-8?q?=E7=BC=A9=E5=B0=8F=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/views/games/_desc_full_show.html.erb | 115 +++++++++++++++++++++++
 app/views/games/_exec_results.html.erb   |   4 +-
 app/views/games/_game_show.html.erb      |  12 ++-
 public/stylesheets/css/taskstyle.css     |   5 +-
 4 files changed, 128 insertions(+), 8 deletions(-)
 create mode 100644 app/views/games/_desc_full_show.html.erb

diff --git a/app/views/games/_desc_full_show.html.erb b/app/views/games/_desc_full_show.html.erb
new file mode 100644
index 000000000..838bda9fe
--- /dev/null
+++ b/app/views/games/_desc_full_show.html.erb
@@ -0,0 +1,115 @@
+<div class="col-width fl content-all-fix undis" style="margin-top:50px">
+  <div class="panel-header clearfix">
+    <h3 class="fl">第1关：Python的初始化</h3>
+    <div class="fr  mt5">
+      <a href="#"><i class="fa fa-minus font-14 mr10 fl color-grey"></i></a>
+      <a href="javascript:void(0);" onclick="close_game_descpition()"><i class="fa fa-compress font-14 fl color-grey"></i></a>
+    </div>
+  </div>
+  <div class="tab_content clearfix" >
+    <ul id="tab_nav">
+      <li id="big_tab_nav_1" class="tab_hover " onclick="HoverLi_new(1);">
+        <a href="javascript:void(0);" class="tab_type">过关任务</a>
+      </li>
+      <li id="big_tab_nav_2"  onclick="HoverLi_new(2);">
+        <a href="javascript:void(0);" class="tab_type" >预备知识</a>
+      </li>
+      <li id="big_tab_nav_3"  onclick="HoverLi_new(3);">
+        <a href="javascript:void(0);" class="tab_type" >参考答案</a>
+      </li>
+    </ul>
+    <div class="cl"></div>
+    <div id="big_tab_con_1" class="tab-info" >
+      <p class="big-tab-info-inner">Python3 代码风格建议<br/>
+        Python3 中使用注释<br/>
+        认识 Python3 模块<br/>
+        实验步骤<br/>
+        1. 解释器<br/>
+        Python 是一个脚本语言，你可以在 Python <br/>解释器中直接写代码或者将代码写到一个文件里，然后执行这个文件（即脚本文件）。<br/>
+        首先，我们从使用解释器开始，打开终端，键入Python3 并回车。这个时候解释器便工作于交互模式。<br/>
+        Python3 中使用注释<br/>
+        认识 Python3 模块<br/>
+        实验步骤<br/>
+        1. 解释器<br/>
+        Python 是一个脚本语言，你可以在 Python <br/>解释器中直接写代码或者将代码写到一个文件里，然后执行这个文件（即脚本文件）。<br/>
+        首先，我们从使用解释器开始，打开终端，键入Python3 并回车。这个时候解释器便工作于交互模式。<br/>
+        Python3 中使用注释<br/>
+        认识 Python3 模块<br/>
+        实验步骤<br/>
+        1. 解释器<br/>
+        Python 是一个脚本语言，你可以在 Python <br/>解释器中直接写代码或者将代码写到一个文件里，然后执行这个文件（即脚本文件）。<br/>
+        首先，我们从使用解释器开始，打开终端，键入Python3 并回车。这个时候解释器便工作于交互模式。<br/>
+        Python3 中使用注释<br/>
+        认识 Python3 模块<br/>
+        实验步骤<br/>
+        1. 解释器<br/>
+        Python 是一个脚本语言，你可以在 Python <br/>解释器中直接写代码或者将代码写到一个文件里，然后执行这个文件（即脚本文件）。<br/>
+        首先，我们从使用解释器开始，打开终端，键入Python3 并回车。这个时候解释器便工作于交互模式。<br/>
+        1. 解释器<br/>
+        Python 是一个脚本语言，你可以在 Python <br/>解释器中直接写代码或者将代码写到一个文件里，然后执行这个文件（即脚本文件）。<br/>
+        首先，我们从使用解释器开始，打开终端，键入Python3 并回车。这个时候解释器便工作于交互模式。<br/>
+        Python3 中使用注释<br/>
+        认识 Python3 模块<br/>
+        实验步骤<br/>
+        1. 解释器<br/>
+        Python 是一个脚本语言，你可以在 Python <br/>解释器中直接写代码或者将代码写到一个文件里，然后执行这个文件（即脚本文件）。<br/>
+        首先，我们从使用解释器开始，打开终端，键入Python3 并回车。这个时候解释器便工作于交互模式。<br/>
+
+      </p>
+    </div>
+    <div id="big_tab_con_2" class="undis tab-info" >
+      <p class="big-tab-info-inner">dfdf</p>
+    </div>
+    <div id="big_tab_con_3" class="undis tab-info" >
+      <p class="big-tab-info-inner">dfdfdfdfdf</p>
+    </div>
+  </div>
+</div>
+<script type="text/javascript" language="javascript">
+    var web_h = window.innerHeight;
+    $(document).ready(function(){
+        if($.browser.msie) {
+            $(".content-all-fix").css("height", web_h - 225 + "px");
+            $(".content-all-fix").css("width", "87%");
+            $(".big-tab-info-inner").css("height", web_h - 185 + "px");
+        }
+        else if($.browser.safari)
+        {
+            $(".content-all-fix").css("height", web_h - 225 + "px");
+            $(".big-tab-info-inner").css("height", web_h - 195 + "px");
+            $(".content-all-fix").css("width", "87%");
+        }
+        else if($.browser.mozilla)
+        {
+            $(".content-all-fix").css("height", web_h - 225 + "px");
+            $(".big-tab-info-inner").css("height", web_h - 185 + "px");
+            $(".content-all-fix").css("width", "87%");
+        }
+        else if($.browser.opera) {
+            $(".content-all-fix").css("height", web_h - 225 + "px");
+            $(".big-tab-info-inner").css("height", web_h - 185 + "px");
+            $(".content-all-fix").css("width", "87%");
+        }else if($.browser.chrome){
+            if(window.navigator.userAgent.indexOf("MetaSr") == -1){
+                $(".content-all-fix").css("height", web_h - 225 + "px");
+                $(".big-tab-info-inner").css("height", web_h - 185 + "px");
+                $(".content-all-fix").css("width", "87.5%");
+            }else{
+                $(".content-all-fix").css("height", web_h - 225 + "px");
+                $(".big-tab-info-inner").css("height", web_h - 185 + "px");
+                $(".content-all-fix").css("width", "87.5%");
+            }
+        }
+    });
+    function close_game_descpition(){
+        $(".content-all-fix").hide();
+    }
+    function HoverLi_new(n){
+        for(var i=1;i<=3;i++){
+            g('big_tab_nav_'+i).className='tab_nomal';
+            g('big_tab_con_'+i).className='undis';
+        }
+        g('big_tab_con_'+n).className='dis';
+        g('big_tab_nav_'+n).className='tab_hover';
+    }
+</script>
\ No newline at end of file
diff --git a/app/views/games/_exec_results.html.erb b/app/views/games/_exec_results.html.erb
index 45de7a338..c73ee409f 100644
--- a/app/views/games/_exec_results.html.erb
+++ b/app/views/games/_exec_results.html.erb
@@ -120,8 +120,8 @@
         }
         else if($.browser.mozilla)
         {
-            $(".content-half-fix").css("width", "42%");
-            $(".content-half-fix").css("height", web_h - 168 + "px");
+            $(".content-half-fix").css("width", "42.5%");
+            $(".content-half-fix").css("height", web_h - 158 + "px");
         }
         else if($.browser.opera) {
             $(".content-half-fix").css("width", "42%");
diff --git a/app/views/games/_game_show.html.erb b/app/views/games/_game_show.html.erb
index fc9b30376..8b73b7713 100644
--- a/app/views/games/_game_show.html.erb
+++ b/app/views/games/_game_show.html.erb
@@ -4,12 +4,13 @@
     完成任务后，请点击“提交评测”按钮，若通过系统评测，将为你解锁下一关，祝你早日通关，加油!
   </div>
   <div class="content-row mr15">
+    <%= render :partial => 'desc_full_show'%>
     <div class="content-info col-width fl">
       <div class="panel-header clearfix">
         <h3 class="fl">第<%= @game.stage %>关：<%= @game.subject %></h3>
         <div class="fr  mt5">
           <a href="#"><i class="fa fa-minus font-14 mr10 fl color-grey"></i></a>
-          <a href="#"><i class="fa fa-minus-square font-14  fl color-grey"></i></a>
+          <a href="javascript:void(0);" onclick="extend_game_description();"><i class="fa fa-minus-square font-14  fl color-grey"></i></a>
         </div>
       </div>
       <div class="tab_content clearfix">
@@ -41,7 +42,7 @@
     <div id="code_content">
       <%= render :partial => 'repository' %>
     </div>
-      <%= render :partial => 'exec_results' %>
+    <%= render :partial => 'exec_results' %>
   </div>
 </div>
 
@@ -62,8 +63,8 @@
         else if($.browser.mozilla)
         {
             $(".content").css("height", web_h - 75 + "px");
-            $(".tab-info-inner").css("height", web_h * 0.48 + "px");  //Firefox
-            $(".content-editor").css("height", web_h * 0.48 + 105 + "px");
+            $(".tab-info-inner").css("height", web_h * 0.48 + 50 + "px");  //Firefox
+            $(".content-editor").css("height", web_h * 0.48 + 155 + "px");
         }
         else if($.browser.opera) {
             $(".content").css("height", web_h - 75 + "px");
@@ -94,4 +95,7 @@
     $("#close_myshixun_tip").click(function(){
         $("#myshixun_tip").hide();
     });
+    function extend_game_description(){
+        $(".content-all-fix").show();
+    }
 </script>
\ No newline at end of file
diff --git a/public/stylesheets/css/taskstyle.css b/public/stylesheets/css/taskstyle.css
index 084195403..f2ad94d26 100644
--- a/public/stylesheets/css/taskstyle.css
+++ b/public/stylesheets/css/taskstyle.css
@@ -113,6 +113,7 @@ a.rightbar-pause{ color:#29bd8b; font-size: 18px; margin-right:245px; margin-top
 .tab-info{ }
 .content-editor-inner{ overflow:auto;}
 .tab-info-inner{ overflow:auto; margin:15px 0 0px 15px; }
+.big-tab-info-inner{ overflow:auto; margin:15px 0 0px 15px; }
 .content-history-inner{overflow:auto; padding:15px; height: 80px}
 .content-history{width:49%; min-width:150px; }
 .history-success{ width: 100%; height:40px; line-height: 40px;  background:#eef1f2; color:#666; }
@@ -159,7 +160,7 @@ textarea.task-textarea-pd{ padding-bottom: 0px; padding-top:0px;}
 .mb20{margin-bottom: 20px;}
 input.knowledge_frame{height:30px;line-height:30px;border:none;background:#f3f5f7;}
 /* TPi全屏展示css */
-.content-all-fix{ width:98%; min-width:800px; margin:0; position: absolute; top:15px; z-index:99; }
-.content-all-fix .tab-info-inner{}
+.content-all-fix{ margin:0; position: absolute; top:15px; z-index:99; }
+.content-all-fix .tab-info-inner{ overflow:auto; margin:15px 0 0px 15px; }
 .content-half-fix{ min-width:450px; margin:0; position: absolute; top:15px; z-index:99;}
 .content-half-fix02{width:42.5%; min-width:450px; margin:0; min-height:936px; position: absolute; top:15px; z-index:99; right:15px;}
\ No newline at end of file