diff --git a/custom/public/css/git.openi.css b/custom/public/css/git.openi.css
index 117727b9d..3a4eff8e4 100755
--- a/custom/public/css/git.openi.css
+++ b/custom/public/css/git.openi.css
@@ -174,7 +174,7 @@
 }
 .homeorg, .homepro, .homemodel, .i-env{ 
   position: relative;
-  padding-bottom: 5em;
+  padding-bottom: 3em;
 }
 .homenews::before{
   content: '';
@@ -315,6 +315,15 @@
 }
 
 @media only screen and (max-width: 767px) {
+  .mobile-margin-left-20 {
+    margin-left: 20px !important;
+  }
+  .mobile-text-align-center {
+    text-align: center !important;
+  }
+  .mobile-justify-content-center {
+    justify-content: center !important;
+  }
   .am-mt-30{ margin-top: 1.5rem !important;}
   .ui.secondary.hometop.segment{
     margin-bottom: 5.0rem;
@@ -339,7 +348,7 @@
     background: #FFF;
   }
   .homeorg{
-    padding-left: 3.5em;
+    /* padding-left: 3.5em; */
   }
   .homeorg-tit::after {
     left: -2.3em;
diff --git a/templates/base/footer_content.tmpl b/templates/base/footer_content.tmpl
index a017bf367..94940e7a9 100755
--- a/templates/base/footer_content.tmpl
+++ b/templates/base/footer_content.tmpl
@@ -1,7 +1,7 @@
 <footer style="border-top:none;">
 	<div class="ui container">
 		<div class="ui grid">
-			<div class="sixteen wide mobile wide tablet three wide computer column">
+			<div class="sixteen wide mobile wide tablet three wide computer column mobile-text-align-center">
 				<img style="width:166px;height:66px;margin-top:24px;" src="/img/logo-footer.svg" />
 			</div>
 			<div class="sixteen wide mobile wide tablet seven wide computer column" style="padding-left:20px;">
@@ -11,8 +11,7 @@
 						<a href="https://openi.org.cn/html/Club/2019/0227/14.html" class="item">{{.i18n.Tr "custom.foot.council"}}</a>
 						<a href="https://openi.org.cn/html/Club/2019/0227/14.html" class="item">{{.i18n.Tr "custom.foot.technical_committee"}}</a>
 						<a href="https://openi.org.cn/html/Club/2019/0228/17.html" class="item">{{.i18n.Tr "custom.foot.join"}}</a>
-						<a href="{{AppSubUrl}}/home/term/" class="item">{{.i18n.Tr "custom.foot.agreement"}}</a>
-						
+						<a href="{{AppSubUrl}}/home/term/" class="item">{{.i18n.Tr "custom.foot.agreement"}}</a>						
 					</div>
 					<div class="column ui vertical text menu">
 						<div class="header item">{{.i18n.Tr "custom.foot.news"}}</div>
@@ -64,8 +63,15 @@
 					</div>
 				</div>
 			</div>
-			<div class="sixteen wide mobile wide tablet six wide computer column" style=" margin:2.0rem 0;display:flex;justify-content:flex-end;">				
-				<div style="text-align:center;margin-left:40px;">
+			<style>
+				.contacts-qr-code-c {
+					margin:2.0rem 0;
+					display:flex !important;
+					justify-content:flex-end;
+				}
+			</style>
+			<div class="sixteen wide mobile wide tablet six wide computer column contacts-qr-code-c mobile-justify-content-center">
+				<div style="text-align:center;">
 					<div  style="width:80px;height:80px;display:inline-block;
 						background-image: url('https://openi.pcl.ac.cn/zeizei/OpenI_Learning/raw/branch/master/img/official_account_mini.png');
             background-repeat: no-repeat;
diff --git a/templates/custom/home/home_dataset.tmpl b/templates/custom/home/home_dataset.tmpl
index ea9618374..9fb1a04f0 100644
--- a/templates/custom/home/home_dataset.tmpl
+++ b/templates/custom/home/home_dataset.tmpl
@@ -71,7 +71,7 @@
 </style>
 <div class="ui container homedataset _hm-container">
   <div class="ui stackable grid">
-    <div class="sixteen wide tablet four wide computer column">
+    <div class="sixteen wide tablet four wide computer column mobile-text-align-center">
       <h2>{{.i18n.Tr "home.search_dataset"}}</h2>
       <p><span class="ui text grey">{{.i18n.Tr "home.datasets_descr"}}&nbsp;</span><a href="/explore/datasets">{{.i18n.Tr "home.search_dataset"}}</a></p>
     </div>
diff --git a/templates/custom/home/home_org.tmpl b/templates/custom/home/home_org.tmpl
index 5428cf4e3..14c976cb1 100644
--- a/templates/custom/home/home_org.tmpl
+++ b/templates/custom/home/home_org.tmpl
@@ -3,7 +3,7 @@
 </style>
 <div class="ui container homeorg _hm-container" style="max-width:1200px;">
   <div class="ui stackable grid"> 
-    <div class="sixteen wide tablet sixteen wide computer column" style="text-align:center;">
+    <div class="sixteen wide tablet sixteen wide computer column mobile-text-align-center" style="text-align:center;">
       <h2>{{.page_recommend_org}}</h2>
       <p><span class="ui text grey">{{.page_recommend_org_desc}}&nbsp;</span><a href="{{.RecommendURL}}">{{.page_recommend_org_commit}}</a>
       {{.i18n.Tr "home.org_see"}}
diff --git a/templates/custom/home/home_repo.tmpl b/templates/custom/home/home_repo.tmpl
index 48ab7f1a8..0a5e45f25 100644
--- a/templates/custom/home/home_repo.tmpl
+++ b/templates/custom/home/home_repo.tmpl
@@ -6,7 +6,7 @@
 <div class="homepro-bg">
   <div class="ui container homepro _hm-container" style="padding-top:4rem;padding-bottom:3rem;">
     <div class="ui stackable grid">
-      <div class="sixteen wide tablet four wide computer column">
+      <div class="sixteen wide tablet four wide computer column mobile-text-align-center">
         <h2>{{.page_recommend_repo}}</h2>
         <p><span class="ui text grey">{{.page_recommend_repo_desc}}&nbsp;</span><a href="{{.RecommendURL}}">{{.page_recommend_repo_commit}}</a>&nbsp;<span class="ui text grey">{{.page_recommend_repo_go}}</span>&nbsp;<a href="{{AppSubUrl}}/explore/">{{.page_recommend_repo_more}}</a></p>
       </div>
diff --git a/templates/custom/home/home_top.tmpl b/templates/custom/home/home_top.tmpl
index f657af6c0..3d5b58167 100644
--- a/templates/custom/home/home_top.tmpl
+++ b/templates/custom/home/home_top.tmpl
@@ -1902,7 +1902,7 @@
 </div>
 <div class="ui container _hm-container">
   <div class="_hm-recommend-info ">
-    <div class="_hm-recommend-info-area _hm-recommend-info-area-1" style="margin-left:0">
+    <div class="_hm-recommend-info-area _hm-recommend-info-area-1 mobile-margin-left-20" style="margin-left:0">
       <div>
         <a style="display:none;" class="_hm-notice" href="javascript:;">
           <i class="ri-arrow-right-s-line"></i>
diff --git a/templates/custom/home/home_user_experience.tmpl b/templates/custom/home/home_user_experience.tmpl
index bf7ca898e..edee8993d 100644
--- a/templates/custom/home/home_user_experience.tmpl
+++ b/templates/custom/home/home_user_experience.tmpl
@@ -115,7 +115,7 @@
 <div class="homeuserexp-bg">
   <div class="ui container homeuserexp _hm-container">
     <div class="ui stackable grid">
-      <div class="sixteen wide tablet four wide computer column">
+      <div class="sixteen wide tablet four wide computer column mobile-text-align-center">
         <h2>{{.i18n.Tr "home.experience_officer"}}</h2>
         <p><a href="https://openi.org.cn/index.php?m=content&c=index&a=lists&catid=220">{{.i18n.Tr "home.openi_experience_officer_plan"}}</a><span class="ui text grey">{{.i18n.Tr "home.more_benefits"}}</span></p>
       </div>