diff --git a/src/views/main_web/proj-item.vue b/src/views/main_web/proj-item.vue
index 07950314..add34642 100644
--- a/src/views/main_web/proj-item.vue
+++ b/src/views/main_web/proj-item.vue
@@ -5,54 +5,57 @@
                 <div v-show="isEmpty" class="nullproduct">
                     <img src="static\img\nopro.png" alt />
                     <span class="noprotext">暂无项目</span>
-                </div>                
-                <div class="prjitem"
-                v-for="projItem in projPageList"
-                :key="projItem.Id"
-                >
-                    <div class="prjitem_content" @mouseover="showSetIcon(projItem.Id)" @mouseout="hiddenSetIcon">
-                        <img 
-                        alt="" 
-                        class="prjitem_img"
-                        @click="goFilePage(projItem)"
-                        :src="projItem.ShowImgUrl | resolveImg"
-                        >
-                            <div class="yiyun_product_item_top">
-                            <div class="yiyun_product_itembarfr">
-                                <el-dropdown>
-                                <span class="el-dropdown-link" v-show="projItem.Id === focusProjId">
-                                    <span>
-                                    <i class="icon iconfont icon_small-icon_small_wenjianshezhi setIcon"></i>
+                </div>
+                <div class="prjitemList">
+                    <div class="prjitem"
+                    v-for="projItem in projPageList"
+                    :key="projItem.Id"
+                    >
+                        <div class="prjitem_content" @mouseover="showSetIcon(projItem.Id)" @mouseout="hiddenSetIcon">
+                            <img 
+                            alt="" 
+                            class="prjitem_img"
+                            @click="goFilePage(projItem)"
+                            :src="projItem.ShowImgUrl | resolveImg"
+                            >
+                                <div class="yiyun_product_item_top">
+                                <div class="yiyun_product_itembarfr">
+                                    <el-dropdown>
+                                    <span class="el-dropdown-link" v-show="projItem.Id === focusProjId">
+                                        <span>
+                                        <i class="icon iconfont icon_small-icon_small_wenjianshezhi setIcon"></i>
+                                        </span>
                                     </span>
-                                </span>
-                                <el-dropdown-menu slot="dropdown">
-                                    <el-dropdown-item @click.native="openPrjInfo(projItem)">
-                                    <span>项目概况</span>
-                                    </el-dropdown-item>
-                                    <el-dropdown-item
-                                    @click.native="addNewFolders(projItem)"
-                                    >
-                                    <span>工作指派</span>
-                                    </el-dropdown-item>
-                                </el-dropdown-menu>
-                                </el-dropdown>
-                            </div>
+                                    <el-dropdown-menu slot="dropdown">
+                                        <el-dropdown-item @click.native="openPrjInfo(projItem)">
+                                        <span>项目概况</span>
+                                        </el-dropdown-item>
+                                        <el-dropdown-item
+                                        @click.native="addNewFolders(projItem)"
+                                        >
+                                        <span>工作指派</span>
+                                        </el-dropdown-item>
+                                    </el-dropdown-menu>
+                                    </el-dropdown>
+                                </div>
+                                </div>
+                                <div class="clear"></div>
+                                <div class="newprj_icon" v-if="projItem.newProjStatus == 1">新项目</div>
+                                <div class="prjitem_title">{{ projItem.ProjName }}</div>
+                        </div>
+                        <div class="prjitem_select">
+                            <div class="btn_whole">
+                                <img src="/static/img/global.svg" alt="" srcset="">
+                                <p>观全局</p>
+                            </div><!--
+                        --><div class="btn_manage">
+                                <img src="/static/img/prjManage.svg" alt="" srcset="">
+                                <p>项目管理</p>
                             </div>
-                            <div class="clear"></div>
-                            <div class="newprj_icon" v-if="projItem.newProjStatus == 1">新项目</div>
-                            <div class="prjitem_title">{{ projItem.ProjName }}</div>
-                    </div>
-                    <div class="prjitem_select">
-                        <div class="btn_whole">
-                            <img src="/static/img/global.svg" alt="" srcset="">
-                            <p>观全局</p>
-                        </div><!--
-                    --><div class="btn_manage">
-                            <img src="/static/img/prjManage.svg" alt="" srcset="">
-                            <p>项目管理</p>
                         </div>
                     </div>
-                </div>
+                </div>                
+
             </div>
         </section>
 
@@ -131,24 +134,15 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-    // .yiyun_warpContent{
-    //     text-align: center;
-    //     text-align-last: left;
-    //     padding: 0px 20px;
-    // }
-    .yiyun-rows {
+    .prjitemList {
         width: 100%;
-        display: flex;
-        flex-flow:  wrap;
+        display: grid;
         justify-content: space-evenly;
-        box-sizing: border-box;
-        
-    }
-    .prjitem:last-child{
-            margin-right: calc(28% + 4%);
+        grid-template-columns: repeat(auto-fill, 400px);
     }
+
     .prjitem{
-        width: 28%;
+        width: 400px;
         display: inline-block;
         border-radius:16px ;
         margin: 30px 0px;
@@ -160,8 +154,9 @@ export default {
 		8px 0px 10px #E0E0E0,  /*右边阴影*/
         0px 10px 10px #E0E0E0; /*下边阴影*/ ;
       transform:scale(1.02);
-
-
+    }
+    .prjitem:last-child:nth-child(3n){
+        margin-right: calc( 28% + 4% );
     }
     .prjitem_content{
         position:relative;