From 37ad4809a96775985f7e8db7b90486376f3b9b62 Mon Sep 17 00:00:00 2001
From: chenshihai <chenshh@pcl.ac.cn>
Date: Tue, 29 Nov 2022 16:53:28 +0800
Subject: [PATCH] home page

---
 templates/custom/home/home_top.tmpl | 41 +++++++++++++++++++++----------------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/templates/custom/home/home_top.tmpl b/templates/custom/home/home_top.tmpl
index 2289446e1..f657af6c0 100644
--- a/templates/custom/home/home_top.tmpl
+++ b/templates/custom/home/home_top.tmpl
@@ -1,5 +1,5 @@
 <style>
-  @media (min-width: 100px) and (max-width: 800px) {
+  @media (min-width: 100px) and (max-width: 1199.99px) {
     #homenews {
       top: -1100px !important;
     }
@@ -746,7 +746,7 @@
     position: absolute;
     height: 1px;
     width: 100%;
-    left: 10%;
+    left: 0;
     bottom: -90px;    
     z-index: 3;
     opacity: 0.8;
@@ -1484,6 +1484,9 @@
     display: flex;
     justify-content: center;
     margin-bottom: 42px;
+    width: 200px;
+    margin-left: auto;
+    margin-right: auto;
   }
 
   ._hm-big-btn-c a {
@@ -1517,7 +1520,7 @@
     width: 160px;
     height: 40px;
     border-color: rgb(251, 251, 251);
-    border-width: 2px;
+    border-width: 1px;
     border-style: solid;
     color: rgb(255, 255, 255);
     border-radius: 2px;
@@ -1631,10 +1634,10 @@
   }
   #homenews {
     position: absolute;
-    left: 10%;
-    top: 240px;
+    left: 0;     
+    width: 420px;
+    top: -328px;
     z-index: 2;
-    width: 775px;
   }
   .homenews {
     background-color: transparent;
@@ -1719,17 +1722,19 @@
         <div class="_hm-person-star-27"></div>
         <div class="_hm-person-star-28"></div>
       </div>
-      <div class="_hm-bubble-c _hm-ani-bubble-c">
-        <div class="bubble _hm-bubble-1 _hm-bounce-in-up"></div>
-        <div class="bubble _hm-bubble-2 _hm-bounce-in-up"></div>
-        <div class="bubble _hm-bubble-3 _hm-bounce-in-up"></div>
-      </div>
-      <div id="homenews">
-        <p style="display:none;">* {{.page_only_dynamic}}</p>
-        <div class="ui grid">
-          <div class="sixteen wide mobile twelve wide tablet ten wide computer column homenews">
-            <div class="newslist">
-              <div class="ui mini aligned list swiper-wrapper" id="newmessage"></div>
+      <div class="ui container _hm-container" style="position:absolute;left:50%;bottom:0;height:0;transform:translate(-50%);z-index:11">
+        <div class="_hm-bubble-c _hm-ani-bubble-c">
+          <div class="bubble _hm-bubble-1 _hm-bounce-in-up"></div>
+          <div class="bubble _hm-bubble-2 _hm-bounce-in-up"></div>
+          <div class="bubble _hm-bubble-3 _hm-bounce-in-up"></div>
+        </div>
+        <div id="homenews">
+          <p style="display:none;">* {{.page_only_dynamic}}</p>
+          <div class="ui grid">
+            <div class="sixteen wide mobile twelve wide tablet wide computer column homenews">
+              <div class="newslist">
+                <div class="ui mini aligned list swiper-wrapper" id="newmessage"></div>
+              </div>
             </div>
           </div>
         </div>
@@ -1930,7 +1935,7 @@
     <div class="_hm-recommend-info-area _hm-recommend-info-area-3">
       <a href="javascript:;" class="_hm-link"></a>
     </div>
-    <div class="_hm-recommend-info-area _hm-recommend-info-area-4" style="margin-right:0">
+    <div class="_hm-recommend-info-area _hm-recommend-info-area-4">
       <a href="javascript:;" class="_hm-link"></a>
     </div>
   </div>