diff --git a/public/css/edu-all.css b/public/css/edu-all.css
index 6485f2316..777a0b894 100644
--- a/public/css/edu-all.css
+++ b/public/css/edu-all.css
@@ -7854,12 +7854,6 @@ a.singlepublishtwo {
 
 
 
-
-.markdown-body {
-  text-align: justify;
-  word-break: break-all;
-}
-
 .RightPaneDrawer .ant-drawer-content {
   background: #070f1a;
   overflow: hidden !important;
diff --git a/public/css/edu-main.css b/public/css/edu-main.css
index 220057e13..4ec0d24af 100644
--- a/public/css/edu-main.css
+++ b/public/css/edu-main.css
@@ -4200,10 +4200,6 @@ html>body #ajax-indicator {
   color: #898989 !important;
 }
 
-.markdown-body {
-  text-align: justify;
-  word-break: break-all;
-}
 
 .RightPaneDrawer .ant-drawer-content {
   background: #070f1a;
diff --git a/public/css/edu-purge.css b/public/css/edu-purge.css
index a530fe9be..694a4b038 100644
--- a/public/css/edu-purge.css
+++ b/public/css/edu-purge.css
@@ -6635,13 +6635,6 @@ ul.count_ul li:not(:last-child):after {
 }
 
 
-
-
-.markdown-body {
-  text-align: justify;
-  word-break: break-all;
-}
-
 .RightPaneDrawer .ant-drawer-content {
   background: #070f1a;
   overflow: hidden !important;
diff --git a/public/index.html b/public/index.html
index dc4f44d29..c009e1284 100755
--- a/public/index.html
+++ b/public/index.html
@@ -55,7 +55,7 @@
   <script src="%PUBLIC_URL%js/codemirror/merge/merge.js"></script>
   <script src="%PUBLIC_URL%js/alex/moment.js"></script>
   <script src="https://gw.alipayobjects.com/os/lib/alipay/alex/2.0.19/bundle/alex.all.global.min.js"></script>
-  <!-- <meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"> -->
+  <meta name="viewport" content="">
   <%= htmlWebpackPlugin.tags.bodyTags %>
   <script>
     var _hmt = _hmt || [];
diff --git a/src/common/UrlTool.js b/src/common/UrlTool.js
index d98c29302..6af199c92 100644
--- a/src/common/UrlTool.js
+++ b/src/common/UrlTool.js
@@ -19,6 +19,21 @@ export function getImageUrl(path) {
 	return `${path}`;
 }
 
+export function IsPC(){
+	var userAgentInfo = navigator.userAgent;
+	var Agents = ["Android", "iPhone",
+		"SymbianOS", "Windows Phone",
+		"iPad", "iPod"];
+	var flag = false;
+	for (var v = 0; v < Agents.length; v++) {
+		if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			flag = true;
+			break;
+		}
+	}
+	return flag;
+}
+
 export function getImageUrlAbsolute(path) {
 	// https://www.educoder.net
 	// https://testbdweb.trustie.net
diff --git a/src/common/educoder.js b/src/common/educoder.js
index 5b90e804d..7b14824ac 100644
--- a/src/common/educoder.js
+++ b/src/common/educoder.js
@@ -7,7 +7,7 @@ export {
 	getImageUrl as getImageUrl,getImageUrlAbsolute as getImageUrlAbsolute,getImage as getImage, getmyUrl as getmyUrl, getRandomNumber as getRandomNumber, getUrl as getUrl, getZoneUrl as getZoneUrl, publicSearchs as publicSearchs, getRandomcode as getRandomcode, getUrlmys as getUrlmys, getUrl2 as getUrl2, setImagesUrl as setImagesUrl
 	, getUploadActionUrl as getUploadActionUrl, getUploadActionUrltwo as getUploadActionUrltwo, getUploadActionUrlthree as getUploadActionUrlthree, getUploadActionUrlOfAuth as getUploadActionUrlOfAuth
 	, getTaskUrlById as getTaskUrlById, TEST_HOST, htmlEncode as htmlEncode, getupload_git_file as getupload_git_file, getcdnImageUrl as getcdnImageUrl,
-	turnbar,returnbar,setSeoMeta as setSeoMeta
+	turnbar,returnbar,setSeoMeta as setSeoMeta , IsPC as IsPC
 } from './UrlTool';
 
 export { setmiyah as setmiyah } from './Component';
diff --git a/src/forge/Information/Component/mobile/accessory.jsx b/src/forge/Information/Component/mobile/accessory.jsx
new file mode 100644
index 000000000..a505727f6
--- /dev/null
+++ b/src/forge/Information/Component/mobile/accessory.jsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import './index.scss';
+
+function acce({type}){
+  return(
+    type === "head" ?
+    <div className="head_zone">
+      <a href="/"><img src={require('../../img/logo.png')} alt=""/></a>
+    </div>
+    :
+    <div>
+      <div style={{height: "26em"}}></div>
+      <div className="foot_zone">
+        <p style={{fontSize:'1.6em',color:"#141519"}}>欢迎加入GitLink！</p>
+        <ul className="foot_ewm">
+          <li>
+            <img src={require('../../img/gitlink-gz.png')} alt="" />
+            <span>开源发展委员会<br/>公众号</span>
+          </li>
+          <li>
+            <img src={require('../../img/gitlink-qq.png')} alt="" />
+            <span>GitLink官方<br/>QQ群</span>
+          </li>
+        </ul>
+        <p className="foot_copyright">
+          <span>©Copyright 2023 CCF 开源发展委员会</span>
+          <span>Powered by Trustie& IntelliDE </span>
+          <span>京ICP备13000930号</span>
+        </p>
+      </div>
+    </div>
+  )
+}
+export default acce;
\ No newline at end of file
diff --git a/src/forge/Information/Component/mobile/index.scss b/src/forge/Information/Component/mobile/index.scss
new file mode 100644
index 000000000..24dd816f5
--- /dev/null
+++ b/src/forge/Information/Component/mobile/index.scss
@@ -0,0 +1,73 @@
+@media screen and (max-width: 750px){
+  #root{
+    width: 100%;
+  }
+  .newContainers{
+    min-width: unset;
+  }
+}
+.head_zone{
+  height: 4.4em;
+  background-color:#183553;
+  width: 100%;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: fixed;
+  top: 0px;
+  width: 100%;
+  z-index: 10;
+  img{
+    height: 2em;
+  }
+}
+.foot_zone{
+  background-image: url(../../img/f_banner.png);
+  background-size: 100% 100%;
+  height: 26em;
+  position: absolute;
+  bottom: 0px;
+  width: 100%;
+  left: 0px;
+  padding:1.6em 1.2em 0em 1.2em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  .foot_ewm{
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    width: 100%;
+    padding:1.2em;
+    li{
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      text-align: center;
+      img{
+        width: 7em;
+        height: 7em;
+        margin-bottom: 0.8em;
+      }
+      span{
+        display: block;
+        color:#444549;
+        text-align: center;
+        line-height: 1.5em;
+      }
+    }
+  }
+  .foot_copyright{
+    padding:1em 0;
+    border-top: 1px solid rgba(129, 131, 138, 0.15);
+    color:#63687a;
+    font-size: 1em;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/forge/Information/Pages/newsDetail.jsx b/src/forge/Information/Pages/newsDetail.jsx
index ae1dbebbd..bd67f463f 100644
--- a/src/forge/Information/Pages/newsDetail.jsx
+++ b/src/forge/Information/Pages/newsDetail.jsx
@@ -5,7 +5,11 @@ import RenderHtml from '../../../components/render-html';
 import { Base64 } from 'js-base64';
 import axios from 'axios';
 import { getNewsDetail } from '../api';
+import { IsPC } from 'educoder';
 import { tempConfig } from '../tempInfo';
+import Acce from '../Component/mobile/accessory';
+
+
 
 function NewsDetail(props){
   const { deptId , id } = props.match.params;
@@ -13,7 +17,15 @@ function NewsDetail(props){
   const [ cmsDir , setCmsDir ] = useState(undefined);
   const [ content , setContent]=useState(undefined);
   const [ isSpin , setIsSpin]=useState(false);
-  const temp = props.temp
+  const temp = props.temp;
+  const zonedetail = props.data;
+  console.log(zonedetail);
+
+  useEffect(()=>{
+    if(IsPC()){
+      document.querySelector('meta[name="viewport"]').setAttribute('content','width=device-width, user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0');
+    }
+  },[])
 
   useEffect(()=>{
     if(id){
@@ -37,37 +49,55 @@ function NewsDetail(props){
     })
   }
   return(
-    <div className="detail_news_all">
-      <Spin spinning={isSpin} size="large">
-        {
-          detail && 
-          <div style={{width:'1200px',margin:"0px auto",padding:"30px 0px"}}>
-            <Breadcrumb separator=">">
-              <Breadcrumb.Item href={`/zone/${deptId}/news`}>{tempConfig[temp].mainTitle}</Breadcrumb.Item>
-              { cmsDir && <Breadcrumb.Item href={`/zone/${deptId}/news/${cmsDir.id}`}>{cmsDir.name}</Breadcrumb.Item> }
-              <Breadcrumb.Item>正文</Breadcrumb.Item>
-            </Breadcrumb>
-            <div className="info_text">
-              <div className="info_text_main">
-                <p className="i_name">{detail.name}</p>
-                <ul className="i_ul_value">
-                  { cmsDir && <li><a href={ detail.publishUserUrl } ><img src={ detail.publishUserImage } alt="" className="headimg" /> { detail.publishUserNickname }</a></li> }
-                  { cmsDir && <li>{ detail.isFirstPublish ? '创建于' : '更新于' }{detail.publishTime}</li> }
-                  { detail.visits && <li><img src={liulan} alt="" className="mr5" />{detail.visits}</li> }
-                </ul>
-              </div>
-              <Divider dashed={true}	/>
+    <React.Fragment>
+      {
+        IsPC() && <Acce type="head"/>
+      }
+      <div className={IsPC() ? "detail_news_phone" :"detail_news_all"}>
+        <Spin spinning={isSpin} size="large">
+          {
+            detail && 
+            <div className="d_news_box">
               {
-                content ?
-                <RenderHtml className="informations_detail imageLayerParent" value={content} url={props.history.location} />
-                :
-                <span>暂无详情~</span>
+                IsPC() && zonedetail &&
+                <div className="p_title_box">
+                  <p className="p_t_title"><a href={`/zone/${deptId}`}>{zonedetail.name}</a></p>
+                  <p className="p_t_desc">{zonedetail.introductionContent}</p>
+                </div>
               }
+              {
+                !IsPC() &&
+                <Breadcrumb separator=">">
+                  <Breadcrumb.Item href={`/zone/${deptId}/news`}>{tempConfig[temp].mainTitle}</Breadcrumb.Item>
+                  { cmsDir && <Breadcrumb.Item href={`/zone/${deptId}/news/${cmsDir.id}`}>{cmsDir.name}</Breadcrumb.Item> }
+                  <Breadcrumb.Item>正文</Breadcrumb.Item>
+                </Breadcrumb>
+              }
+              <div className="info_text">
+                <div className="info_text_main">
+                  <p className="i_name">{detail.name}</p>
+                  <ul className="i_ul_value">
+                    { cmsDir && <li><a href={ detail.publishUserUrl } ><img src={ detail.publishUserImage } alt="" className="headimg" /> { detail.publishUserNickname }</a></li> }
+                    { cmsDir && <li>{ detail.isFirstPublish ? '创建于' : '更新于' }{detail.publishTime}</li> }
+                    { detail.visits && <li><img src={liulan} alt="" className="mr5" />{detail.visits}</li> }
+                  </ul>
+                </div>
+                { !IsPC() && <Divider dashed={true}	/> }
+                {
+                  content ?
+                  <RenderHtml className="informations_detail imageLayerParent" value={content} url={props.history.location} />
+                  :
+                  <span>暂无详情~</span>
+                }
+              </div>
             </div>
-          </div>
-        }
-      </Spin>
-    </div>
+          }
+        </Spin>
+      </div>
+      {
+        IsPC() && <Acce type="foot" />
+      }
+    </React.Fragment>
   )
 }
 export default NewsDetail;
\ No newline at end of file
diff --git a/src/forge/Information/img/f_banner.png b/src/forge/Information/img/f_banner.png
new file mode 100644
index 000000000..f61dd5ffe
Binary files /dev/null and b/src/forge/Information/img/f_banner.png differ
diff --git a/src/forge/Information/img/gitlink-gz.png b/src/forge/Information/img/gitlink-gz.png
new file mode 100644
index 000000000..4553490ac
Binary files /dev/null and b/src/forge/Information/img/gitlink-gz.png differ
diff --git a/src/forge/Information/img/gitlink-qq.png b/src/forge/Information/img/gitlink-qq.png
new file mode 100644
index 000000000..bc243e433
Binary files /dev/null and b/src/forge/Information/img/gitlink-qq.png differ
diff --git a/src/forge/Information/img/logo.png b/src/forge/Information/img/logo.png
new file mode 100644
index 000000000..554a8de40
Binary files /dev/null and b/src/forge/Information/img/logo.png differ
diff --git a/src/forge/Information/img/p_banner.png b/src/forge/Information/img/p_banner.png
new file mode 100644
index 000000000..53fc1ef98
Binary files /dev/null and b/src/forge/Information/img/p_banner.png differ
diff --git a/src/forge/Information/index.jsx b/src/forge/Information/index.jsx
index 33cc40bf0..0f78749aa 100644
--- a/src/forge/Information/index.jsx
+++ b/src/forge/Information/index.jsx
@@ -11,6 +11,7 @@ import Loading from "../../Loading";
 import { getMainInfos , getCheckZoneRole } from './api';
 import PublicBanner from "./Component/publicBanner";
 import './index.scss';
+import { IsPC } from 'educoder';
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 import { tempEnum } from "./tempInfo";
@@ -61,6 +62,8 @@ function Index(props){
   const { deptId } = props.match.params;
   const [ id , setId ] = useState(undefined);
   const [ temp , setTemp ] = useState(tempEnum.zone);
+  const { pathname } = props.history.location;
+  const sourcedetail = pathname.indexOf(`/zone/${deptId}/newdetail/`)>-1 && IsPC();
 
   useEffect(()=>{
     if(deptId){
@@ -109,7 +112,7 @@ function Index(props){
   }
   return(
     <div className="information_main">
-      { id ? <PublicBanner {...props} data={data} temp={ temp } adminUrl={adminUrl}/> : <div style={{ width: '100%', height: '450px' }}></div>}
+      { !sourcedetail && (id ? <PublicBanner {...props} data={data} temp={ temp } adminUrl={adminUrl}/> : <div style={{ width: '100%', height: '450px' }}></div>)}
       <Switch>
         <Route
           path="/zone/:deptId/news/:cateId"
@@ -120,7 +123,7 @@ function Index(props){
         <Route
           path="/zone/:deptId/newdetail/:id"
           render={(p) => (
-            <NewsDetail {...props} {...p} id={id} temp={ temp }/>
+            <NewsDetail {...props} {...p} id={id} temp={ temp } data={data}/>
           )}
         ></Route>
         <Route
diff --git a/src/forge/Information/index.scss b/src/forge/Information/index.scss
index f3cc17d70..cee3be82c 100644
--- a/src/forge/Information/index.scss
+++ b/src/forge/Information/index.scss
@@ -418,12 +418,73 @@
   display: flex;
   justify-content: center;
 }
+.detail_news_phone{
+  font-size: 62.5%;
+  padding:1.5em;
+  .markdown-body p{
+    font-size: 0.9em!important;
+  }
+  .p_title_box{
+    padding:2em 1.5em;
+    min-height: 15em;
+    background-image: url('./img/p_banner.png');
+    background-size: 100% 100%;
+    margin-bottom: 2em;
+    .p_t_title{
+      font-weight:600;
+      color:#141519;
+      font-size:2em;
+      height: 2em;
+      line-height: 2em;
+      margin-bottom: 1.5em!important;
+      text-align: center;
+    }
+    .p_t_desc{
+      color:#75767a;
+      font-size:1.6em;
+      letter-spacing:2px;
+      line-height: 2em;
+    }
+  }
+  .info_text{
+    padding:1.5em;
+    background-image:linear-gradient(180deg,#f8f9fd 0%,#f8f9fd 100%);
+    border:1px solid #ffffff;
+    box-sizing: border-box;
+  }
+  .info_text_main{
+    margin-bottom: 2em;
+    .i_name{
+      font-size: 2em;
+    }
+    .i_ul_value{
+      display: flex;
+      align-items: center;
+      margin-top: 1em;
+      font-size: 1.5em;      
+      li{
+        margin-right: 1.5em;
+      }
+      .headimg{
+        width: 2em;
+        height: 2em;
+        border-radius: 50%;
+        margin-right: 0.2em;
+      }
+    }
+  }
+}
 .detail_news_all{
   display: flex;
   flex-direction: column;
   align-items: center;
   min-height: 600px;
   justify-content: unset;
+  .d_news_box{
+    width:1200px;
+    margin:0px auto;
+    padding:30px 0px;
+  }
   .ant-spin-spinning {
     margin: auto;
   }
diff --git a/src/forge/css/index.scss b/src/forge/css/index.scss
index d17292945..c47e6bca5 100644
--- a/src/forge/css/index.scss
+++ b/src/forge/css/index.scss
@@ -228,6 +228,12 @@ form{
   .normal{
     width: 100%;
   }
+  #root{
+    width: 1200px;
+  }
+  .newContainers{
+    min-width: 1200px;
+  }
 }
 .ver-middle{
   vertical-align: middle;
diff --git a/src/index.css b/src/index.css
index 1fff67d5c..90fdbe8ff 100644
--- a/src/index.css
+++ b/src/index.css
@@ -51,6 +51,10 @@
   list-style-type: none;
 }
 
+.markdown-body video{
+  max-width: 100%;
+}
+
 ol,
 ul,
 li {
diff --git a/src/modules/tpm/TPMIndexHOC.js b/src/modules/tpm/TPMIndexHOC.js
index b432451b7..3f0ae26db 100644
--- a/src/modules/tpm/TPMIndexHOC.js
+++ b/src/modules/tpm/TPMIndexHOC.js
@@ -11,6 +11,7 @@ import SupplyPhoneModal from '../../forge/Component/ProfileModal/SupplyPhone';
 import SystemNotice from '../../forge/Component/NoticeModal/SystemNotice';
 import cookie from 'react-cookies';
 import NpsModal from '../modals/npsModal';
+import { IsPC } from 'educoder';
 
 export function TPMIndexHOC(WrappedComponent) {
 	return class II extends React.Component {
@@ -285,6 +286,8 @@ export function TPMIndexHOC(WrappedComponent) {
 				showCompeleteDialog:this.showCompeleteDialog,
 				showNpsModal: this.showNpsModal
 			};
+			let path =this.props.location.pathname;
+			let pathCheck = path.indexOf("/zone")>-1 && path.indexOf("/newdetail")>-1 && IsPC();
 			return (
 				<div className="indexHOC">
 					<SystemNotice 
@@ -307,7 +310,7 @@ export function TPMIndexHOC(WrappedComponent) {
 						{...this.state}
 					/> : ""}
 					{npsModalVisible && <NpsModal closeNpsModal={()=>{this.closeNpsModal()}} npsActionType={npsActionType} npsActionId={npsActionId}/>}
-					<Header {...this.state} {...this.props} {...common} publicNav={publicNav}></Header>
+					{ !pathCheck && <Header {...this.state} {...this.props} {...common} publicNav={publicNav}></Header> }
 					<Spin spinning={this.state.globalLoading} delay={0} className="globalSpin"
 						size="large" tip={this._gLoadingTip || "加载中..."}
 					>
@@ -321,7 +324,7 @@ export function TPMIndexHOC(WrappedComponent) {
 							}
 						</div>
 					</Spin>
-					<NewFooter {...this.state} {...this.props} />
+					{!pathCheck && <NewFooter {...this.state} {...this.props} /> }
 				</div>
 			);
 		}