diff --git a/src/forge/Information/Component/contributor.jsx b/src/forge/Information/Component/contributor.jsx
index 1b7ab5952..7cf893014 100644
--- a/src/forge/Information/Component/contributor.jsx
+++ b/src/forge/Information/Component/contributor.jsx
@@ -15,7 +15,7 @@ const settings = {
 function Contributor(props) {
   const { personList } = props
   return(
-    <div className="boxmain zone_c_lists">
+    <div className="boxmain zone_c_lists pt40">
       {
         personList && personList.length > 0 ?
           <Slider {...settings}>
diff --git a/src/forge/Information/Pages/headerPage.jsx b/src/forge/Information/Pages/headerPage.jsx
index 2be268401..d079e0d07 100644
--- a/src/forge/Information/Pages/headerPage.jsx
+++ b/src/forge/Information/Pages/headerPage.jsx
@@ -7,6 +7,7 @@ import { Link } from 'react-router-dom';
 import shijian from '../img/shijian.png';
 import axios from 'axios';
 import Nodata from '../../Nodata';
+import Partner from '../Component/partner';
 
 function HeaderPage(props){
   const [ projectList , setProjectList ] = useState(undefined);
@@ -56,6 +57,7 @@ function HeaderPage(props){
     <div className="zone_box">
       {data && <p className="in_title">{data.firstTitle}</p> }
       {
+        // 专区简介
         data && (data.introductionTitle || data.introductionContent ||  data.introductionImage) &&
         <div className="boxmain zone_infos">
             <div className="zone_infos_desc">
@@ -69,9 +71,10 @@ function HeaderPage(props){
         </div>
       }
       {
-        newsList && newsList.length>0 &&
+        // 新闻动态
+        data && data.cmsShow && newsList && newsList.length>0 &&
         <div className="zone_news">
-          <p className="in_title mb40">新闻动态</p>
+          <p className="in_title mb40">{ data.homepageCmsTitle }</p>
           <div className="boxmain" style={{display:"flex"}}>
             <div className="zone_new_first">
               <img src={newsList[0].headImg || img1} alt="" height="302px" style={{width:"100%",objectFit:"cover"}} className="mb30"/>
@@ -107,69 +110,64 @@ function HeaderPage(props){
           </div>
         </div>
       }
-      <div className="zone_projects">
-        <p className="in_title mb40">精选项目</p>
-        {
-          projectList && projectList.length>0&&
-          <div className="boxmain zone_p_lists">
-            {
-              projectList.map((i,k)=>{
-                return(
+      {
+        // 精选项目
+        data && data.projectShow &&
+        <div className="zone_projects">
+          <p className="in_title mb40">{ data.homepageProjectTitle }</p>
+          {
+            projectList && projectList.length>0&&
+            <div className="boxmain zone_p_lists">
+              {
+                projectList.map((i,k)=>{
+                  return(
+                    <li>
+                      <div className="imgBox">{i.projectProperties && i.projectProperties.authorImageUrl && <img src={i.projectProperties.authorImageUrl} alt="" /> }</div>
+                      <div className="infosBox">
+                        <a  onClick={()=>window.open(i.projectURL)} className="z_p_title task-hide">{i.projectProperties && i.projectProperties.name}</a>
+                        <p className="z_p_desc task-hide-2">{i.projectProperties && i.projectProperties.description ? i.projectProperties.description : "暂无~"}</p>
+                      </div>
+                    </li>
+                  )
+                })
+              }
+            </div>
+          }
+        </div>
+      }
+      {
+        // 核心贡献者
+        data && data.memberShow &&
+        <div className="zone_contributor">
+          <p className="in_title">{ data.homepageMemberTitle }</p>
+          {
+            personList && personList.length > 0 &&
+            <ul className="boxmain zone_c_lists">
+              {
+                personList.map((i,k)=>{
+                  return(
                   <li>
-                    <div className="imgBox">{i.projectProperties && i.projectProperties.authorImageUrl && <img src={i.projectProperties.authorImageUrl} alt="" /> }</div>
-                    <div className="infosBox">
-                      <a  onClick={()=>window.open(i.projectURL)} className="z_p_title task-hide">{i.projectProperties && i.projectProperties.name}</a>
-                       <p className="z_p_desc task-hide-2">{i.projectProperties && i.projectProperties.description ? i.projectProperties.description : "暂无~"}</p>
-                    </div>
+                    <Link to={`/${i.login}`}><img src={i.imageUrl} alt="" /></Link>
+                    <span>{i.name}</span>
+                    <p className="task-hide-2" style={{display:i.introduction?"":"flex"}}>{i.introduction || "暂无~"}</p>
                   </li>
-                )
-              })
-            }
-          </div>
-        }
-      </div>
-      <div className="zone_contributor">
-        <p className="in_title">核心贡献者</p>
-        {
-          personList && personList.length > 0 &&
-          <ul className="boxmain zone_c_lists">
-            {
-              personList.map((i,k)=>{
-                return(
-                <li>
-                  <Link to={`/${i.login}`}><img src={i.imageUrl} alt="" /></Link>
-                  <span>{i.name}</span>
-                  <p className="task-hide-2" style={{display:i.introduction?"":"flex"}}>{i.introduction || "暂无~"}</p>
-                </li>
-                )
-              })
-            }
-          </ul>
-        }
-      </div>
+                  )
+                })
+              }
+            </ul>
+          }
+        </div>
+      }
+      
 
-      {/* <div className="zone_parter">
-        <p className="in_title">合作伙伴</p>
-        <ul className="boxmain zone_part_lists">
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-          <li>合作伙伴一</li>
-        </ul>
-      </div> */}
+      {
+        // 合作伙伴
+        data && data.partnersShow && 
+        <div className="zone_parter">
+          <p className="in_title">{ data.homepagePartnersTitle }</p>
+          <Partner id={ id }></Partner>
+        </div>
+      }
     </div>
   )
 }
diff --git a/src/forge/Information/Pages/headerPageZone1.jsx b/src/forge/Information/Pages/headerPageZone1.jsx
index 8aad1a487..04755b712 100644
--- a/src/forge/Information/Pages/headerPageZone1.jsx
+++ b/src/forge/Information/Pages/headerPageZone1.jsx
@@ -11,7 +11,7 @@ import intro1 from '../img/intro1.png';
 import intro2 from '../img/intro2.png';
 import intro3 from '../img/intro3.png';
 import intro4 from '../img/intro4.png';
-import guideArrow from '../img/guideArrow.png';
+import guideArrow from '../img/guideArrow1.png';
 import ra from '../img/ra.png'
 import { Link } from 'react-router-dom';
 import shijian from '../img/shijian.png';
@@ -98,6 +98,7 @@ function HeaderPage(props){
   return(
     <div className="zone1_box">
       {
+        // 专区简介
         data && (data.introductionTitle || data.introductionContent ||  data.introductionImage) &&
         <div className="boxmain zone_infos mb30">
             <div className="zone_infos_desc">
@@ -129,10 +130,11 @@ function HeaderPage(props){
         </div>
       </div>
       {
-        newsList && newsList.length>0 &&
+        // 新闻动态
+        data && data.cmsShow && newsList && newsList.length>0 &&
         <div className="zone_news">
           <div className="boxmain" style={{display:"flex"}}>
-            <p className="news_title">新闻动态</p>
+            <p className="news_title">{ data.homepageCmsTitle }</p>
             <div className="zone_new_first">
               <p className="task-hide">
                 <span className="item_index">1</span>
@@ -175,17 +177,23 @@ function HeaderPage(props){
           </div>
         </div>
       }
-
-      <div className="zone_projects pt50 pb30">
-        <p className="in_title mb40">精选项目</p>
-        <Projects projectList={projectList}></Projects>
-      </div>
-
-      <div className="zone_contributor">
-        <p className="in_title">核心贡献者</p>
-        <Contributor personList={personList}></Contributor>
-      </div>
-
+      {
+        // 精选项目
+        data && data.projectShow &&
+        <div className="zone_projects pt50 pb30">
+          <p className="in_title mb40">{ data.homepageProjectTitle }</p>
+          <Projects projectList={projectList}></Projects>
+        </div>
+      }
+      {
+        // 核心贡献者
+        data && data.memberShow &&
+        <div className="zone_contributor">
+          <p className="in_title">{ data.homepageMemberTitle }</p>
+          <Contributor personList={personList}></Contributor>
+        </div>
+      }
+      
       <div className="zone_community pt60 pb60">
         <p className="in_title mb20">参与社区</p>
         <p className="sub_title mb50"><img src={ra} alt="" className="mr5" />成为社区成员，尽情发挥您的创意</p>
@@ -252,11 +260,15 @@ function HeaderPage(props){
         <p className="in_title">集萃群智经验   交流心得体会</p>
         <button>立即加入</button>
       </div>
-
-      <div className="zone_parter">
-        <p className="in_title">合作伙伴</p>
-        <Partner id={ id }></Partner>
-      </div>
+      {
+        // 合作伙伴
+        data && data.partnersShow && 
+        <div className="zone_parter">
+          <p className="in_title">{ data.homepagePartnersTitle }</p>
+          <Partner id={ id }></Partner>
+        </div>
+      }
+      
     </div>
   )
 }
diff --git a/src/forge/Information/Pages/main.jsx b/src/forge/Information/Pages/main.jsx
index 841139d65..dc9a90b04 100644
--- a/src/forge/Information/Pages/main.jsx
+++ b/src/forge/Information/Pages/main.jsx
@@ -94,9 +94,11 @@ function Main(props){
               <div className="main_tag">
                 {
                   mainList.map((i,k)=>{
-                    return(
-                      <div className={`main_tag_item task-hide ${newCateId === i.id ? 'main_tag_selected' : ''}`} key={`${i.id}`} onClick={() => selectCate(i.id)} >{i.name}</div>
-                    )
+                    if (k <= 4) {
+                      return(
+                        <div className={`main_tag_item task-hide ${newCateId === i.id ? 'main_tag_selected' : ''}`} key={`${i.id}`} onClick={() => selectCate(i.id)} >{i.name}</div>
+                      )
+                    }
                   })
                 }
               </div>
diff --git a/src/forge/Information/Pages/zoneVIP.jsx b/src/forge/Information/Pages/zoneVIP.jsx
index 791289054..f50fcd463 100644
--- a/src/forge/Information/Pages/zoneVIP.jsx
+++ b/src/forge/Information/Pages/zoneVIP.jsx
@@ -5,6 +5,7 @@ import { Link } from 'react-router-dom';
 import { Spin } from 'antd';
 import { httpUrl } from '../fetch';
 import axios from 'axios';
+import { tempConfig } from '../tempInfo'
 import '../indexZone1.scss'
 
 
@@ -35,7 +36,7 @@ function ZoneVIP(props){
   return(
     <div className={`boxmain ${temp}_VIP_box`}>
       <p className="in_title">专区会员</p>
-      <p className="vip_sub_title">社区根据您的贡献与扮演角色将用户划分成为不同的人员团队，并构建会员成长体系。您有兴趣成为会员，尽情发挥创意与智慧，与专区共同成长吗？</p>
+      <p className="vip_sub_title">{ tempConfig[temp].vipDesc }</p>
       <Spin spinning={isSpin}>
         <div style={{minHeight:400}}>
         {
diff --git a/src/forge/Information/img/guideArrow1.png b/src/forge/Information/img/guideArrow1.png
new file mode 100644
index 000000000..18549a1c3
Binary files /dev/null and b/src/forge/Information/img/guideArrow1.png differ
diff --git a/src/forge/Information/index.scss b/src/forge/Information/index.scss
index ef25fa9ab..4e2f01a61 100644
--- a/src/forge/Information/index.scss
+++ b/src/forge/Information/index.scss
@@ -357,6 +357,7 @@
   width: 1200px;
   margin:0px auto;
   .main_tag {
+    margin: auto;
     height: 50px;
     width: fit-content;
     border-radius: 4px;
@@ -994,4 +995,52 @@
       }
     }
   }
+}
+.zone_parter{
+  background-color: #fff;
+  padding:70px 0px 90px;
+  #scrollBox1{
+    max-height: 332px;
+    overflow: hidden;
+    margin: 35px 0px 0px;
+    width: 100%;
+    .unitMainSlider{
+      width: 1200px;
+      margin:0px auto;
+      .slick-list{
+        height: 140px;
+        width: 100%;
+        overflow: hidden;
+        .slickMainline{
+          display: flex!important;
+          padding:10px 2px;
+          align-items: center;
+          justify-content: center;
+          a{
+            background: #FFFFFF;
+            box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.06);
+            border-radius: 4px;
+            border: 1px solid #FFFFFF;
+            margin-right: 20px;
+            padding:20px;
+            height: 120px;
+            width: 220px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            &:hover{
+              border: 1px solid #8FCEFF;
+            }
+            img{
+              max-width: 100%;
+              max-height: 100%;
+            }
+            &:last-child{
+              margin-right: 0px;
+            }
+          }
+        }
+      }
+    }
+  }
 }
\ No newline at end of file
diff --git a/src/forge/Information/indexZone1.scss b/src/forge/Information/indexZone1.scss
index 504ffe3b2..edd55584c 100644
--- a/src/forge/Information/indexZone1.scss
+++ b/src/forge/Information/indexZone1.scss
@@ -2,655 +2,611 @@
 
 
 .zone1_box{
-    padding-top:70px;
-    background-color:#f7f9fc;
-    .zone_infos{
+  padding-top:70px;
+  background-color:#f7f9fc;
+  .zone_infos{
+    display: flex;
+    align-items: center;
+    margin-top: 54px;
+    padding:27px 24px;
+    &>img{
+      border-radius: 4px;
+      object-fit: cover;
+    }
+    .zone_infos_desc{
+      padding:0px 34px 0px 10px;
+      flex: 1;
+      .z_name{
+        color:#1f2329;
+        font-size:26px;
+        height: 28px;
+        line-height: 28px;
+        margin-bottom: 28px!important;
+      }
+      .z_desc{
+        color:#3d485d;
+        font-size:14px;
+        line-height:32px;
+        word-break: break-all;
+        -webkit-line-clamp: 4;
+      }
+    }
+  }
+  .zone_vision {
+    background-color: #ffffff;
+      .boxmain {
+          display: flex;
+          justify-content: space-between;
+      }
+      .vision_item {
+          width: 244px;
+          display: flex;
+          align-items: center;
+          flex-direction: column;
+          .vision_icon {
+              height: 162px;
+              width: 162px;
+              background-image: url(./img/visionBack.png);
+              background-size: 100% 100%;
+              position: relative;
+              img {
+                width: 30%;
+                position: absolute;
+                left: 50%;
+                top: 50%;
+                transform: translate(-50%, -50%);
+              }
+          }
+          .vision_icon:hover {
+              background-image: url(./img/visionBackActive.png);
+          }
+          .vision_title {
+              font-weight:700;
+              color:#1f2329;
+              font-size:17px;
+              line-height:27px;
+              text-align:center;
+              margin-top: 39px;
+          }
+          .vision_content {
+              margin-top: 21px;
+              color:#4c5876;
+              font-size:14px;
+              line-height:27px;
+              text-align:center;
+          }
+      }
+  }
+  .zone_news{
+    height: 29vw;
+    min-height: 475px;
+    background-color: #273144;
+    background-image: url(./img/newsBg.png);
+    background-repeat: no-repeat;
+    background-size: contain;
+    .boxmain {
+      width: 1200px;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-evenly;
+    }
+    .news_title {
+      height: 44px;
+      font-weight: 500;
+      color: #ffffff;
+      font-size: 32px;
+      transform: translate(40%, 0);
+    }
+    .new_first_title {
+      height: 25px;
+      color: #ffffff;
+      font-size: 18px;
+    }
+    .new_first_desc {
+      opacity: 80%;
+      height: 20px;
+      color: #ffffff;
+      font-size: 14px;
+      line-height: 27px;
+    }
+    .zone_n_title{
+      color:#1f2329;
+      font-size:17px;
+      height: 24px;
+      line-height: 24px;
+    }
+    .zone_n_desc{
+      color:#4c5876;
+      font-size:14px;
+      line-height:27px;
+      word-break: break-all;
+    }
+    .zone_n_value{
       display: flex;
       align-items: center;
-      margin-top: 54px;
-      padding:27px 24px;
-      &>img{
+      justify-content: space-between;
+      height: 20px;
+      line-height: 20px;
+    }
+    .zone_btn{
+      padding-right: 20px;
+      position: relative;
+      height: 20px;
+      line-height: 20px;
+      color: #07a583;
+      transition: 0.1s;
+      img{
+        position: absolute;
+        left: 62px;
+        top:5px;
+        transition: 0.1s;
+      }
+    }
+    .item_index {
+      display: inline-block;
+      width:26px;
+      height:26px;
+      margin-right: 12px;
+      border:1px solid;
+      border-color:#07a583;
+      border-radius:3px;
+      text-align: center;
+      line-height: 26px;
+      color: #07a583;
+      font-size: 14px;
+    }
+    .zone_new_first{
+      margin-left: 40%;
+      border-radius: 4px;
+      width: 682px;
+      padding-right: 30px;
+      .item_index {
+        font-weight:700;
+        color:#ffffff;
+        background-color:#07a583;
+      }
+    }
+    .zone_new_three{
+      width: 1200px;
+      display: flex;
+      justify-content: space-between;
+      margin: 0 auto;
+      li{
+        background-color: #fff;
+        width: 354px;
+        height: 196px;
+        padding:28px 22px;
         border-radius: 4px;
-        object-fit: cover;
-      }
-      .zone_infos_desc{
-        padding:0px 34px 0px 10px;
-        flex: 1;
-        .z_name{
-          color:#1f2329;
-          font-size:26px;
-          height: 28px;
-          line-height: 28px;
-          margin-bottom: 28px!important;
-        }
-        .z_desc{
-          color:#3d485d;
-          font-size:14px;
-          line-height:32px;
-          word-break: break-all;
-          -webkit-line-clamp: 4;
-        }
-      }
-    }
-    .zone_vision {
-      background-color: #ffffff;
-        .boxmain {
-            display: flex;
-            justify-content: space-between;
-        }
-        .vision_item {
-            width: 244px;
-            display: flex;
-            align-items: center;
-            flex-direction: column;
-            .vision_icon {
-                height: 162px;
-                width: 162px;
-                background-image: url(./img/visionBack.png);
-                background-size: 100% 100%;
-                position: relative;
-                img {
-                  width: 30%;
-                  position: absolute;
-                  left: 50%;
-                  top: 50%;
-                  transform: translate(-50%, -50%);
-                }
-            }
-            .vision_icon:hover {
-                background-image: url(./img/visionBackActive.png);
-            }
-            .vision_title {
-                font-weight:700;
-                color:#1f2329;
-                font-size:17px;
-                line-height:27px;
-                text-align:center;
-                margin-top: 39px;
-            }
-            .vision_content {
-                margin-top: 21px;
-                color:#4c5876;
-                font-size:14px;
-                line-height:27px;
-                text-align:center;
-            }
-        }
-    }
-    .zone_news{
-      height: 29vw;
-      min-height: 475px;
-      background-color: #273144;
-      background-image: url(./img/newsBg.png);
-      background-repeat: no-repeat;
-      background-size: contain;
-      .boxmain {
-        width: 1200px;
-        height: 100%;
         display: flex;
         flex-direction: column;
-        justify-content: space-evenly;
+        justify-content: space-between;
+        transition: 0.1s;
       }
-      .news_title {
-        height: 44px;
-        font-weight: 500;
-        color: #ffffff;
-        font-size: 32px;
-        transform: translate(40%, 0);
+      .new_item {
+          cursor: pointer;
       }
-      .new_first_title {
-        height: 25px;
-        color: #ffffff;
-        font-size: 18px;
+      .new_item:hover {
+          transform: translate(0, -10px);
+          img{
+              left: 73px;
+          }
+          .zone_btn {
+              transform: translate(-5px, 0);
+          }
+          .zone_n_title {
+              color: #07a583;
+          }
       }
-      .new_first_desc {
-        opacity: 80%;
-        height: 20px;
-        color: #ffffff;
-        font-size: 14px;
-        line-height: 27px;
+    }
+  }
+  .zone_projects{
+    background-image:linear-gradient(180deg,#f1f4fa 0%,#ffffff 100%);
+    .right_arraw {
+      width: 48px;
+      height: 48px;
+      right: 0;
+    }
+    .left_arraw {
+      width: 48px;
+      height: 48px;
+      left: 0;
+    }
+    .slick-track {
+      display: flex;
+      align-items: center;
+      height: 435px;
+      .slick-slide {
+        height: auto;
+        opacity: 0;
       }
-      .zone_n_title{
-        color:#1f2329;
-        font-size:17px;
-        height: 24px;
-        line-height: 24px;
+      .slick-active {
+        opacity: 1;
       }
-      .zone_n_desc{
+    }
+    .container {
+
+    }
+    .slick-current {
+      z-index: 100;
+    }
+    .slick-current .zone_p_item {
+      width:364px;
+      height:395px;
+      background:#fefefe;
+    }
+    .zone_p_item {
+      cursor: pointer;
+      width: 364px;
+      height: 320px;
+      border-radius:16px;
+      padding: 42px;
+      box-shadow:0px 0px 20px rgba(35, 54, 185, 0.06);
+      background: url(./img/projectBg.png) no-repeat;
+      background-size: 100% 100%;
+      border-color:#ffffff;
+      transition: 0.3s;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      .info_img {
+        width:74px;
+        height: 74px;
+        border-radius: 50%;
+      }
+      .z_p_title {
+        height: 22px;
+        font-weight: 700;
+        color: #1f2329;
+        font-size: 16px;
+        text-align: center;
+        margin-top: 20px;
+      }
+      .z_p_desc{
+        margin-top: 18px;
         color:#4c5876;
         font-size:14px;
-        line-height:27px;
+        line-height:22px;
         word-break: break-all;
-      }
-      .zone_n_value{
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        height: 20px;
-        line-height: 20px;
-      }
-      .zone_btn{
-        padding-right: 20px;
-        position: relative;
-        height: 20px;
-        line-height: 20px;
-        color: #07a583;
-        transition: 0.1s;
-        img{
-          position: absolute;
-          left: 62px;
-          top:5px;
-          transition: 0.1s;
-        }
-      }
-      .item_index {
-        display: inline-block;
-        width:26px;
-        height:26px;
-        margin-right: 12px;
-        border:1px solid;
-        border-color:#07a583;
-        border-radius:3px;
-        text-align: center;
-        line-height: 26px;
-        color: #07a583;
-        font-size: 14px;
-      }
-      .zone_new_first{
-        margin-left: 40%;
-        border-radius: 4px;
-        width: 682px;
-        padding-right: 30px;
-        .item_index {
-          font-weight:700;
-          color:#ffffff;
-          background-color:#07a583;
-        }
-      }
-      .zone_new_three{
-        width: 1200px;
-        display: flex;
-        justify-content: space-between;
-        margin: 0 auto;
-        li{
-          background-color: #fff;
-          width: 354px;
-          height: 196px;
-          padding:28px 22px;
-          border-radius: 4px;
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-          transition: 0.1s;
-        }
-        .new_item {
-            cursor: pointer;
-        }
-        .new_item:hover {
-            transform: translate(0, -10px);
-            img{
-                left: 73px;
-            }
-            .zone_btn {
-                transform: translate(-5px, 0);
-            }
-            .zone_n_title {
-                color: #07a583;
-            }
-        }
+        -webkit-line-clamp: 5
       }
     }
-    .zone_projects{
-      background-image:linear-gradient(180deg,#f1f4fa 0%,#ffffff 100%);
-      .right_arraw {
-        width: 48px;
-        height: 48px;
-        right: 0;
-      }
-      .left_arraw {
-        width: 48px;
-        height: 48px;
-        left: 0;
+    .zone_p_item:hover {
+      .z_p_title {
+        color: #07a583;
       }
+    }
+  }
+  .zone_contributor{
+    min-height: 466px;
+    background-color: #F7F9FC;
+    padding:44px 0px 30px;
+    .container {
+      height: 220px;
+    }
+    .zone_c_lists{
       .slick-track {
         display: flex;
-        align-items: center;
-        height: 435px;
-        .slick-slide {
-          height: auto;
-          opacity: 0;
-        }
-        .slick-active {
-          opacity: 1;
-        }
       }
-      .container {
-
-      }
-      .slick-current {
-        z-index: 100;
-      }
-      .slick-current .zone_p_item {
-        width:364px;
-        height:395px;
-        background:#fefefe;
-      }
-      .zone_p_item {
-        cursor: pointer;
-        width: 364px;
-        height: 320px;
-        border-radius:16px;
-        padding: 42px;
-        box-shadow:0px 0px 20px rgba(35, 54, 185, 0.06);
-        background: url(./img/projectBg.png) no-repeat;
+      .c_item {
+        margin-top: 40px;
+        margin-left: 10px;
+        width: 380px;
+        height: 165px;
+        background-image: url(./img/cbg.png);
         background-size: 100% 100%;
+        position: relative;
+        background-color:#f6f7fa;
+        border:2px solid;
         border-color:#ffffff;
-        transition: 0.3s;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        .info_img {
-          width:74px;
-          height: 74px;
+        border-radius:4px;
+        box-shadow:0px 0px 10px rgba(7, 70, 165, 0.11);
+        padding: 30px 35px;
+        img {
+          position: absolute;
+          width:80px;
+          height:80px;
           border-radius: 50%;
+          border: solid 2px #ffffff;
+          right: 27px;
+          top: -40px;
+          object-fit: cover;
         }
-        .z_p_title {
-          height: 22px;
-          font-weight: 700;
-          color: #1f2329;
+        .c_name {
+          color: #000000;
           font-size: 16px;
           text-align: center;
-          margin-top: 20px;
         }
-        .z_p_desc{
-          margin-top: 18px;
-          color:#4c5876;
-          font-size:14px;
-          line-height:22px;
-          word-break: break-all;
-          -webkit-line-clamp: 5
+        .c_desc {
+          color: #4c5876;
+          font-size: 15px;
+          line-height: 26px;
         }
       }
+      .c_item:hover {
+        box-shadow:0px 0px 35px rgba(7, 70, 165, 0.11);
+      }
     }
-    .zone_contributor{
-      min-height: 466px;
-      background-color: #F7F9FC;
-      padding:44px 0px 30px;
-      .container {
-        height: 220px;
-      }
-      .zone_c_lists{
-        .slick-track {
-          display: flex;
-        }
-        .c_item {
-          margin-top: 40px;
-          margin-left: 10px;
-          width: 380px;
-          height: 165px;
-          background-image: url(./img/cbg.png);
-          background-size: 100% 100%;
-          position: relative;
-          background-color:#f6f7fa;
-          border:2px solid;
-          border-color:#ffffff;
-          border-radius:4px;
-          box-shadow:0px 0px 10px rgba(7, 70, 165, 0.11);
-          padding: 30px 35px;
-          img {
-            position: absolute;
-            width:80px;
-            height:80px;
-            border-radius: 50%;
-            border: solid 2px #ffffff;
-            right: 27px;
-            top: -40px;
-            object-fit: cover;
-          }
-          .c_name {
-            color: #000000;
-            font-size: 16px;
-            text-align: center;
-          }
-          .c_desc {
-            color: #4c5876;
-            font-size: 15px;
-            line-height: 26px;
-          }
-        }
-        .c_item:hover {
-          box-shadow:0px 0px 35px rgba(7, 70, 165, 0.11);
-        }
+  }
+  .zone_community {
+    background-color:#ebeff5;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .sub_title {
+      font-size: 17px;
+      line-height: 27px;
+      img {
+        width:32.93px;
+        height:9.15px;
       }
     }
-    .zone_community {
-      background-color:#ebeff5;
+    .c_role {
       display: flex;
-      flex-direction: column;
-      align-items: center;
-      .sub_title {
-        font-size: 17px;
-        line-height: 27px;
-        img {
-          width:32.93px;
-          height:9.15px;
+      justify-content: space-between;
+      z-index: 10;
+      .c_role_item {
+        width: 260px;
+        height: 213px;
+        background-image: url(./img/cbg2.png);
+        background-size: 100% 100%;
+        position: relative;
+        padding: 30px 23px;
+        .role_level {
+          font-weight: 700;
+          font-size: 18px;
+          line-height: 27px;
         }
-      }
-      .c_role {
-        display: flex;
-        justify-content: space-between;
-        z-index: 10;
-        .c_role_item {
-          width: 260px;
-          height: 213px;
-          background-image: url(./img/cbg2.png);
-          background-size: 100% 100%;
-          position: relative;
-          padding: 30px 23px;
-          .role_level {
-            font-weight: 700;
-            font-size: 18px;
-            line-height: 27px;
-          }
-          .role_todo {
-            color: #3d485d;
-            font-size: 15px;
-            line-height: 27px;
-            margin-top: 10px;
-          }
-          .dot {
-            width:14px;
-            height:14px;
-            border-radius: 50%;
-            background-color:#07a583;
-            position: absolute;
-            left: 6px;
-            bottom: 7px;
-          }
-        }
-      }
-      .dot_line {
-        height: 0px;
-        width: 1200px;
-        border-bottom: dashed 1px #8d95ac;
-        transform: translate(0, -14px);
-      }
-    }
-    .zone_grow {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      background: url('./img/growBg.png') no-repeat;
-      background-size: 100% 100%;
-      .grow_path {
-        height: 158px;
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        .grow_path_item {
-          z-index: 10;
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          align-items: center;
-          .grow_path_type {
-            width: 82px;
-            height: 28px;
-            border: 1px solid;
-            border-color: #07a583;
-            border-radius: 2px;
-            color: #07a583;
-            font-size: 15px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-top: 10px;
-            div {
-              width: 3px;
-              height: 13px;
-              background-color: #07a583;
-              margin-right: 3px;
-            }
-          }
-          .grow_path_plan {
-            color: #4c5876;
-            font-size: 15px;
-            text-align: center;
-            margin: 5px 0;
-          }
-        }
-        .grow_path_item:nth-child(even) {
-          align-self: self-end;
-        }
-        .grow_path_item:nth-child(odd) {
-          align-self: self-start;
+        .role_todo {
+          color: #3d485d;
+          font-size: 15px;
+          line-height: 27px;
+          margin-top: 10px;
         }
         .dot {
-          width:12px;
-          height:12px;
-          background-color:#ffffff;
-          border:1px solid;
-          border-color:#07a583;
+          width:14px;
+          height:14px;
           border-radius: 50%;
-        }
-      }
-      .line {
-        height: 0px;
-        width: 1200px;
-        border-bottom: solid 1px #07a583;
-        transform: translate(0, -80px);
-      }
-      .grow_introduction {
-        display: flex;
-        justify-content: space-between;
-        .intro_item {
-          width: 275px;
-          height: 250px;
-          background-color: #ffffff;
-          border-radius: 6px;
-          box-shadow: 0px 0px 12px rgba(29, 72, 129, 0.08);
-          padding: 22px 17px;
-          transition: 0.1s;
-          .intro_title {
-            font-weight: 700;
-            color: #3d485d;
-            font-size: 16px;
-            img {
-              width: 36px;
-              height: 36px;
-              margin-right: 10px;
-            }
-          }
-          .intro_desc {
-            color: #4c5876;
-            font-size: 15px;
-            margin-top: 6px;
-          }
-        }
-        .intro_item:hover {
-          transform: translate(0, -20px);
+          background-color:#07a583;
+          position: absolute;
+          left: 6px;
+          bottom: 7px;
         }
       }
     }
-    .zone_communicate {
-      height: 160px;
-      background: url('./img/communicateBg.png') no-repeat;
-      background-size: 100% 100%;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: space-evenly;
-      p {
-        font-weight: 500;
-        font-size: 22px;
-        color: #ffffff;
-      }
-      button {
-        width: 140px;
-        height: 40px;
-        color: #ffffff;
-        background-color: #07a583;
-        border-radius: 2px;
-        font-size: 16px;
-        cursor: pointer;
-        border: none;
-      }
-    }
-    .zone_parter{
-      background-color: #fff;
-      padding:70px 0px 90px;
-      #scrollBox1{
-        max-height: 332px;
-        overflow: hidden;
-        margin: 35px 0px 0px;
-        width: 100%;
-        .unitMainSlider{
-          width: 1200px;
-          margin:0px auto;
-          .slick-list{
-            height: 140px;
-            width: 100%;
-            overflow: hidden;
-            .slickMainline{
-              display: flex!important;
-              padding:10px 2px;
-              align-items: center;
-              justify-content: center;
-              a{
-                background: #FFFFFF;
-                box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.06);
-                border-radius: 4px;
-                border: 1px solid #FFFFFF;
-                margin-right: 20px;
-                padding:20px;
-                height: 120px;
-                width: 220px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                &:hover{
-                  border: 1px solid #8FCEFF;
-                }
-                img{
-                  max-width: 100%;
-                  max-height: 100%;
-                }
-                &:last-child{
-                  margin-right: 0px;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-}
-  .zone1_VIP_box{
-    padding:50px 0px;
-    .vip_sub_title{
-      color:#1f2329;
-      font-size:15px;
-      line-height:27px;
-      text-align:center;
-      max-width: 1000px;
-      word-break: break-all;
-      margin:16px auto 0px;
-    }
-    .vip_list{
+    .dot_line {
+      height: 0px;
       width: 1200px;
-      background-image: url('./img/vipListBg.png'), linear-gradient(180deg,#009f7d 0%,#0f6754 100%);
-      background-repeat: no-repeat;
-      background-size: contain;
-      border-radius: 10px;
-      .vip_list_card{
-        padding:0px 40px 10px;
-        .card_title{
-          width: 443px;
-          height: 49px;
-          background: url('./img/vipTitleBg.png') no-repeat;
-          background-size: 100% 100%;
+      border-bottom: dashed 1px #8d95ac;
+      transform: translate(0, -14px);
+    }
+  }
+  .zone_grow {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background: url('./img/growBg.png') no-repeat;
+    background-size: 100% 100%;
+    .grow_path {
+      height: 158px;
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      .grow_path_item {
+        z-index: 10;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        .grow_path_type {
+          width: 82px;
+          height: 28px;
+          border: 1px solid;
+          border-color: #07a583;
+          border-radius: 2px;
+          color: #07a583;
+          font-size: 15px;
           display: flex;
           align-items: center;
           justify-content: center;
-          margin: 0 auto;
-          margin-top: 38px;
-          font-size: 20px;
-          font-weight: 700;
+          margin-top: 10px;
           div {
-            div:nth-child(1) {
-              text-shadow: 0 1px 0 #fed5a6;
-              color: #ffffff;
-            }
-            div:nth-child(2) {
-              position: absolute;
-              z-index: 10;
-              background-image: -webkit-linear-gradient(0deg,#fffcf9 0%,#ffffff 51.47%,#fed5a6 100%);
-              -webkit-background-clip: text;
-              -webkit-text-fill-color: transparent;
-              text-shadow: none;
-            }
+            width: 3px;
+            height: 13px;
+            background-color: #07a583;
+            margin-right: 3px;
           }
         }
-        .card_desc{
-          color:#ffffff;
-          font-size:15px;
-          line-height:32px;
-          word-break: break-all;
-          margin-top: 32px;
+        .grow_path_plan {
+          color: #4c5876;
+          font-size: 15px;
+          text-align: center;
+          margin: 5px 0;
         }
-        .card_ul{
-          margin: 25px 25px 25px 0;
-          padding-bottom: 10px;
-          background-image: linear-gradient(180deg,#f7f9fc 0%,#ffffff 100%);
-          border-radius: 12px;
-          .card_u_li{
-            &:last-child .card_u_wrap{
-              border-bottom: none;
+      }
+      .grow_path_item:nth-child(even) {
+        align-self: self-end;
+      }
+      .grow_path_item:nth-child(odd) {
+        align-self: self-start;
+      }
+      .dot {
+        width:12px;
+        height:12px;
+        background-color:#ffffff;
+        border:1px solid;
+        border-color:#07a583;
+        border-radius: 50%;
+      }
+    }
+    .line {
+      height: 0px;
+      width: 1200px;
+      border-bottom: solid 1px #07a583;
+      transform: translate(0, -80px);
+    }
+    .grow_introduction {
+      display: flex;
+      justify-content: space-between;
+      .intro_item {
+        width: 275px;
+        height: 250px;
+        background-color: #ffffff;
+        border-radius: 6px;
+        box-shadow: 0px 0px 12px rgba(29, 72, 129, 0.08);
+        padding: 22px 17px;
+        transition: 0.1s;
+        .intro_title {
+          font-weight: 700;
+          color: #3d485d;
+          font-size: 16px;
+          img {
+            width: 36px;
+            height: 36px;
+            margin-right: 10px;
+          }
+        }
+        .intro_desc {
+          color: #4c5876;
+          font-size: 15px;
+          margin-top: 6px;
+        }
+      }
+      .intro_item:hover {
+        transform: translate(0, -20px);
+      }
+    }
+  }
+  .zone_communicate {
+    height: 160px;
+    background: url('./img/communicateBg.png') no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-evenly;
+    p {
+      font-weight: 500;
+      font-size: 22px;
+      color: #ffffff;
+    }
+    button {
+      width: 140px;
+      height: 40px;
+      color: #ffffff;
+      background-color: #07a583;
+      border-radius: 2px;
+      font-size: 16px;
+      cursor: pointer;
+      border: none;
+    }
+  }
+}
+.zone1_VIP_box{
+  padding:50px 0px;
+  .vip_sub_title{
+    margin-top: 25px;
+    color: #1f2329;
+    font-size: 17px;
+    line-height: 27px;
+    text-align: center;
+  }
+  .vip_list{
+    margin-top: 50px;
+    padding-top: 1px;
+    width: 1200px;
+    background-image: url('./img/vipListBg.png'), linear-gradient(180deg,#009f7d 0%,#0f6754 100%);
+    background-repeat: no-repeat;
+    background-size: contain;
+    border-radius: 10px;
+    .vip_list_card{
+      padding:0px 40px 10px;
+      .card_title{
+        width: 443px;
+        height: 49px;
+        background: url('./img/vipTitleBg.png') no-repeat;
+        background-size: 100% 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0 auto;
+        margin-top: 38px;
+        font-size: 20px;
+        font-weight: 500;
+        div {
+          div:nth-child(1) {
+            position: absolute;
+            z-index: 10;
+            background-image: -webkit-linear-gradient(0deg,#fffcf9 0%,#ffffff 51.47%,#fed5a6 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            text-shadow: none;
+          }
+          div:not(:nth-child(1)) {
+            text-shadow: 0 1px 0 #fed5a6;
+            color: #ffffff;
+          }
+        }
+      }
+      .card_desc{
+        color:#ffffff;
+        font-size:15px;
+        line-height:32px;
+        word-break: break-all;
+        margin-top: 32px;
+      }
+      .card_ul{
+        margin: 25px 25px 25px 0;
+        padding-bottom: 10px;
+        background-image: linear-gradient(180deg,#f7f9fc 0%,#ffffff 100%);
+        border-radius: 12px;
+        .card_u_li{
+          &:last-child .card_u_wrap{
+            border-bottom: none;
+          }
+          .card_u_wrap {
+            display: flex;
+            padding:30px 40px;
+            border-bottom: 1px dashed rgba(141, 149, 172,0.27);
+            align-items: center;
+            object-fit: cover;
+            & > a >img{
+              width: 80px;
+              height: 80px;
+              border-radius: 50%;
+              margin-right: 24px;
             }
-            .card_u_wrap {
-              display: flex;
-              padding:30px 40px;
-              border-bottom: 1px dashed rgba(141, 149, 172,0.27);
-              align-items: center;
-              object-fit: cover;
-              & > a >img{
-                width: 80px;
-                height: 80px;
-                border-radius: 50%;
-                margin-right: 24px;
+            .card_u_info{
+              .card_u_down{
+                color:#4c5876;
+                font-size:15px;
+                line-height:26px;
+                word-break: break-all;
+                margin-top: 15px;
               }
-              .card_u_info{
-                .card_u_down{
-                  color:#4c5876;
-                  font-size:15px;
-                  line-height:26px;
-                  word-break: break-all;
-                  margin-top: 15px;
+              .card_u_up{
+                display: flex;
+                align-items: center;
+                .card_name{
+                  font-weight:700;
+                  color:#1f2329;
+                  font-size:16px;
+                  display: block;
+                  max-width: 700px;
+                  height:26px;
+                  line-height: 26px;
                 }
-                .card_u_up{
-                  display: flex;
-                  align-items: center;
-                  .card_name{
-                    font-weight:700;
-                    color:#1f2329;
-                    font-size:16px;
-                    display: block;
-                    max-width: 700px;
-                    height:26px;
-                    line-height: 26px;
-                  }
-                  .card_tag{
-                    color: #07a583;
-                    border: 1px solid;
-                    border-color: #07a583;
-                    border-radius: 2px;
-                    display: inline-block;
-                    min-width: 76px;
-                    text-align: center;
-                    line-height: 26px;
-                    font-size:15px;
-                    margin-left: 15px;
-                  }
+                .card_tag{
+                  color: #07a583;
+                  border: 1px solid;
+                  border-color: #07a583;
+                  border-radius: 2px;
+                  display: inline-block;
+                  min-width: 76px;
+                  text-align: center;
+                  line-height: 26px;
+                  font-size:15px;
+                  margin-left: 15px;
                 }
               }
             }
@@ -658,4 +614,5 @@
         }
       }
     }
-  }
\ No newline at end of file
+  }
+}
\ No newline at end of file
diff --git a/src/forge/Information/tempInfo.js b/src/forge/Information/tempInfo.js
index 38b434b4d..3ae2fe698 100644
--- a/src/forge/Information/tempInfo.js
+++ b/src/forge/Information/tempInfo.js
@@ -2,12 +2,14 @@ export const tempConfig = {
     zone: {
         mainTitle: '领域资讯',
         hotTitle: '热门资讯',
-        member: '专区会员'
+        member: '专区会员',
+        vipDesc: '社区根据您的贡献与扮演角色将用户划分成为不同的人员团队，并构建会员成长体系。您有兴趣成为会员，尽情发挥创意与智慧，与专区共同成长吗？',
     },
     zone1: {
         mainTitle: '新闻资讯',
         hotTitle: '热门新闻资讯',
-        member: '荣誉榜单'
+        member: '荣誉榜单',
+        vipDesc: '荣誉榜单记录用户在开源芯片社区的社区角与成长进度，欢迎广大用户参与到开源芯片项目，与社区共同成长！',
     }
 }