启用全局状态共享

修复404，error图片问题， 启用全局状态共享

.env

@@ -1,2 +1,2 @@
-PORT=3001
+PORT=3002
 

404.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="errorBox">
+    <img src="@/public/error/404.png" alt="遇到了网络错误！">
+    <div @click="goHome" class="goHome">
+      返回网站首页
+    </div>
+  </div>
+</template>
+
+<script setup>
+//import { ElButton } from 'element-plus'
+
+const router = useRouter()
+//跳转回到首页
+const goHome = () => {
+  router.push('/')
+}
+</script>
+
+<style lang="less" scoped>
+  @import '@/assets/css/error.less';
+</style>

README.md

@@ -1,3 +1,3 @@
-# zizhujianzhan_web
+# nongminwang
 
-自助建站nuxt前端代码
+七大行星站之农民网

app.vue

@@ -1,13 +1,14 @@
 <template>
-  <div class="sannong">
-    <NuxtLayout>
-      <NuxtPage></NuxtPage>
-    </NuxtLayout>
-  </div>
+  <NuxtLoadingIndicator color="#49A769"/>
+  <NuxtLayout>
+    <NuxtPage></NuxtPage>
+  </NuxtLayout>
 </template>
 
 <script setup>
 
 </script>
 
-<style></style>
+<style lang="less" scoped>
+
+</style>

app/router.options.js

@@ -0,0 +1,43 @@
+// app/router.options.js
+export default {
+  routes: async (routes) => {
+
+    //动态路由不能写到此处，这里的路由会在页面加载完毕后才加载
+    // //路由地址
+    // let routeUrl = 'http://apipre1.bjzxtw.org.cn:29501/web/getWebsiteParentCategory'
+    // const responseRoute = await fetch(routeUrl, {
+    //     headers: {
+    //         'Content-Type': 'application/json',
+    //         'Userurl': 'http://apipre1.bjzxtw.org.cn:29501',
+    //         'Origin': 'http://apipre1.bjzxtw.org.cn:29501'
+    //     }
+    // });
+    // //获得原始的路由数据
+    // const getRouteData = await responseRoute.json();
+    // const routeData = [];
+   
+    // for(let index in getRouteData.data.parent){
+    //   if(getRouteData.data.parent[index].path!=undefined){
+    //     let data = {
+    //       path: getRouteData.data.parent[index].path,
+    //       component: () => import('~/pages/primaryNavigation/[id].vue'),
+    //       meta: { 
+    //         isAlias: true, 
+    //         routeId: getRouteData.data.parent[index].cid, 
+    //         routeName: getRouteData.data.parent[index].name,
+    //         path: getRouteData.data.parent[index].path
+    //       }
+    //     }
+    //     routeData.push(data)
+    //   }
+    // }
+
+    //console.log(routeData)
+
+    return [
+      ...routes,
+      //...routeData,
+    ]
+    
+  }
+}

assets/css/about.less

@@ -62,7 +62,6 @@
 // 资讯列表
 .newsDetail {
     width: 100%;
-    min-height: 600px;
     // height: 1400px;
     // margin-bottom: 70px;
 
@@ -75,11 +74,11 @@
             width: 1080px;
             margin: 0 auto;
             margin-bottom: 60px;
+            min-height: 600px;
 
             .headImg {
                 width: 1086px;
                 height: 10px;
-                // background: url("../../public/special/head11.png") no-repeat 100% 100%;
                 background: url("@/public/special/head11.png") no-repeat 100% 100%;
             }
 
@@ -113,17 +112,17 @@
             top: 3px;
             left: -155px;
 
-            // .rightMenuTitle {
-            //     width: 279px;
-            //     height: 69px;
-            //     font-size: 22px;
-            //     font-weight: bold;
-            //     line-height: 58px;
-            //     text-align: center;
-            //     color: #fff;
-            //     background: url("../../../../public/special/projectMoreTitle.png") no-repeat;
-            //     margin-bottom: 30px;
-            // }
+            .rightMenuTitle {
+                width: 279px;
+                height: 69px;
+                font-size: 22px;
+                font-weight: bold;
+                line-height: 58px;
+                text-align: center;
+                color: #fff;
+                background: url("@/public/special/projectMoreTitle.png") no-repeat;
+                margin-bottom: 30px;
+            }
 
             ul {
                 li {
@@ -152,17 +151,76 @@
                     font-family: Microsoft YaHei, Microsoft YaHei;
                     font-weight: 400;
                     font-size: 16px;
-                    color: #a01c0e;
+                    color: #dd7d18;
                 }
 
             }
 
             .active {
-                // border-left: 0;
-                // border: 1px solid #028E21;
-                background: #a01c0e;
+                background: #dd7d18;
                 color: #fff;
             }
         }
     }
+}
+
+//本网招聘
+.projectMoreBox {
+    margin: 0 auto;
+    height: 520px;
+    //margin-top: 20px;
+    //background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/special/projectMoreBg.png") no-repeat;
+
+    .projectMoreTitle {
+        color: #dd7d18;
+        padding-top: 20px;
+        font-size: 26px;
+        //padding-left: 204px;
+    }
+
+    .projectMoreText {
+        padding: 40px;
+        font-size: 20px;
+        color: #333333;
+        text-indent: 2em;
+        line-height: 36px;
+    }
+}
+
+.innerTitle {
+    font-size: 24px;
+    border-bottom: 1px solid #dd7d18;
+    padding-bottom: 20px;
+}
+
+.list {
+    height: 570px;
+    margin-bottom: 70px;
+    padding-bottom: 10px;
+    margin-top: 10px;
+
+    >li {
+        width: 790px;
+        height: 60px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        line-height: 60px;
+        //border-bottom: 1px solid #D9D9D9;
+
+        >a {
+            width: 360px;
+            height: 26px;
+            cursor: pointer;
+            font-family: Microsoft YaHei, Microsoft YaHei;
+            font-weight: 400;
+            font-size: 20px;
+            color: #333333;
+            line-height: 26px;
+            text-align: left;
+            font-style: normal;
+            text-transform: none;
+        }
+
+    }
 }

assets/css/ad/adversing.less

@@ -0,0 +1,16 @@
+// 广告位logo
+.adversing {
+  width: 1200px;
+  height: 90px;
+  margin:0 auto;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  overflow: hidden;
+  a {
+      display: block;
+  }
+  img {
+      width: 100%;
+      height: 90px;
+  }  
+}

assets/css/ad/topten.less

@@ -0,0 +1,19 @@
+// 十强称号logo
+.topTenTitle {
+  width: 1200px;
+  height: 90px;
+  margin: 0 auto;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  overflow: hidden;
+  a {
+      display: block;
+      
+      height: 90px;
+      overflow: hidden;
+  }
+  img {
+      width: 1200px;
+      height: 90px;
+  }
+}

assets/css/class.less

@@ -1,1480 +1,536 @@
-// 一级标题
-.nav1 {
+.clearfix {
+    overflow: hidden;
+}
+
+.clearfix_2::after {
+    content: '';
+    display: block;
+    height: 0;
+    visibility: hidden;
+    clear: both;
+}
+
+.hiddenColor {
+    visibility: hidden;
+}
+
+.hand {
+    cursor: pointer;
+}
+
+.dot1 {
+    display: block;
+    word-break: keep-all;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.dot2 {
+    overflow: hidden;
+    display: -webkit-box !important;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+}
+
+.dot3 {
+    overflow: hidden;
+    display: -webkit-box !important;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+}
+
+/*input,img{border:none;width:100%;height:100%;}*/
+
+.cover100 img {
+    display: block;
     width: 100%;
-    height: 214px;
+    height: 100%;
+}
+
+.back100 {
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+}
+
+article,
+aside,
+footer,
+header,
+time,
+video,
+top,
+main,
+nav,
+h4,
+h3,
+section {
+    display: block;
+}
+
+.index_2_left :deep(.el-tabs__header) {
+    height: 45px;
+    display: block;
+    width: 100%;
+    margin-bottom: 20px;
+    background: url(https://img.bjzxtw.org.cn/master/www/nmw/img/2.png) left center;
+    background-repeat: repeat-x;
+    background-size: auto 10px;
+}
+
+
+.index_2_left :deep(.el-tabs__item) {
+    float: left;
+    height: 45px;
+    line-height: 45px;
+    color: #999;
+    font-size: 34px;
+    font-weight: bold;
     background: #fff;
+    padding: 0px 28px 0px 0px !important;
+}
 
-    .inner {
-        width: 1200px;
-        height: 214px;
-        margin: 0 auto;
-
-        .nav1_title {
-            width: 1120px;
-            height: 214px;
-            margin-left: 40px;
-            line-height: 217px;
-            text-align: center;
-            font-family: DingTalk JinBuTi, DingTalk JinBuTi;
-            font-weight: 400;
-            font-size: 50px;
-            color: #6D2512;
-            background: url(/_nuxt/public/index/title_bg.png) no-repeat 0;
-        }
+.index_2_left :deep(.is-active) {
+    color: #333;
+    padding-right: 28px;
+}
 
-    }
+.index_2_left :deep(.el-tabs__active-bar) {
+    display: none;
 }
 
-.nav2top {
-    width: 1250px;
-    height: 3px;
-    margin: 0 auto;
-    background-color: #a01c0e;
+.index_2_left :deep(.el-tabs__nav-wrap)::after {
+    display: none;
 }
 
-.nav2btm {
-    width: 1200px;
-    height: 3px;
-    margin: 0 auto;
-    background-color: #a01c0e;
+.index_2_left_h3_a {
+    float: left;
+    height: 45px;
+    line-height: 45px;
+    color: #999;
+    font-size: 24px;
+    font-weight: bold;
+    padding-right: 28px;
+    background: #fff;
+}
+
+.index_2_left_h3_a_only {
+    color: #333;
 }
 
-.nav2 {
+.index_2_left_h3 {
+    height: 45px;
+    display: block;
     width: 100%;
-    height: 48px;
-    background-color: #a01c0e;
-
-    .inner {
-        width: 1250px;
-        height: 48px;
-        line-height: 48px;
-        padding: 0 45px;
-        margin: 0 auto;
+    margin-bottom: 20px;
+    background: url(https://img.bjzxtw.org.cn/master/www/nmw/img/2.png) left center;
+    background-repeat: repeat-x;
+    background-size: auto 10px;
+}
+
+.slow_6 {
+    -webkit-transition: all .6s;
+    -moz-transition: all .6s;
+    -ms-transition: all .6s;
+    -o-transition: all .6s;
+    transition: all .6s;
+}
+
+.index_main {
+    margin: 0 auto;
+    width: 1200px;
+}
+
+.index_nav {
+    margin-top: 20px;
+    border-bottom: solid 1px #D9D9D9;
+
+    .index_nav_a {
+        float: left;
+        color: #333;
+        font-size: 16px;
+        margin: 0px 36px;
+        height: 88px;
+        line-height: 88px;
+        font-weight: bold;
+        border-bottom: solid 3px #fff;
         box-sizing: border-box;
-        display: flex;
-        // justify-content: space-between;
-
-        .titleList {
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: bold;
-            font-size: 14px;
-            color: #FFFFFF;
-
-            .nav2_title {
-                display: inline-block;
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: bold;
-                font-size: 14px;
-                color: #FFFFFF;
-            }
-
-            a {
-                padding: 0 38px;
-                color: #FFFFFF;
-                border-left: 1px solid #7E1C11;
-            }
-
-            //鼠标点击后的样式
-            .nav2_title_active {
-                display: inline-block;
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: bold;
-                font-size: 14px;
-                color: #FFFFFF;
-                border-bottom: 1px solid #FFFFFF;
-            }
-        }
-
-        .titleList:hover {
-            a {
-                color: #a01c0e;
-
-                .nav2_title {
-                    border-bottom: 1px solid #FFFFFF;
-                }
-            }
-        }
-
-        .home {
-            width: 100px;
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: bold;
-            font-size: 14px;
-            color: #F8ECD2;
-        }
+        position: relative;
+    }
+
+    .index_nav_a:hover {
+        color: #D2600F;
+        // border-bottom: solid 3px #D2600F;
     }
+
+    .index_nav_a_only {
+        border-bottom: solid 3px #D2600F;
+    }
+
+    .index_nav_a::after {
+        content: '';
+        display: block;
+        position: absolute;
+        width: 2px;
+        height: 12px;
+        background: #DBDBDB;
+        right: -38px;
+        top: 39px;
+    }
+
+    .index_nav_a:nth-last-of-type(1) {
+        overflow: hidden;
+    }
+
+    .index_nav_a:nth-of-type(1) {
+        overflow: hidden;
+        height: 56px;
+        line-height: 56px;
+        color: #fff;
+        font-size: 18px;
+        font-weight: bold;
+        width: 153px;
+        margin: 14px 30px 0px 0px;
+        text-indent: 46px;
+        background: url(https://img.bjzxtw.org.cn/master/www/nmw/img/3.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+}
+
+.index_1 {
+    margin-top: 20px;
+    height: 410px;
+}
+
+.index_1_left {
+    float: left;
+    width: 720px;
+}
+
+.index_1_right {
+    float: right;
+    width: 450px;
 }
 
-//第一部分
-.part1 {
+.roll_1_box {
     width: 100%;
-    height: 585px;
-    margin-top: 35px;
-
-    .inner {
-        width: 1200px;
-        margin: 0 auto;
-
-        .part1_left {
-            float: left;
-            width: 720px;
-
-            .part1_title {
-                width: 720px;
-                height: 50px;
-                line-height: 50px;
-
-                .nav_part1_left {
-                    float: left;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-                    position: relative;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    em {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 5px;
-                    }
-                }
-
-            }
-
-            .part1_content {
-                width: 720px;
-                margin-top: 20px;
-
-                .context_left {
-                    float: left;
-                    width: 350px;
-
-                    .top {
-                        width: 350px;
-
-                        img {
-                            width: 350px;
-                            height: 230px;
-                        }
-
-                        a .title1 {
-                            margin-top: 15px;
-                            width: 350px;
-                            height: 48px;
-                            display: -webkit-box;
-                            -webkit-box-orient: vertical;
-                            -webkit-line-clamp: 2;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            word-break: break-all;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: bold;
-                            font-size: 18px;
-                            color: #333333;
-                        }
-
-                    }
-
-                    .top:hover {
-                        a .title1 {
-                            color: #a01c0e;
-                        }
-                    }
-
-                    .bottom {
-                        width: 350px;
-                        margin-top: 25px;
-
-                        .bottom_left {
-                            float: left;
-                            width: 165px;
-
-                            img {
-                                width: 165px;
-                                height: 96px;
-                            }
-
-                            a .title2 {
-                                margin-top: 10px;
-                                width: 165px;
-                                height: 48px;
-                                display: -webkit-box;
-                                -webkit-box-orient: vertical;
-                                -webkit-line-clamp: 2;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                word-break: break-all;
-                                font-family: Microsoft YaHei, Microsoft YaHei;
-                                font-weight: 400;
-                                font-size: 18px;
-                                color: #333333;
-                            }
-                        }
-
-                        .bottom_left:first-child {
-                            margin-right: 20px;
-                        }
-
-                    }
-
-                    .bottom_left:hover {
-                        a .title2 {
-                            color: #a01c0e;
-                        }
-
-                    }
-                }
-
-                .context_right {
-                    float: right;
-                    width: 350px;
-
-                    .rightContent {
-                        width: 350px;
-                        height: 230px;
-
-                        .context1:nth-child(5n+1) {
-                            width: 345px;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: bold;
-                            font-size: 18px;
-                            color: #333333;
-
-                            a {
-                                color: #333333;
-                            }
-                        }
-
-                        .context1:nth-child(5n+1):hover a {
-                            color: #a01c0e;
-                        }
-
-                        .context1 {
-                            margin-bottom: 27px;
-                            width: 345px;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-
-                            a {
-                                color: #333333;
-                            }
-                        }
-
-                        .context1:hover a {
-                            color: #a01c0e;
-                        }
-
-                    }
-                }
-            }
-        }
-
-        .part1_right {
-            float: right;
-            width: 450px;
-            // height: 1000px;
-
-            .part1_right_title {
-                width: 450px;
-                height: 50px;
-                line-height: 50px;
-
-                .part1_right_title1_active {
-                    float: left;
-                    margin-right: 40px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-                    position: relative;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    .active_bg {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 7px;
-                        right: -5px;
-                    }
-                }
-
-                .part1_right_title1 {
-                    float: left;
-                    margin-right: 40px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #999999;
-                    position: relative;
-
-                    a {
-                        color: #999999;
-                    }
-
-
-                }
-
-            }
-
-            .part1_right_content {
-                width: 450px;
-                // height: 940px;
-                margin-top: 20px;
-
-                .part1_right_top11 {
-                    width: 450px;
-                    height: 180px;
-                    position: relative;
-
-                    .part1_right_content_top {
-                        float: left;
-                        width: 220px;
-                        height: 180px;
-
-                        a img {
-                            width: 220px;
-                            height: 130px;
-                        }
-
-                        a .content_top_title2 {
-                            display: inline-block;
-                            width: 220px;
-                            padding: 0 10px;
-                            box-sizing: border-box;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-                            margin-top: 10px;
-                        }
-                    }
-
-                    .part1_right_content_top:hover {
-                        a .content_top_title2 {
-                            color: #a01c0e;
-                        }
-                    }
-
-                    .part1_right_content_top:nth-child(2) {
-                        margin-left: 10px;
-                    }
-                }
-
-
-
-                .part1_right_content_bottom {
-                    width: 450px;
-                    height: 300px;
-                    margin-top: 15px;
-                    overflow: hidden;
-
-                    .content_bottom_list {
-                        width: 450px;
-                        height: 22px;
-                        line-height: 21px;
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        margin-bottom: 28px;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #333333;
-
-
-                        a {
-                            color: #333333;
-                        }
-                    }
-
-                    .content_bottom_list:hover {
-                        a {
-                            color: #a01c0e;
-                        }
-                    }
-                }
-            }
-        }
+    height: 405px;
+}
+
+.index_1_color_box {
+    background: #FAFAFA;
+    width: 100%;
+    box-sizing: border-box;
+    border: solid 1px #FAFAFA;
+    border-left: solid 15px #FAFAFA;
+    border-right: solid 15px #FAFAFA;
+    padding: 0px 15px 20px;
+}
+
+.index_1_head_h3 {
+    margin-top: 20px;
+    display: block;
+    height: 30px;
+    margin-bottom: 10px;
+    .index_1_head_a {
+        float: left;
+        color: #333;
+        font-size: 20px;
+        font-weight: bold;
     }
 }
 
-//第二部分
-.part2 {
+.index_1_ul_2 {
+    margin: -8px 0px 8px 0px;
+}
+
+.index_1_ul_a {
     width: 100%;
-    overflow: hidden;
-    // margin-bottom: 40px;
-
-    .inner {
-        width: 1200px;
-        margin: 0 auto;
-
-        .part2_left {
-            float: left;
-            width: 720px;
-
-            .part2_title {
-                width: 720px;
-                height: 50px;
-                line-height: 50px;
-
-                .nav_part2_left {
-                    float: left;
-                    width: 100px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-                    position: relative;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    em {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 9px;
-                        right: 6px;
-                    }
-                }
-            }
-
-            .part2_content {
-                width: 720px;
-                margin-top: 20px;
-
-                .part2_content_left {
-                    float: left;
-                    width: 350px;
-
-                    .content_a {
-                        width: 350px;
-                        height: 230px;
-
-                        // margin-bottom: 25px;
-                        .context111:nth-child(5n+1) {
-                            width: 345px;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: bold;
-                            font-size: 18px;
-                            color: #333333;
-
-                            a {
-                                color: #333333;
-                            }
-                        }
-
-                        .context111 {
-                            margin-bottom: 27px;
-                            width: 345px;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-
-                            a {
-                                color: #333333;
-                            }
-                        }
-
-                        .context111:hover a {
-                            color: #a01c0e;
-                        }
-                    }
-                }
-
-                .part2_content_right {
-                    float: right;
-                    width: 350px;
-                    height: 480px;
-
-                    .right_top {
-                        width: 350px;
-                        height: 300px;
-
-                        a img {
-                            width: 350px;
-                            height: 230px;
-                        }
-
-                        a .title11 {
-                            margin-top: 15px;
-                            width: 350px;
-                            height: 48px;
-                            display: -webkit-box;
-                            -webkit-box-orient: vertical;
-                            -webkit-line-clamp: 2;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            word-break: break-all;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: bold;
-                            font-size: 18px;
-                            color: #333333;
-                        }
-                    }
-
-                    .right_top:hover {
-                        color: #a01c0e;
-
-                        a .title11 {
-                            color: #a01c0e;
-                        }
-                    }
-
-                    .right_bottom {
-                        width: 350px;
-                        height: 165px;
-                        margin-top: 20px;
-
-                        .bottom_left {
-                            float: left;
-                            width: 165px;
-                            height: 130px;
-
-                            a img {
-                                width: 165px;
-                                height: 96px;
-                            }
-
-                            a .title22 {
-                                margin-top: 10px;
-                                width: 165px;
-                                height: 48px;
-                                display: -webkit-box;
-                                -webkit-box-orient: vertical;
-                                -webkit-line-clamp: 2;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                word-break: break-all;
-                                font-family: Microsoft YaHei, Microsoft YaHei;
-                                font-weight: 400;
-                                font-size: 18px;
-                                color: #333333;
-                            }
-
-                        }
-
-                        .bottom_left:hover {
-                            color: #a01c0e;
-
-                            a .title22 {
-                                color: #a01c0e;
-                            }
-                        }
-
-                        .bottom_left:first-child {
-                            margin-right: 20px;
-                        }
-                    }
-
-
-                }
-            }
-        }
-
-        .part2_right {
-            float: right;
-            width: 450px;
-            // height: 1000px;
-
-            .part2_right_title {
-                width: 450px;
-                height: 50px;
-                line-height: 50px;
-
-                .part2_right_title1_active {
-                    float: left;
-                    margin-right: 40px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-                    position: relative;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    .active_bg11 {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 7px;
-                        right: -5px;
-                    }
-                }
-
-                .part2_right_title1 {
-                    float: left;
-                    margin-right: 40px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #999999;
-                    position: relative;
-
-                    a {
-                        color: #999999;
-                    }
-                }
-
-            }
-
-            .part2_right_content {
-                width: 450px;
-                margin-top: 20px;
-
-                .part2_right_top11 {
-                    width: 450px;
-                    height: 170px;
-                    position: relative;
-
-                    .part2_right_content_top {
-                        float: left;
-                        width: 220px;
-                        height: 180px;
-
-                        a img {
-                            width: 220px;
-                            height: 130px;
-                        }
-
-                        a .content_top_title22 {
-                            display: inline-block;
-                            width: 220px;
-                            padding: 0 10px;
-                            box-sizing: border-box;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-                            margin-top: 10px;
-                        }
-                    }
-
-                    .part2_right_content_top:hover {
-                        a .content_top_title22 {
-                            color: #a01c0e;
-                        }
-                    }
-
-                    .part2_right_content_top:nth-child(2) {
-                        margin-left: 10px;
-                    }
-                }
-
-
-
-                .part2_right_content_bottom {
-                    width: 450px;
-                    height: 300px;
-                    margin-top: 20px;
-                    overflow: hidden;
-
-                    .content_bottom_list {
-                        width: 450px;
-                        height: 22px;
-                        line-height: 21px;
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        margin-bottom: 28px;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #333333;
-
-
-                        a {
-                            color: #333333;
-                        }
-                    }
-
-                    .content_bottom_list:hover {
-                        a {
-                            color: #a01c0e;
-                        }
-                    }
-                }
-            }
-        }
+    position: relative;
+    height: 50px;
+    line-height: 50px;
+    color: #333;
+    font-size: 18px;
+    text-indent: 18px;
+}
+
+.index_1_ul_a:hover {
+    color: #D2600F;
+}
+
+.index_1_ul_a::after {
+    content: '';
+    display: block;
+    width: 8px;
+    height: 8px;
+    background: #D9D9D9;
+    position: absolute;
+    border-radius: 50%;
+    left: 0px;
+    top: 20px;
+}
+
+
+
+.index_2 {
+    margin-top: 20px;
+    height: 555px;
+}
+
+.index_2_left {
+    float: left;
+    width: 900px;
+}
+
+.index_2_right {
+    float: right;
+    width: 270px;
+}
+
+.index_2_left_img_out {
+    width: 410px;
+    float: left;
+}
+
+.index_2_big_img_li {
+    margin-bottom: 30px;
+    .index_2_big_img_li_a img {
+        display: block;
+        width: 100%;
+        height: 260px;
+    }
+}
+
+.index_2_img_li {
+    width: 195px;
+    .index_2_img_li_a img {
+        display: block;
+        height: 117px;
+        width: 100%;
     }
 }
 
-//第三部分
-.part3 {
+.index_2_img_li:nth-of-type(odd) {
+    float: left;
+}
+
+.index_2_img_li:nth-of-type(even) {
+    float: right;
+}
+
+.index_2_img_li_dot1 {
+    height: 24px;
+    line-height: 24px;
+    color: #000;
+    font-size: 18px;
+    margin-top: 17px;
+}
+
+.index_2_img_li_dot1:hover {
+    color: #D2600F;
+}
+
+.index_2_left_ul_box {
+    width: 460px;
+    float: right;
+}
+
+.index_2_left_ul {
     width: 100%;
-    overflow: hidden;
-    // height: 1200px;
-    margin-top: 35px;
-    margin-bottom: 40px;
-
-    .inner {
-        width: 1200px;
-        height: 1200px;
-        background-color: #fff;
-
-        .part3_left {
-            float: left;
-
-            .part3_left_top {
-                width: 720px;
-                overflow: hidden;
-
-                .part3_leftTitle {
-                    width: 720px;
-                    height: 50px;
-                    line-height: 50px;
-
-                    .part3_left_title:first-child {
-                        float: left;
-                        margin-right: 20px;
-                        width: 100px;
-                        height: 50px;
-                        line-height: 50px;
-                        position: relative;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #333333;
-
-                        a {
-                            color: #333333;
-                        }
-
-                        em {
-                            display: inline-block;
-                            width: 8px;
-                            height: 8px;
-                            background-color: #a01c0e;
-                            border-radius: 4px;
-                            position: absolute;
-                            top: 9px;
-                            right: 6px;
-                        }
-                    }
-
-                    .part3_left_title {
-                        float: left;
-                        margin-right: 20px;
-                        width: 100px;
-                        height: 50px;
-                        line-height: 50px;
-                        position: relative;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #999999;
-
-                        a {
-                            color: #999999;
-                        }
-
-                        // em{
-                        //     display: inline-block;
-                        //     width: 8px;
-                        //     height: 8px;
-                        //     background-color: #a01c0e;
-                        //     border-radius: 4px;
-                        //     position: absolute;
-                        //     top: 9px;
-                        //     right: 6px;
-                        // }
-                    }
-                }
-
-                .part3_left_content {
-                    width: 720px;
-                    margin-top: 20px;
-
-                    .part3_left_content_top {
-                        .content_top_left {
-                            float: left;
-                            width: 350px;
-                            height: 484px;
-
-                            .part3_photo_text {
-                                width: 350px;
-                                height: 280px;
-                                position: relative;
-
-                                img {
-                                    width: 350px;
-                                    height: 230px;
-                                }
-
-                                .littleTips {
-                                    display: inline-block;
-                                    width: 50px;
-                                    height: 26px;
-                                    line-height: 26px;
-                                    text-align: center;
-                                    background-color: #a01c0e;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: 400;
-                                    font-size: 16px;
-                                    color: #fff;
-                                    position: absolute;
-                                    top: 0;
-                                    right: 10px;
-                                }
-
-                                .part3_text {
-                                    display: inline-block;
-                                    width: 350px;
-                                    height: 26px;
-                                    white-space: nowrap;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: bold;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    margin-top: 15px;
-                                }
-                            }
-
-                            .part3_photo_text:hover {
-                                .part3_text {
-                                    color: #a01c0e;
-                                }
-                            }
-
-                            .part3_content {
-                                width: 350px;
-
-                                .part3_content_list:first-child {
-                                    width: 350px;
-                                    height: 25px;
-                                    white-space: nowrap;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: bold;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    line-height: 22px;
-                                    margin-top: 35px;
-
-                                    a {
-                                        color: #333333;
-                                    }
-                                }
-
-                                .part3_content_list:first-child:hover {
-                                    a {
-                                        color: #a01c0e;
-                                    }
-                                }
-
-                                .part3_content_list:last-child {
-                                    margin-bottom: 0;
-                                }
-
-                                .part3_content_list {
-                                    width: 350px;
-                                    height: 25px;
-                                    white-space: nowrap;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: 400;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    line-height: 22px;
-                                    margin-bottom: 27px;
-
-                                    a {
-                                        color: #333333;
-                                    }
-                                }
-
-                                .part3_content_list:hover {
-                                    a {
-                                        color: #a01c0e;
-                                    }
-                                }
-                            }
-                        }
-
-                        .content_top_right {
-                            float: left;
-                            width: 350px;
-                            height: 542px;
-                            border: 1px solid #D9D9D9;
-                            margin-left: 20px;
-                            padding: 30px 25px;
-                            box-sizing: border-box;
-
-                            .content_right_list {
-                                height: 62px;
-                                line-height: 62px;
-
-                                .part3_time {
-                                    float: left;
-                                    width: 77px;
-                                    height: 58px;
-                                    color: #a01c0e;
-
-                                    .month {
-                                        font-family: Microsoft YaHei, Microsoft YaHei;
-                                        font-weight: 400;
-                                        font-size: 26px;
-                                        color: #A01C0E;
-                                        line-height: 30px;
-                                    }
-
-                                    .xiegang {
-                                        font-size: 22px;
-                                        font-weight: 400;
-                                    }
-
-                                    .day {
-                                        font-family: Microsoft YaHei, Microsoft YaHei;
-                                        font-weight: 400;
-                                        font-size: 16px;
-                                        color: #A01C0E;
-                                        line-height: 19px;
-                                    }
-                                }
-
-                                .time_left_content {
-                                    float: left;
-                                    width: 295px;
-                                    height: 32px;
-                                    white-space: nowrap;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    line-height: 22px;
-                                    padding-top: 12px;
-                                    box-sizing: border-box;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: 400;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    padding-left: 5px;
-
-                                    a {
-                                        color: #333333;
-                                    }
-
-                                    a:hover {
-                                        color: #a01c0e;
-                                    }
-                                }
-                            }
-
-                            .content_right_list:hover {
-                                .time_left_content {
-                                    a{
-                                        color: #a01c0e;
-                                    }
-                                }
-                            }
-
-                            .content_right_list:nth-child(4n+1) {
-                                a {
-                                    font-weight: bold;
-                                }
-                            }
-
-                            &:nth-child(1),
-                            &:nth-child(5) {
-                                a {
-                                    color: #333;
-                                    font-weight: bold;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-
-            .part3_left_bottom {
-                width: 720px;
-                margin-top: 25px;
-
-                .part3_leftTitle1 {
-                    width: 720px;
-                    height: 50px;
-                    line-height: 50px;
-                    margin-bottom: 25px;
-
-                    .part3_left_title_active {
-                        float: left;
-                        margin-right: 20px;
-                        width: 100px;
-                        height: 50px;
-                        line-height: 50px;
-                        position: relative;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #333333;
-
-                        a.active {
-                            color: #333333;
-                        }
-
-                        em {
-                            display: inline-block;
-                            width: 8px;
-                            height: 8px;
-                            background-color: #a01c0e;
-                            border-radius: 4px;
-                            position: absolute;
-                            top: 9px;
-                            right: 6px;
-                        }
-                    }
-
-                    .part3_left_title {
-                        float: left;
-                        margin-right: 20px;
-                        width: 100px;
-                        height: 50px;
-                        line-height: 50px;
-                        position: relative;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #999999;
-
-                        a {
-                            color: #999999;
-                        }
-
-                        // em{
-                        //     display: inline-block;
-                        //     width: 8px;
-                        //     height: 8px;
-                        //     background-color: #a01c0e;
-                        //     border-radius: 4px;
-                        //     position: absolute;
-                        //     top: 9px;
-                        //     right: 6px;
-                        // }
-                    }
-                }
-
-                .part3_left_content1 {
-                    width: 720px;
-
-                    .content_bottom_left {
-                        float: left;
-                        width: 350px;
-
-                        // height: 350px;
-                        .content_top {
-                            width: 350px;
-
-                            img {
-                                width: 350px;
-                                height: 230px;
-                            }
-
-                            .part3_text {
-                                display: inline-block;
-                                width: 350px;
-                                height: 50px;
-                                line-height: 22px;
-                                display: -webkit-box;
-                                -webkit-box-orient: vertical;
-                                -webkit-line-clamp: 2;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                word-break: break-all;
-                                margin-top: 15px;
-                                font-family: Microsoft YaHei, Microsoft YaHei;
-                                font-weight: bold;
-                                font-size: 18px;
-                                color: #333333
-                            }
-
-                        }
-
-                        .content_top:hover {
-                            .part3_text {
-                                color: #a01c0e;
-                            }
-                        }
-
-                        .content_bottom {
-                            width: 350px;
-                            margin-top: 20px;
-
-                            .content_bottom_1 {
-                                float: left;
-                                width: 165px;
-
-                                img {
-                                    width: 165px;
-                                    height: 96px;
-                                }
-
-                                .part3_text {
-                                    display: inline-block;
-                                    width: 165px;
-                                    height: 44px;
-                                    line-height: 22px;
-                                    display: -webkit-box;
-                                    -webkit-box-orient: vertical;
-                                    -webkit-line-clamp: 2;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    word-break: break-all;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: 400;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    margin-top: 10px;
-                                }
-                            }
-
-                            .content_bottom_1:hover {
-                                .part3_text {
-                                    color: #a01c0e;
-                                }
-                            }
-
-                            .content_bottom_1:first-child {
-                                margin-right: 20px;
-                            }
-
-                        }
-                    }
-
-                    .content_bottom_right {
-                        float: left;
-                        margin-left: 20px;
-                        width: 350px;
-
-                        .bottom_content_1 {
-                            width: 350px;
-
-                            .bottom_content_list:nth-child(5n+1) {
-                                font-weight: bold;
-                            }
-
-                            .bottom_content_list {
-                                width: 350px;
-                                height: 25px;
-                                white-space: nowrap;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                font-family: Microsoft YaHei, Microsoft YaHei;
-                                font-weight: 400;
-                                font-size: 18px;
-                                color: #333333;
-                                line-height: 21px;
-                                margin-bottom: 25px;
-
-                                a {
-                                    color: #333333;
-                                }
-                            }
-
-                            .bottom_content_list:hover {
-                                a {
-                                    color: #a01c0e;
-                                }
-                            }
-                        }
-
-                        .bottom_content_1:first-child {
-                            margin-bottom: 20px;
-                        }
-
-                        .bottom_content_1:last-child {
-                            .bottom_content_list:last-child {
-                                margin-bottom: 0;
-                            }
-                        }
-                    }
-                }
-            }
-
-        }
-
-        .part3_right {
-            float: right;
-            width: 451px;
-
-            .part3_rightTitle {
-                width: 451px;
-                height: 50px;
-                line-height: 50px;
-
-                .part3_right_title:first-child {
-                    float: left;
-                    margin-right: 20px;
-                    width: 100px;
-                    height: 50px;
-                    line-height: 50px;
-                    position: relative;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    em {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 9px;
-                        right: 6px;
-                    }
-                }
-
-                .part3_right_title {
-                    float: left;
-                    margin-right: 20px;
-                    width: 100px;
-                    height: 50px;
-                    line-height: 50px;
-                    position: relative;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #999999;
-
-                    a {
-                        color: #999999;
-                    }
-
-                    // em{
-                    //     display: inline-block;
-                    //     width: 8px;
-                    //     height: 8px;
-                    //     background-color: #a01c0e;
-                    //     border-radius: 4px;
-                    //     position: absolute;
-                    //     top: 9px;
-                    //     right: 6px;
-                    // }
-                }
-
-                .rightMore {
-                    float: right;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 12px;
-                    color: #999999;
-
-                    a {
-                        color: #999999;
-                    }
-
-                }
-            }
-
-            .part3_right_content_top {
-                width: 451px;
-                height: 325px;
-                position: relative;
-                margin-top: 20px;
-
-                .part3_right_contentlist_top {
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 18px;
-                    color: #333333;
-                    width: 425px;
-                    height: 25px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    margin-bottom: 25px;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    .numStyle {
-                        display: inline-block;
-                        width: 22px;
-                        height: 22px;
-                        background-color: #f6f6f6;
-                        text-align: center;
-                        margin-right: 20px;
-                        font-family: Protest Strike, Protest Strike;
-                        font-weight: 400;
-                        font-size: 16px;
-                        color: #CCCCCC;
-                        border-radius: 4px;
-                    }
-                }
-
-                .part3_right_contentlist_top:hover {
-                    color: #a01c0e;
-
-                    a {
-                        color: #a01c0e;
-                    }
-                }
-
-                .part3_right_contentlist_top:nth-child(1) {
-                    .numStyle {
-                        background-color: #a01c0e;
-                        color: #fff;
-                    }
-                }
-
-                .part3_right_contentlist_top:nth-child(2) {
-                    .numStyle {
-                        background-color: #FFC62E;
-                        color: #fff;
-                    }
-                }
-
-                .part3_right_contentlist_top:nth-child(3) {
-                    .numStyle {
-                        background-color: #e98008;
-                        color: #fff;
-                    }
-                }
-
-                .part3_right_contentlist_top:last-child {
-                    margin-bottom: 10px;
-                }
-            }
-
-            .part3_photo_text_right {
-                width: 451px;
-                height: 120px;
-                margin-top: 35px;
-                margin-bottom: 35px;
-                background-color: #f6f3f0;
-
-
-                .part3_text11 {
-                    float: left;
-                    width: 271px;
-                    height: 96px;
-                    display: -webkit-box;
-                    -webkit-box-orient: vertical;
-                    -webkit-line-clamp: 3;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    word-break: break-all;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 18px;
-                    color: #333333;
-                    padding: 25px 20px;
-                    box-sizing: border-box;
-                }
-
-                img {
-                    float: left;
-                    width: 180px;
-                    height: 120px;
-                }
-            }
-
-            .part3_photo_text_right:hover {
-                color: #a01c0e;
-
-                .part3_text11 {
-                    color: #a01c0e;
-                }
-            }
-
-            .part3_right_content_11 {
-                width: 451px;
-                height: 70px;
-                position: relative;
-
-                .part3_right_contentlist_11 {
-                    width: 451px;
-                    height: 25px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 18px;
-                    color: #333333;
-                    line-height: 21px;
-
-                    .erjibiaoti {
-                        display: inline-block;
-                        width: 87px;
-                        height: 24px;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #A01C0E;
-                        border-right: #D3D5D8 1px solid;
-                        margin-right: 10px;
-                    }
-
-                    a {
-                        color: #333333;
-                    }
-                }
-
-                .part3_right_contentlist_11:hover {
-                    color: #a01c0e;
-
-                    a {
-                        color: #a01c0e;
-                    }
-                }
-
-                .part3_right_contentlist_11:first-child {
-                    margin-bottom: 25px;
-                }
-            }
-        }
+}
+
+.index_2_left_ul_group_6 .index_2_left_ul_li:nth-of-type(6n) {
+    margin-bottom: 44px;
+}
+
+.index_2_left_ul_group_6 .index_2_left_ul_li:nth-of-type(6n-5) .index_2_left_ul_li_a_text {
+    font-weight: bold;
+}
+
+
+.index_2_left_ul_group_5 .index_2_left_ul_li:nth-of-type(5n) {
+    margin-bottom: 35px;
+}
+
+.index_2_left_ul_group_5 .index_2_left_ul_li:nth-of-type(5n-4) .index_2_left_ul_li_a_text {
+    font-weight: bold;
+}
+
+.index_2_left_ul_li {
+    height: 24px;
+    line-height: 24px;
+    margin: 0px 0 20px;
+    display: flex;
+
+    .index_2_left_ul_li_a_name {
+        height: 15px;
+        line-height: 15px;
+        color: #999;
+        font-size: 18px;
+        margin: 6px 10px 0px 0px;
+        padding-right: 10px;
+        border-right: solid 1px #D46F05;
     }
+
+    .index_2_left_ul_li_a_name:hover {
+        color: #D2600F;
+    }
+
+    .index_2_left_ul_li_a_text {
+        height: 24px;
+        line-height: 24px;
+        color: #333;
+        font-size: 18px;
+        width: 100%;
+        display: block;
+        word-break: keep-all;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .index_2_left_ul_li_a_text:hover {
+        color: #D2600F;
+    }
+}
+
+
+.index_2_right_head {
+    height: 45px;
+    display: block;
+    margin-bottom: 10px;
+
+    .index_2_right_head_a {
+        float: left;
+        height: 45px;
+        line-height: 45px;
+        color: #333;
+        font-size: 24px;
+    }
+}
+
+
+.index_2_right_img_li {
+    margin-bottom: 20px;
+}
+
+.index_2_right_img_li_a {
+    display: flex;
+}
+
+.index_2_right_img_li_a_img_box {
+    width: 120px;
+    height: 80px;
+    margin-right: 10px;
+    display: block;
+}
+
+.index_3_img_li_in {
+    width: 100%;
+}
+
+.index_2_right_img_li img {
+    width: 120px;
+    height: 80px;
+    display: block;
+}
+
+.index_2_right_img_li_dot3 {
+    height: 63px;
+    line-height: 21px;
+    color: #333;
+    font-size: 18px;
+    width: 100%;
+}
+
+.index_2_right_img_li_dot3:hover {
+    color: #D2600F;
+}
+
+.index_3 {
+    margin-top: 20px;
+    height: 555px;
+}
+
+.index_3_img_li {
+    margin-bottom: 35px;
+
+    .index_3_img_li_a {
+        display: flex;
+    }
+
+    .index_3_img_li_img_box {
+        float: left;
+        width: 180px;
+        height: 120px;
+        margin-right: 15px;
+    }
+
+    .index_3_img_li_a img {
+        display: block;
+        width: 180px;
+        height: 120px;
+    }
+
+    .index_3_img_li_dot3 {
+        height: 66px;
+        line-height: 22px;
+        color: #333;
+        font-size: 18px;
+        font-weight: bold;
+        margin-top: 8px;
+    }
+
+    .index_3_img_li_dot3:hover {
+        color: #D2600F;
+    }
+
+    .index_3_img_li_tag {
+        float: left;
+        height: 28px;
+        line-height: 28px;
+        color: #999;
+        font-size: 14px;
+        background: #F5F5F7;
+        padding: 0px 5px;
+        margin-top: 10px;
+    }
+}
+
+
+.index_3_num_li {
+    border-bottom: solid 1px #E4E4E4;
+    box-sizing: border-box;
+    height: 66px;
+    line-height: 66px;
+
+    .index_3_num_li_tag {
+        float: left;
+        font-style: italic;
+        color: #D9D9D9;
+        font-size: 20px;
+        height: 100%;
+        line-height: 66px;
+        margin-right: 13px;
+    }
+
+    .index_3_num_li_dot1 {
+        color: #333;
+        font-size: 18px;
+        height: 100%;
+        line-height: 66px;
+    }
+
+    .index_3_num_li_dot1:hover {
+        color: #D2600F;
+    }
+}
+
+.index_3_num_li:nth-of-type(1) {
+    margin-top: -26px;
+}
+
+.index_3_num_li:nth-of-type(-n+3) .index_3_num_li_tag {
+    color: #DD7D18;
 }

assets/css/components/pagemessage.less

@@ -0,0 +1,185 @@
+//新闻头条
+.topNewsPart {
+    width: 100%;
+    box-sizing: border-box;
+
+    .inner {
+        width: 1200px;
+        overflow: hidden;
+        margin-bottom: 30px;
+
+        .toutiao {
+            margin-bottom: 30px;
+
+            .xwtt {
+                width: 1200px;
+                height: 41px;
+                line-height: 41px;
+                text-align: center;
+
+                a {
+                    display: block;
+                    width: 600px;
+                    margin: 0 auto;
+                    height: 41px;
+                }
+
+                h1.tttitle {
+                    display: inline-block;
+                    width: 600px;
+                    height: 41px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: bold;
+                    font-size: 30px;
+                    color: #333333;
+                    line-height: 35px;
+                    text-align: left;
+                    vertical-align: middle;
+                }
+
+
+
+            }
+
+            .toutiao1 {
+                width: 1200px;
+                text-align: center;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                font-family: Microsoft YaHei, Microsoft YaHei;
+                font-weight: 400;
+                font-size: 18px;
+                color: #333333;
+                line-height: 21px;
+                margin-top: 20px;
+                padding: 0 100px;
+                box-sizing: border-box;
+
+
+
+                .toutiaolist {
+                    display: inline-block;
+                    width: 300px;
+                    height: 21px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    margin-right: 30px;
+
+                    a {
+                        color: #333333;
+                    }
+                }
+
+                .toutiaolist:hover {
+                    a {
+                        color: #e98008;
+                    }
+                }
+            }
+        }
+
+        .messageLeft {
+            float: left;
+            width: 720px;
+
+            .lunbo {
+                width: 720px;
+                height: 405px;
+            }
+
+            .messageleft_photo_text {
+                width: 720px;
+                height: 240px;
+                margin-top: 30px;
+
+                .messageleft_photo {
+                    float: left;
+                    width: 350px;
+                    height: 240px;
+
+                    a img {
+                        width: 350px;
+                        height: 190px;
+                    }
+
+                    .message_text {
+                        width: 350px;
+                        height: 50px;
+                        line-height: 50px;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        font-family: Microsoft YaHei, Microsoft YaHei;
+                        font-weight: 400;
+                        font-size: 20px;
+                        color: #333333;
+                        padding: 0 10px;
+                        box-sizing: border-box;
+                    }
+                }
+
+                .messageleft_photo:hover {
+                    .message_text {
+                        color: #e98008;
+                    }
+                }
+
+                .messageleft_photo:first-child {
+                    margin-right: 20px;
+                }
+            }
+
+
+        }
+
+        .messageRight {
+            float: right;
+            width: 450px;
+
+            .messageRight_title {
+                font-family: Microsoft YaHei, Microsoft YaHei;
+                font-weight: 400;
+                font-size: 20px;
+                color: #DD7D18;
+            }
+
+            .messageRight_content {
+                width: 450px;
+                margin-top: 20px;
+
+                .messageRight_content_title {
+                    width: 450px;
+                    height: 25px;
+                    line-height: 25px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 18px;
+                    color: #333333;
+                    margin-bottom: 17px;
+
+                    a {
+                        color: #333333;
+                    }
+                }
+
+                .messageRight_content_title:first-child {
+                    font-weight: bold;
+                }
+
+                .messageRight_content_title:hover {
+                    a {
+                        color: #dd7d18;
+                    }
+                }
+            }
+        }
+    }
+}

assets/css/detail.less

@@ -1,8 +1,7 @@
-
 // 资讯列表
 .newsDetail {
     width: 100%;
-    margin-bottom: 0px;
+    margin-bottom: 70px;
 
     .inner {
         width: 1200px;
@@ -10,11 +9,70 @@
         font-size: 16px;
 
         .innerLeft {
-            width: 810px;
-            border-top: 1px solid #ccc;
-            margin-right: 40px;
+            width: 900px;
+            margin-right: 30px;
+
+            //导航条
+            .breadcrumb {
+                width: 100%;
+                height: 22px;
+                padding-bottom: 30px;
+                margin-top: 40px;
+                border-bottom: 1px solid #e6e6e6;
+                font-family: Microsoft YaHei, Microsoft YaHei;
+                font-weight: 400;
+                font-size: 20px;
+                color: #666666;
+                line-height: 23px;
+                text-align: left;
+                font-style: normal;
+                text-transform: none;
+
+                .el-breadcrumb::v-deep {
+                    display: inline-block;
+                    vertical-align: -4px;
+                }
+
+                :deep(.el-breadcrumb__inner a),
+                :deep(.el-breadcrumb__inner.is-link) {
+                    color: #666666;
+                    font-weight: 400;
+                    text-decoration: none;
+                    transition: var(--el-transition-color);
+                }
+
+                span {
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #666666;
+                    line-height: 23px;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                }
+
+                span:hover {
+                    color: #666666;
+                }
+
+                .location {
+                    margin-right: 20px;
+                    width: 100px;
+                    height: 22px;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #666666;
+                    line-height: 23px;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                }
+            }
 
             .LeftTop {
+                // height: 522px;
                 margin-top: 50px;
 
                 >h1 {
@@ -48,32 +106,32 @@
             }
 
             .leftBottom {
-                width: 790px;
+                width: 885px;
+                margin-top: 20px;
                 font-size: 20px;
                 line-height: 38px;
-                margin-top: 30px;
-                margin-bottom: 30px;
+                margin-bottom: 20px;
 
                 ul>li img {
-                    width: 790px;
+                    width: 885px;
                     height: 382px;
                 }
 
                 img {
-                    width: 790px;
+                    width: 885px;
                     height: 382px;
                 }
 
                 p.tinymce-material {
                     img {
-                        width: 790px;
+                        width: 885px;
                     }
                 }
 
                 >h3,
                 >p {
                     text-indent: 2em;
-                    width: 790px;
+                    width: 885px;
                     font-family: Microsoft YaHei, Microsoft YaHei;
                     font-size: 20px;
                     color: #333333;
@@ -81,7 +139,7 @@
                     padding-bottom: 30px;
 
                     img {
-                        width: 790px;
+                        width: 885px;
                     }
                 }
 
@@ -96,7 +154,7 @@
             }
 
             .disclaimer {
-                width: 790px;
+                width: 885px;
                 overflow: hidden;
                 border-top: 1px solid #e6e6e6;
                 padding: 30px 0px;
@@ -104,18 +162,15 @@
                 font-size: 17px;
 
                 p {
-                    width: 790px;
+                    width: 885px;
                     line-height: 30px;
                 }
             }
         }
 
         .innerRight {
-            width: 350px;
-            height: 1248px;
-            border-top: 1px solid #ccc;
-            border-bottom: 1px solid #ccc;
-
+            width: 270px;
+            margin-top: 60px;
         }
     }
 }
@@ -123,7 +178,7 @@
 .leftBottom::v-deep p img,
 .leftBottom::v-deep img,
 .leftBottom::v-deep video {
-    max-width: 700px;
+    max-width: 900px;
 }
 
 .leftBottom::v-deep h1,
@@ -146,7 +201,7 @@
         padding-left: 20px;
         width: 100%;
         border-bottom: 1px solid #E7E7E7;
-        border-top: 1px solid #a01c0e;
+        border-top: 1px solid #dd7d18;
         box-sizing: border-box;
     }
 
@@ -185,7 +240,7 @@
 
         .radio {
             /deep/.el-radio {
-                --el-radio-input-border-color-hover: #a01c0e;
+                --el-radio-input-border-color-hover: #dd7d18;
             }
 
             /deep/.el-radio-group {
@@ -219,18 +274,18 @@
             }
 
             /deep/.el-radio__input.is-checked+.el-radio__label {
-                color: #a01c0e;
+                color: #dd7d18;
             }
 
             /deep/.el-radio__input.is-checked .el-radio__inner {
-                background: #a01c0e;
-                border-color: #a01c0e;
+                background: #dd7d18;
+                border-color: #dd7d18;
             }
         }
 
         .checkInputBox {
             /deep/.el-checkbox {
-                --el-radio-input-border-color-hover: #a01c0e;
+                --el-radio-input-border-color-hover: #dd7d18;
             }
 
             /deep/.el-checkbox-group {
@@ -238,7 +293,6 @@
                 display: inline-flex;
                 flex-wrap: wrap;
                 font-size: 0;
-                //padding-left: 35px;
             }
 
             /deep/.el-checkbox.el-checkbox--large {
@@ -264,12 +318,12 @@
             }
 
             /deep/.el-checkbox__input.is-checked+.el-checkbox__label {
-                color: #a01c0e;
+                color: #dd7d18;
             }
 
             /deep/.el-checkbox__input.is-checked .el-checkbox__inner {
-                background: #a01c0e;
-                border-color: #a01c0e;
+                background: #dd7d18;
+                border-color: #dd7d18;
             }
         }
 
@@ -289,7 +343,7 @@
             }
 
             .voting {
-                background-color: #a01c0e;
+                background-color: #dd7d18;
                 color: #fff;
                 margin-right: 44px;
                 cursor: pointer;
@@ -332,13 +386,15 @@
         }
 
         .active {
-            color: #a01c0e;
-            background: #f0dcd9;
-            border: 1px solid #a01c0e;
+            color: #dd7d18;
+            background: #f3e9de;
+            border: 1px solid #dd7d18;
         }
     }
 }
 
+
+
 //放大图片
 .preview-modal {
     position: fixed;

assets/css/error.less

@@ -0,0 +1,23 @@
+.errorBox {
+  width: 100%;
+  text-align: center;
+  padding-top: 150px;
+  img {
+    width: 532px;
+    height: 440px;
+    margin: 0 auto;
+  }
+  .goHome {
+    width: 152px;
+    height: 48px;
+    line-height: 48px;
+    font-size: 16px;
+    color: #fff;
+    text-align: center;
+    margin: 0 auto;
+    background: #DD7D18;
+    border-radius: 8px;
+    margin-top: 70px;
+    cursor: pointer;
+  }
+}

assets/css/foot.less

@@ -1,438 +0,0 @@
-.index_foot {
-    box-sizing: border-box;
-    width: 1200px;
-    margin: 0 auto;
-}
-
-.index_foot_name_box {
-    margin: 10px auto 0px;
-    text-align: center;
-    font-size: 0px;
-}
-
-.index_foot_name {
-    display: inline-block;
-    height: 67px;
-    line-height: 67px;
-    color: #f2f9f4;
-    font-size: 51px;
-    font-weight: bold;
-    overflow: hidden;
-}
-
-.index_foot_name:nth-of-type(even) {
-    color: #333;
-    font-size: 32px;
-}
-
-.foot_img_box {
-    overflow: hidden;
-    display: block;
-    margin: 20px auto 0;
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: flex-start;
-}
-
-.foot_img_box a {
-    width: 170px;
-    height: 57px;
-    margin: 0 0 20px 0;
-    display: block;
-}
-
-.foot_img_box img {
-    float: left;
-    width: 170px;
-    height: 57px;
-    overflow: hidden;
-    box-sizing: border-box;
-    border: solid 1px #D7EDD4;
-    display: block;
-    margin: 0 auto;
-}
-
-.foot_img_box a:nth-child(2) {
-    margin-left: 35px;
-}
-
-.foot_img_box a:nth-child(3) {
-    margin-left: 35px;
-}
-
-.foot_img_box a:nth-child(4) {
-    margin-left: 35px;
-}
-
-.foot_img_box a:nth-child(5) {
-    margin-left: 35px;
-}
-
-.foot_img_box a:nth-child(6) {
-    margin-left: 40px;
-}
-
-.foot_img_box a:nth-child(7) {
-    margin-left: 0;
-}
-
-.foot_img_box a:nth-child(8) {
-    margin-left: 35px;
-}
-
-.foot_img_box a:nth-child(9) {
-    margin-left: 35px;
-}
-
-.foot_img_box a:nth-child(10) {
-    margin-left: 35px;
-}
-
-.foot_img_box a:nth-child(11) {
-    margin-left: 35px;
-}
-
-.foot_img_box a:nth-child(12) {
-    margin-left: 40px;
-}
-
-.foot_img_box>* * {
-    display: block;
-    width: 100%;
-    height: 100%;
-}
-
-.foot_img_box>*:nth-of-type(7n) {
-    margin-right: 0px;
-}
-
-.foot_frind_box {
-    display: block;
-    margin: 10px auto 0;
-    overflow: hidden;
-    display: flex;
-    width: 100%;
-    // border-bottom: solid 2px #49A769;
-    padding-bottom: 20px;
-}
-
-.foot_frind_box span {
-    word-break: keep-all;
-    white-space: nowrap;
-    line-height: 22px;
-    font-size: 16px;
-    color: #333;
-    font-weight: bold;
-}
-
-.foot_frind_box div {
-    width: 100%;
-    overflow: hidden;
-}
-
-.foot_frind_box div * {
-    float: left;
-    line-height: 22px;
-    height: 22px;
-    color: #333;
-    font-size: 16px;
-    margin: 0 30px;
-    margin-bottom: 20px;
-}
-
-.call_us_box {
-    display: block;
-    width: 100%;
-    margin: 0 auto ;
-    overflow: hidden;
-    text-align: center;
-    font-size: 0px;
-    background: #a01c0e;
-
-    a {
-        color: #fff;
-    }
-}
-
-.call_us_box>* {
-    height: 12px;
-    line-height: 12px;
-    color: #fff;
-    font-size: 14px;
-    display: inline-block;
-    box-sizing: border-box;
-    padding: 0 19px;
-    font-weight: bold;
-    border-left: solid 2px #7e1c11;
-    margin: 18px 0;
-}
-
-.call_us_box>*:nth-of-type(1) {
-    border-left: 0px;
-}
-
-.foot_text_box {
-    margin: 20px auto 0px;
-    text-align: center;
-    color: #333;
-    font-size: 14px;
-    line-height: 25px;
-
-    p {
-        a {
-            color: #333;
-            font-size: 14px;
-        }
-
-        .webSitecolor {
-            color: #a01c0e;
-        }
-    }
-}
-
-.foot_text_box_green {
-    color: #a01c0e;
-}
-
-.foot_text_box img {
-    display: inline-block;
-    height: 20px;
-    vertical-align: middle;
-}
-
-.foot_logo_out {
-    position: relative;
-    margin: 0px auto;
-    width: 100%;
-    height: 0px;
-}
-
-.foot_logo_out * {
-    width: 120px;
-    display: block;
-}
-
-.foot_logo_out>* {
-    position: absolute;
-    top: -140px;
-}
-
-.foot_logo_out>*:nth-of-type(1) {
-    left: 0px;
-}
-
-.foot_logo_out>*:nth-of-type(2) {
-    right: 0px;
-}
-
-.foot_last_img_box {
-    margin: 40px auto 10px;
-    text-align: center;
-    overflow: hidden;
-    width: 100%;
-    font-size: 0px;
-    padding-bottom: 40px;
-}
-
-.foot_last_img_box>* {
-    height: 50px;
-    width: 150px;
-    display: inline-block;
-    overflow: hidden;
-}
-
-.foot_last_img_box img {
-    width: 120px;
-    height: 50px;
-}
-
-.foot_text_html_css :deep(a) {
-    color: #333;
-    // text-decoration: underline;
-}
-
-.foot_text_html_css :deep(img) {
-    margin: 0 5px;
-}
-
-//添加在线客服
-.kefu {
-    bottom: 100px;
-    height: 430px;
-    position: fixed;
-    right: 10px;
-    width: 100px;
-
-    .kefu_itemKf {
-        background-color: #fff;
-        border-radius: 10px;
-        box-shadow: 0 4px 16px #0000001a;
-        height: 100px;
-        margin-bottom: 15px;
-        text-align: center;
-        width: 100px;
-        box-sizing: border-box;
-        position: relative;
-        cursor: pointer;
-        margin-bottom: 100px;
-
-        a {
-            >p {
-                color: #666;
-                font-size: 14px;
-                font-weight: 500;
-                line-height: 16px;
-            }
-
-            >img {
-                margin-top: 15px;
-                width: 50px;
-                height: 50px;
-                margin-bottom: 5px;
-            }
-        }
-    }
-
-    .kefu_itemQQ {
-        background-color: #fff;
-        border-radius: 10px;
-        box-shadow: 0 4px 16px #0000001a;
-        height: 100px;
-        margin-bottom: 15px;
-        text-align: center;
-        width: 100px;
-        box-sizing: border-box;
-        position: relative;
-        cursor: pointer;
-
-        >p {
-            color: #666;
-            font-size: 14px;
-            font-weight: 500;
-            line-height: 16px;
-        }
-
-        >img {
-            margin-top: 10px;
-            width: 60px;
-            height: 60px;
-        }
-
-        &:hover {
-            .kefu_item_content_QQ {
-                display: block;
-            }
-        }
-    }
-
-    .kefu_itemPhone {
-        background-color: #fff;
-        border-radius: 10px;
-        box-shadow: 0 4px 16px #0000001a;
-        height: 100px;
-        margin-bottom: 15px;
-        text-align: center;
-        width: 100px;
-        box-sizing: border-box;
-        position: relative;
-        cursor: pointer;
-
-        >p {
-            color: #666;
-            font-size: 14px;
-            font-weight: 500;
-            line-height: 16px;
-        }
-
-        >img {
-            margin-top: 10px;
-            width: 60px;
-            height: 60px;
-        }
-
-        &:hover {
-            .kefu_item_content_phone {
-                display: block;
-            }
-        }
-    }
-
-    .kefu_item_content_QQ {
-        position: absolute;
-        top: -100px;
-        right: 100px;
-        background: #fff;
-        border-radius: 10px;
-        display: none;
-        width: 190px;
-        height: 330px;
-        background: #fff;
-        box-shadow: 0 4px 16px #0000001a;
-        z-index: 99;
-        box-sizing: border-box;
-        padding: 20px;
-
-        img {
-            margin-bottom: 10px;
-        }
-
-        .qqfs {
-            margin-bottom: 20px;
-            font-size: 14px;
-            color: #333;
-        }
-
-        .arrow {
-            width: 0;
-            height: 0;
-            width: 0;
-            border-top: 20px solid transparent;
-            border-bottom: 20px solid transparent;
-            border-left: 20px solid #fff;
-            position: absolute;
-            top: 120px;
-            right: -20px;
-            transform: translateX(-50%);
-            z-index: 100;
-        }
-    }
-
-    .kefu_item_content_phone {
-        position: absolute;
-        top: 0;
-        right: 100px;
-        background: #fff;
-        border-radius: 10px;
-        display: none;
-        width: 190px;
-        height: 80px;
-        background: #fff;
-        box-shadow: 0 4px 16px #0000001a;
-        z-index: 99;
-        box-sizing: border-box;
-        padding: 20px;
-        text-align: left;
-        color: #333;
-
-        .kefu_item_content_phone_title {
-            margin-bottom: 5px;
-            font-weight: bold;
-        }
-
-        .arrow {
-            width: 0;
-            height: 0;
-            width: 0;
-            border-top: 20px solid transparent;
-            border-bottom: 20px solid transparent;
-            border-left: 20px solid #fff;
-            position: absolute;
-            top: 20px;
-            right: -20px;
-            transform: translateX(-50%);
-            z-index: 100;
-        }
-    }
-}

assets/css/index.less

@@ -1,285 +1,177 @@
-.topNewsPart {
+
+
+
+//第一部分
+.part1 {
     width: 100%;
-    padding-top: 15px;
-    box-sizing: border-box;
+    height: 475px;
+    overflow: hidden;
+    margin-top: 30px;
+    margin-bottom: 30px;
 
     .inner {
         width: 1200px;
-        overflow: hidden;
+        margin: 0 auto;
 
-        .toutiao {
-            .xwtt {
-                width: 1200px;
-                height: 41px;
-                line-height: 41px;
+        //左侧
+        .part1_left {
+            float: left;
+            width: 900px;
+            position: relative;
 
-                .ttlogo {
-                    margin-left: 110px;
-                    display: inline-block;
-                    width: 94px;
-                    height: 41px;
-                    line-height: 41px;
-                    text-align: center;
-                    color: #fff;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: bold;
-                    font-size: 16px;
-                    background-color: #a01c0e;
-                    margin-right: 135px;
-                }
+            .hengxian {
+                width: 900px;
+                height: 2px;
+                background: #DD7D18;
+                margin-top: 10px;
 
-                .tttitle {
+                em {
                     display: inline-block;
-                    width: 561px;
-                    height: 41px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: bold;
-                    font-size: 30px;
-                    color: #333333;
-                    line-height: 35px;
-                    text-align: left;
-                    vertical-align: middle;
+                    width: 100px;
+                    height: 6px;
+                    background: #DD7D18;
+                    position: absolute;
+                    top: 10px;
+                    left: 46px;
                 }
-
             }
 
-            .toutiao1 {
-                width: 1200px;
-                text-align: center;
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
+
+            .part1_left_title {
                 font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: 400;
-                font-size: 18px;
+                font-weight: bold;
+                font-size: 24px;
                 color: #333333;
-                line-height: 21px;
                 margin-top: 20px;
-                padding: 0 100px;
-                box-sizing: border-box;
 
                 a {
                     color: #333333;
                 }
+
+                img {
+                    width: 30px;
+                    height: 30px;
+                    vertical-align: middle;
+                    margin-right: 10px;
+                }
             }
-        }
 
-        .vibrant {
-            width: 1200px;
-            display: flex;
-            justify-content: space-between;
-            margin: 30px 0;
+            .part1_left_content {
+                width: 900px;
+                height: 300px;
+                margin-top: 20px;
 
-            li {
-                width: 390px;
-                height: 5px;
-                background-color: #ecd2cf;
-            }
+                .part1_left_content1 {
+                    float: left;
 
-            li:hover {
-                background-color: #a01c0e;
-            }
 
-            .active {
-                background-color: #a01c0e;
-            }
-        }
+                    .part1_left_photo {
+                        width: 410px;
+                        height: 160px;
 
-        .messageLeft {
-            float: left;
-            width: 456px;
+                        .part1_left_photo11 {
+                            width: 195px;
+                            height: 160px;
+                            float: left;
 
-            .leftTitle {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                // margin-bottom: 20px;
+                            img {
+                                width: 195px;
+                                height: 117px;
+                            }
 
-                .leftnav {
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-                    line-height: 23px;
-                    position: relative;
+                            .left_content {
+                                width: 195px;
+                                height: 40px;
+                                white-space: nowrap;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                line-height: 40px;
+                                font-weight: 400;
+                                font-size: 18px;
+                                color: #333333;
+                            }
+                        }
 
-                    a {
-                        color: #333333;
-                    }
+                        .part1_left_photo11:hover {
+                            .left_content {
+                                color: #dd7d18;
+                            }
+                        }
 
-                    em {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        position: absolute;
-                        top: 0px;
-                        right: -10px;
-                        border-radius: 4px;
+                        .part1_left_photo11:first-child {
+                            margin-right: 20px;
+                        }
                     }
-                }
 
-                .rightnav {
-                    width: 337px;
-                    // display: flex;
-                    // justify-content: space-between;
-                    // align-items: center;
 
-                    li {
+                    .part1_left_context {
                         float: left;
-                        margin-right: 10px;
-                        color: #999999;
-                        font-family: 14px;
+                        width: 410px;
+                        height: 160px;
+                        margin-top: 20px;
 
-                        a {
-                            margin-right: 10px;
-                            color: #999999;
-                            font-size: 16px;
-                        }
-                    }
+                        .part1_left_contextList {
+                            width: 410px;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-size: 18px;
+                            color: #333333;
+                            margin-bottom: 22px;
 
-                    li:hover {
-                        a {
-                            color: #a01c0e;
+                            a {
+                                color: #333333;
+                            }
                         }
-                    }
-                }
 
-            }
 
+                        .part1_left_contextList:first-child {
+                            width: 410px;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-weight: bold;
+                            font-size: 18px;
+                            color: #333333;
 
+                            a {
+                                color: #333333;
+                            }
 
-            .leftContent {
-                width: 456px;
-                margin-top: 30px;
-                background-color: #fafafa;
-                background-color: #fff;
+                        }
 
-                li:nth-child(1) {
-                    width: 445px;
-                    margin-bottom: 20px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: bold;
-                    font-size: 18px;
-                    color: #333333;
+                        .part1_left_contextList:hover a {
+                            color: #dd7d18;
+                        }
 
-                    a {
-                        width: 456px;
-                        color: #333333;
                     }
-                }
-
-                li:nth-child(1):hover a {
-                    color: #a01c0e;
-                }
 
-                .context {
-                    width: 445px;
-                    margin-bottom: 22px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 18px;
-                    color: #333333;
+                    .part1_left_content2 {
+                        float: right;
+                        width: 450px;
+                        height: 300px;
+                        margin-top: 40px;
+                        background-color: #333333;
 
-                    a {
-                        width: 456px;
-                        color: #333333;
                     }
-                }
 
-                .context:nth-child(5n+1) {
-                    font-weight: bold;
-                }
-
-
-                .context:last-child {
-                    margin-bottom: 10px;
                 }
 
-                .context:hover a {
-                    color: #a01c0e;
-                }
-            }
-
-            .leftContent1 {
-                margin-top: 20px;
-            }
-
-        }
-
-        .messageRight {
-            float: right;
-            width: 720px;
-
-            .lunbo {
-                width: 720px;
-                height: 405px;
-            }
-
-            .mid {
-                width: 720px;
-                height: 250px;
-                margin-top: 20px;
-
-                .nav1,
-                .nav2 {
+                .part1_left_content2 {
                     float: left;
-                    width: 355px;
-                    background-color: #f8f8f8;
-
-
-                    .navtitle {
-                        width: 355px;
-                        height: 60px;
-                        line-height: 60px;
-                        background-color: #f4f4f4;
-                        padding-left: 20px;
-                        box-sizing: border-box;
-                        font-family: DingTalk JinBuTi, DingTalk JinBuTi;
-                        font-weight: 400;
-                        font-size: 24px;
-                        color: #333333;
-
-                        img {
-                            width: 24px;
-                            height: 24px;
-                            vertical-align: -2px;
-                            margin-right: 8px;
-                        }
-
-                        a {
-                            color: #333333;
-                        }
-
-                        a:hover {
-                            color: #a01c0e;
-                        }
-                    }
+                    width: 450px;
+                    margin-left: 30px;
 
-                    .navContext {
-                        width: 360px;
-                        height: 196px;
-                        padding: 20px 20px;
-                        box-sizing: border-box;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #333333;
+                    .part1_left_context222 {
+                        width: 450px;
 
-                        .Contextlist {
-                            width: 330px;
+                        .part1_left_contextList222 {
+                            width: 450px;
                             white-space: nowrap;
                             overflow: hidden;
                             text-overflow: ellipsis;
+                            font-size: 18px;
+                            color: #333333;
                             margin-bottom: 20px;
 
                             a {
@@ -287,112 +179,92 @@
                             }
                         }
 
-                        .Contextlist:last-child {
-                            margin-bottom: 0;
+                        .part1_left_contextList222:hover a {
+                            color: #dd7d18;
                         }
 
-                        .Contextlist:hover a {
-                            color: #a01c0e;
+                        .part1_left_contextList222:first-child {
+                            font-weight: bold;
                         }
+                    }
 
+                    .part1_left_context222:last-child {
+                        margin-top: 30px;
                     }
                 }
 
-                .nav1 {
-                    margin-right: 10px;
-                }
             }
 
-            .foot {
-                width: 720px;
-                background-color: #f8f8f8;
-                margin-top: 20px;
-                padding: 20px 20px;
-                box-sizing: border-box;
 
-                .head_nav {
-                    width: 680px;
-                    height: 140px;
-                    padding: 30px 40px;
-                    box-sizing: border-box;
-                    background-color: #fff;
-                    border: 1px solid #E9E9E9;
-                    display: flex;
-                    justify-content: space-between;
-                    flex-wrap: wrap;
-                    align-items: center;
 
-                    .nav_list {
-                        float: left;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: bold;
-                        font-size: 18px;
-                        color: #333333;
-                        height: 40px;
-                        line-height: 40px;
-                        margin-right: 45px;
-
-                        img {
-                            width: 24px;
-                            height: 24px;
-                            vertical-align: -6px;
-                            margin-right: 8px;
-                        }
+        }
 
-                        a {
-                            color: #333333;
-                        }
-                    }
+        //右侧
+        .part1_right {
+            float: right;
+            width: 270px;
+
+            .part1_right_title {
+                font-size: 22px;
+                .part1_right_titlelist {
+                    color: #999999;
+                    margin-right: 20px;
                 }
 
-                .foot_nav {
-                    width: 680px;
-                    height: 68px;
-                    line-height: 68px;
-                    background-color: #fff;
-                    margin-top: 15px;
-                    text-align: center;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
+                .part1_right_titlelist1 {
+                    color: #999999;
+                }
+
+                .active {
                     font-weight: bold;
-                    font-size: 20px;
                     color: #333333;
-                    border: 1px solid #E9E9E9;
-
-                    a {
-                        color: #333333;
-                    }
                 }
+
             }
-        }
-    }
-}
 
-//第一部分
-.part1 {
-    width: 100%;
-    overflow: hidden;
+            .part1_right_photo_text {
+                width: 270px;
+                margin-top: 20px;
 
-    .inner {
-        width: 1200px;
-        margin: 0 auto;
+                img {
+                    width: 270px;
+                    height: 170px;
+                }
 
-        .part1_left {
-            float: left;
-            width: 720px;
+                .part1_right_text {
+                    margin-top: 10px;
+                    width: 270px;
+                    height: 50px;
+                    display: -webkit-box;
+                    -webkit-box-orient: vertical;
+                    -webkit-line-clamp: 2;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    word-break: break-all;
+                    overflow: hidden;
+                    font-size: 18px;
+                    color: #333333;
+                }
+            }
 
-            .part1_title {
-                width: 720px;
-                height: 50px;
-                line-height: 50px;
+            .part1_right_photo_text:hover {
+                .part1_right_text {
+                    color: #dd7d18;
+                }
+            }
 
-                .nav_part1_left {
-                    float: left;
-                    width: 100px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
+            .part1_right_content {
+                width: 270px;
+                margin-top: 26px;
+
+                .part1_right_contentList {
+                    width: 275px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    font-size: 18px;
                     color: #333333;
-                    position: relative;
+                    margin-bottom: 20px;
 
                     a {
                         color: #333333;
@@ -402,2071 +274,726 @@
                         display: inline-block;
                         width: 8px;
                         height: 8px;
-                        background-color: #a01c0e;
+                        background-color: #ccc;
                         border-radius: 4px;
-                        position: absolute;
-                        top: 9px;
-                        // right: 0px;
+                        margin-right: 10px;
                     }
                 }
 
-                .nav_part1_right {
-                    float: right;
+                .part1_right_contentList:hover {
+                    a {
+                        color: #dd7d18;
+                    }
+                }
+            }
 
-                    .nav_part1_right_title {
-                        float: left;
-                        margin-left: 10px;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 16px;
-                        color: #999999;
+        }
+    }
+}
 
-                        a {
-                            color: #999999;
-                        }
+//第二部分
+.part2 {
+    width: 100%;
+    height: 525px;
+    margin-bottom: 30px;
+    margin-top: 30px;
 
-                        span {
-                            margin-left: 10px;
-                        }
-                    }
+    .inner {
+        width: 1200px;
+        margin: 0 auto;
 
-                    .nav_part1_right_title:hover {
-                        a {
-                            color: #a01c0e;
-                        }
-                    }
-                }
-            }
+        .part2_left {
+            float: left;
+            width: 900px;
+            position: relative;
 
-            .part1_content {
-                width: 720px;
-                height: 438px;
+            .part2_hengxian {
+                width: 900px;
+                height: 2px;
+                background: #DD7D18;
                 margin-top: 10px;
 
-                .context_left {
-                    float: left;
-                    width: 350px;
-
-                    .top {
-                        width: 350px;
-                        height: 285px;
-                        position: relative;
-
-                        .bottom_left_img {
-                            width: 165px;
-                            height: 96px;
-                        }
-
-                        a img {
-                            width: 350px;
-                            height: 230px;
-                        }
+                em {
+                    display: inline-block;
+                    width: 100px;
+                    height: 6px;
+                    background: #DD7D18;
+                    position: absolute;
+                    top: 10px;
+                    left: 46px;
+                }
+            }
 
-                        a .title1 {
-                            margin-top: 5px;
-                            width: 350px;
-                            height: 48px;
-                            display: -webkit-box;
-                            -webkit-box-orient: vertical;
-                            -webkit-line-clamp: 2;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            word-break: break-all;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: bold;
-                            font-size: 18px;
-                            color: #333333;
-                        }
 
-                        // a {
-                        //     color: #333333;
-                        // }
+            .part2_left_title {
+                font-family: Microsoft YaHei, Microsoft YaHei;
+                font-weight: bold;
+                font-size: 24px;
+                color: #333333;
+                margin-top: 20px;
 
-                    }
+                a {
+                    color: #333333;
+                }
 
-                    .top:hover a .title1 {
-                        color: #a01c0e;
-                    }
+                img {
+                    width: 30px;
+                    height: 30px;
+                    vertical-align: middle;
+                    margin-right: 10px;
+                }
+            }
 
-                    .bottom_context {
-                        width: 350px;
-                        margin-top: 20px;
+            .part2_left_content1 {
+                float: left;
+                width: 420px;
+                margin-top: 25px;
+                margin-right: 30px;
 
-                        .bottom_left {
-                            float: left;
-                            width: 165px;
+                .part2_left_content111 {
+                    // margin-top: 30px;
 
-                            .bottom_left_img {
-                                width: 165px;
-                                height: 96px;
-                            }
+                    .part2_left_content1_list {
+                        width: 420px;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        font-size: 18px;
+                        color: #333333;
+                        margin-bottom: 20px;
 
-                            a img {
-                                width: 165px;
-                                height: 96px;
-                            }
+                        a {
+                            color: #333333;
+                        }
 
-                            a .title2 {
-                                margin-top: 5px;
-                                width: 165px;
-                                height: 48px;
-                                display: -webkit-box;
-                                -webkit-box-orient: vertical;
-                                -webkit-line-clamp: 2;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                word-break: break-all;
-                                font-family: Microsoft YaHei, Microsoft YaHei;
-                                font-weight: 400;
-                                font-size: 18px;
-                                color: #333333;
-                            }
+                        a .nav2_title {
+                            color: #999999;
+                            padding-right: 10px;
+                            border-right: 1px solid #dd7d18;
+                        }
 
-                            a {
-                                color: #333333;
-                            }
+                        .nav2_title:hover {
+                            color: #dd7d18;
                         }
 
-                        .bottom_left:hover a .title2 {
-                            color: #a01c0e;
+                        a .nav2_title_content {
+                            color: #333333;
+                            margin-left: 10px;
                         }
 
-                        .bottom_left:first-child {
-                            margin-right: 20px;
+                        .nav2_title_content:hover {
+                            color: #dd7d18;
                         }
+                    }
 
+                    .part2_left_content1_list:nth-child(5n+1) {
+                        .nav2_title_content {
+                            font-weight: bold;
+                        }
                     }
+                    .part2_left_content1_list:last-child{
+                        margin-bottom: 0;
+                    }
+                }
+            }
 
+            .part2_left_content2 {
+                position: relative;
+                float: right;
+                width: 450px;
+                height: 430px;
+                margin-top: 25px;
 
-                }
+                .part2_left_content2list {
+                    display: flex;
+                    width: 450px;
+                    height: 120px;
+                    margin-bottom: 30px;
 
-                .context_right {
-                    float: right;
-                    width: 350px;
+                    img {
+                        float: left;
+                        width: 180px;
+                        height: 120px;
+                    }
 
-                    .rightContent {
-                        width: 350px;
+                    .content2_text {
+                        float: right;
+                        width: 252px;
+                        height: 120px;
+                        padding-left: 15px;
+                        position: relative;
 
-                        li:nth-child(5n+1) {
-                            margin-bottom: 24px;
-                            width: 345px;
-                            white-space: nowrap;
+                        .content2_text_content {
+                            width: 252px;
+                            display: -webkit-box;
+                            -webkit-box-orient: vertical;
+                            -webkit-line-clamp: 3;
                             overflow: hidden;
                             text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            word-break: break-all;
+                            // display: block;
                             font-weight: bold;
                             font-size: 18px;
                             color: #333333;
 
-                            a {
-                                color: #333333;
-                            }
-                        }
-
-                        .li:nth-child(5n+1):hover a {
-                            color: #a01c0e;
                         }
 
-                        .context1 {
-                            margin-bottom: 24px;
-                            width: 345px;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-
-                            a {
-                                color: #333333;
-                            }
+                        .content2_text_title {
+                            display: block;
+                            width: 66px;
+                            height: 28px;
+                            line-height: 28px;
+                            text-align: center;
+                            font-size: 14px;
+                            color: #999999;
+                            background-color: #f5f5f7;
+                            position: absolute;
+                            left: 15px;
+                            bottom: 0;
                         }
+                    }
 
-                        .context1:hover a {
-                            color: #a01c0e;
+                    .content2_text:hover {
+                        .content2_text_content {
+                            color: #dd7d18;
                         }
-
                     }
-
-                    // .rightContent:first-child {
-                    //     margin-bottom: 25px;
-                    // }
+                }
+                .adlogo3{
+                    position: absolute;
+                    bottom: 0;
+                    right: 0;
+                    width: 450px;
+                    height: 290px;
                 }
             }
         }
 
-        .part1_right {
+        .part2_right {
             float: right;
-            width: 450px;
+            width: 270px;
             // height: 1000px;
 
-            .part1_right_title {
-                width: 450px;
-                height: 50px;
-                line-height: 50px;
+            .part2_right_title {
+                font-weight: bold;
+                font-size: 22px;
+                color: #333333;
 
-                .part1_right_title1_active {
-                    float: left;
-                    margin-right: 40px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
+                a {
+                    color: #333333;
+                }
+            }
+
+            .part2_right_content {
+                width: 270px;
+                margin-top: 15px;
+
+                .part2_right_contentList {
+                    width: 270px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    font-size: 18px;
                     color: #333333;
-                    position: relative;
+                    padding-top: 17px;
+                    padding-bottom: 16px;
+                    box-sizing: border-box;
+                    border-bottom: 1px solid #DDDDDD;
 
-                    a.active {
+                    a {
                         color: #333333;
                     }
 
-                    .active_bg {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 7px;
-                        right: -5px;
+                    .listNumber {
+                        font-family: DingTalk JinBuTi, DingTalk JinBuTi;
+                        font-weight: 400;
+                        font-size: 20px;
+                        color: #D9D9D9;
+                        margin-right: 15px;
                     }
-                }
 
-                .part1_right_title1 {
-                    float: left;
-                    margin-right: 40px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #999999;
-                    position: relative;
+                }
 
+                .part2_right_contentList:hover {
                     a {
-                        color: #999999;
+                        color: #dd7d18;
+                    }
+                }
+
+                .part2_right_contentList:nth-child(1) {
+                    .listNumber {
+                        color: #DD7D18;
                     }
+                }
 
+                .part2_right_contentList:nth-child(2) {
+                    .listNumber {
+                        color: #DD7D18;
+                    }
                 }
 
+                .part2_right_contentList:nth-child(3) {
+                    .listNumber {
+                        color: #DD7D18;
+                    }
+                }
             }
+        }
+    }
+}
 
-            .part1_right_content {
-                width: 450px;
-                margin-top: 10px;
+//第三部分
+.part3 {
+    width: 100%;
+    height: 575px;
+    overflow: hidden;
+    margin-bottom: 30px;
+    margin-top: 30px;
 
-                .part1_top_111 {
-                    width: 450px;
-                    height: 165px;
-                    // margin-bottom: 20px;
-                    position: relative;
+    .inner {
+        width: 1200px;
+        overflow: hidden;
+        margin: 0 auto;
+        background-color: #fff;
 
-                    .part1_right_content_top {
-                        float: left;
-                        width: 220px;
+        .part3_left {
+            float: left;
+            width: 900px;
+            background-color: #fff;
+            position: relative;
 
-                        a img {
-                            width: 220px;
-                            height: 130px;
-                        }
+            .part3_hengxian {
+                width: 900px;
+                height: 2px;
+                background: #DD7D18;
+                margin-top: 10px;
 
-                        a .content_top_title2 {
-                            display: inline-block;
-                            width: 220px;
-                            padding: 0 10px;
-                            box-sizing: border-box;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-                            margin-top: 5px;
-                        }
-                    }
+                em {
+                    display: inline-block;
+                    width: 100px;
+                    height: 6px;
+                    background: #DD7D18;
+                    position: absolute;
+                    top: 10px;
+                    left: 46px;
+                }
+            }
 
-                    .part1_right_content_top:hover a .content_top_title2 {
-                        color: #a01c0e;
-                    }
 
-                    .part1_right_content_top:nth-child(2) {
-                        margin-left: 10px;
-                    }
+            .part3_left_title {
+                font-family: Microsoft YaHei, Microsoft YaHei;
+                font-weight: bold;
+                font-size: 24px;
+                color: #333333;
+                margin-top: 20px;
+
+                a {
+                    color: #333333;
                 }
 
-                .part1_right_content_bottom {
-                    width: 450px;
-                    overflow: hidden;
+                img {
+                    width: 30px;
+                    height: 30px;
+                    vertical-align: middle;
+                    margin-right: 10px;
+                }
+            }
 
-                    .content_bottom_list {
-                        width: 450px;
-                        margin-top: 24px;
+            .part3_left_content {
+                width: 900px;
+                margin-top: 20px;
 
-                        a {
-                            color: #333333;
-                        }
+                .part3_left_content1 {
+                    float: left;
+                    width: 410px;
+                    margin-right: 30px;
 
-                        a .sec_title {
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #A01C0E;
-                            line-height: 21px;
-                            margin-right: 15px;
+                    .part3_left_content1_photo1 {
+                        font-size: 18px;
+
+                        a img {
+                            width: 410px;
+                            height: 260px;
                         }
 
-                        a .sec_content {
-                            display: inline-block;
-                            width: 355px;
+                        .part3_left_content1_text {
+                            width: 410px;
                             white-space: nowrap;
                             overflow: hidden;
                             text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
                             font-size: 18px;
                             color: #333333;
-                            line-height: 21px;
-                            padding-left: 15px;
-                            border-left: 1px solid #666;
-                            box-sizing: border-box;
-                            vertical-align: -1px;
+                            margin-top: 15px;
                         }
                     }
 
-                    a .sec_content:hover {
-                        color: #a01c0e;
+                    .part3_left_content1_photo1:hover {
+                        .part3_left_content1_text {
+                            color: #dd7d18;
+                        }
                     }
-                }
-            }
-        }
-    }
-}
 
-//第二部分
-.part2 {
-    width: 100%;
-    height: 540px;
-    overflow: hidden;
+                    .part3_left_content1_photo2 {
+                        width: 410px;
+                        margin-top: 30px;
+                        display: flex;
+                        justify-content: space-between;
 
-    .inner {
-        width: 1200px;
-        margin: 0 auto;
+                        .part3_left_content1_photo2list {
+                            width: 195px;
 
-        .part2_left {
-            float: left;
-            width: 720px;
-            // overflow: hidden;
-
-            .part2_title {
-                width: 720px;
-                height: 50px;
-                line-height: 50px;
-
-                .nav_part2_left {
-                    float: left;
-                    width: 100px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-                    position: relative;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    em {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 9px;
-                        right: 0px;
-                    }
-                }
-
-                .nav_part2_right {
-                    float: right;
-
-                    .nav_part2_right_title {
-                        float: left;
-                        margin-left: 10px;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 16px;
-                        color: #999999;
-
-                        a {
-                            color: #999999;
-                        }
-
-                        span {
-                            margin-left: 10px;
-                        }
-                    }
-
-                    .nav_part2_right_title:hover {
-                        a {
-                            color: #a01c0e;
-                        }
-                    }
-                }
-            }
-
-            .part2_content {
-                width: 720px;
-                margin-top: 20px;
-
-                .part2_content_left {
-                    float: left;
-                    width: 350px;
-
-                    .content_a {
-                        width: 350px;
-
-                        li:nth-child(5n+1) {
-                            margin-bottom: 24px;
-                            width: 345px;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: bold;
-                            font-size: 18px;
-                            color: #333333;
-
-                            a {
-                                color: #333333;
-                            }
-                        }
-
-                        li:nth-child(5n+1):hover a {
-                            color: #a01c0e;
-                        }
-
-                        .context111 {
-                            margin-bottom: 24px;
-                            width: 345px;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-
-                            a {
-                                color: #333333;
-                            }
-                        }
-
-                        .context111:hover a {
-                            color: #a01c0e;
-                        }
-
-                    }
-                }
-
-                .part2_content_right {
-                    float: right;
-                    width: 350px;
-                    height: 440px;
-
-                    .right_top {
-                        width: 350px;
-                        height: 285px;
-                        position: relative;
-
-                        a img {
-                            width: 350px;
-                            height: 230px;
-                        }
-
-                        a .title11 {
-                            margin-top: 5px;
-                            width: 350px;
-                            height: 48px;
-                            display: -webkit-box;
-                            -webkit-box-orient: vertical;
-                            -webkit-line-clamp: 2;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            word-break: break-all;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: bold;
-                            font-size: 18px;
-                            color: #333333;
-                        }
-                    }
-
-                    .right_top:hover a .title11 {
-                        color: #a01c0e;
-                    }
-
-                    .right_bottom {
-                        width: 350px;
-                        margin-top: 20px;
-
-                        .bottom_left {
-                            float: left;
-                            width: 165px;
-
-                            a img {
-                                width: 165px;
-                                height: 96px;
-                            }
-
-                            a .title22 {
-                                margin-top: 5px;
-                                width: 165px;
-                                // height: 48px;
-                                display: -webkit-box;
-                                -webkit-box-orient: vertical;
-                                -webkit-line-clamp: 2;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                word-break: break-all;
-                                font-family: Microsoft YaHei, Microsoft YaHei;
-                                font-weight: 400;
-                                font-size: 18px;
-                                color: #333333;
-                            }
-
-                            a {
-                                color: #333333;
-                            }
-
-                        }
-
-                        .bottom_left:hover a .title22 {
-                            color: #a01c0e;
-                        }
-
-                        .bottom_left:first-child {
-                            margin-right: 20px;
-                        }
-                    }
-
-
-                }
-            }
-        }
-
-        .part2_right {
-            float: right;
-            width: 450px;
-            // height: 1000px;
-
-            .part2_right_title {
-                width: 450px;
-                height: 50px;
-                line-height: 50px;
-
-                .part2_right_title1_active {
-                    float: left;
-                    margin-right: 40px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-                    position: relative;
-
-                    a.active {
-                        color: #333333;
-                    }
-
-                    .active_bg11 {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 7px;
-                        right: -5px;
-                    }
-                }
-
-                .part2_right_title1 {
-                    float: left;
-                    margin-right: 40px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #999999;
-                    position: relative;
-
-                    a {
-                        color: #999999;
-                    }
-                }
-
-            }
-
-            .part2_right_content {
-                width: 450px;
-                margin-top: 20px;
-
-                .part2_top_1111 {
-                    width: 450px;
-                    height: 165px;
-                    position: relative;
-
-                    .part2_right_content_top {
-                        float: left;
-                        width: 220px;
-
-                        a img {
-                            width: 220px;
-                            height: 130px;
-                        }
-
-                        a .content_top_title22 {
-                            display: inline-block;
-                            width: 220px;
-                            padding: 0 10px;
-                            box-sizing: border-box;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-                            margin-top: 5px;
-                        }
-                    }
-
-                    .part2_right_content_top:hover a .content_top_title22 {
-                        color: #a01c0e;
-                    }
-
-                    .part2_right_content_top:nth-child(2) {
-                        margin-left: 10px;
-                    }
-                }
-
-
-
-                .part2_right_content_bottom {
-                    width: 450px;
-                    // height: 300px;
-                    // margin-top: 20px;
-                    overflow: hidden;
-
-                    .content_bottom_list {
-                        width: 450px;
-                        margin-top: 24px;
-
-                        a {
-                            color: #333333;
-                        }
-
-                        a .sec_title_part2 {
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #A01C0E;
-                            line-height: 21px;
-                            margin-right: 15px;
-                        }
-
-                        a .sec_content_part2 {
-                            display: inline-block;
-                            width: 355px;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-                            line-height: 21px;
-                            padding-left: 15px;
-                            border-left: 1px solid #666;
-                            box-sizing: border-box;
-                            vertical-align: -1px;
-                        }
-                    }
-
-                    a .sec_content_part2:hover {
-                        color: #a01c0e;
-                    }
-                }
-            }
-        }
-    }
-}
-
-//第三部分
-.part3 {
-    width: 100%;
-    margin-top: 30px;
-    margin-bottom: 20px;
-
-    .inner {
-        width: 1200px;
-        overflow: hidden;
-        margin: 0 auto;
-        background-color: #fff;
-
-        .part3_left {
-            float: left;
-            width: 720px;
-            overflow: hidden;
-            background-color: #fff;
-
-            .part3_left_1 {
-                width: 350px;
-                overflow: hidden;
-                float: left;
-                background-color: #fff;
-
-                .part3_title1 {
-                    width: 100px;
-                    height: 50px;
-                    line-height: 50px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-                    position: relative;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    em {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 9px;
-                        right: 0px;
-                    }
-                }
-
-
-                .part3_photo_text {
-                    width: 350px;
-                    height: 96px;
-                    margin-top: 20px;
-
-                    img {
-                        width: 165px;
-                        height: 96px;
-                        float: left;
-                    }
-
-                    .part3_text {
-                        width: 175px;
-                        height: 75px;
-                        display: -webkit-box;
-                        -webkit-box-orient: vertical;
-                        -webkit-line-clamp: 2;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        word-break: break-all;
-                        float: right;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #333333;
-                        line-height: 25px;
-                        padding: 24px 10px;
-                        box-sizing: border-box;
-                    }
-                }
-
-                .part3_photo_text:hover {
-                    color: #a01c0e;
-
-                    a span {
-                        color: #a01c0e;
-                    }
-                }
-
-                .part3_content {
-                    width: 350px;
-
-                    .part3_contentList {
-                        width: 350px;
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #333333;
-                        line-height: 21px;
-                        margin-top: 22px;
-
-                        a {
-                            color: #333333;
-                        }
-                    }
-
-                    .part3_contentList:hover {
-                        color: #a01c0e;
-
-                        a {
-                            color: #a01c0e;
-                        }
-                    }
-
-                    .part3_contentList:nth-child(1) {
-                        font-weight: bold;
-                    }
-                }
-            }
-
-            .part3_left_1:first-child {
-                margin-right: 10px;
-            }
-        }
-
-        .part3_right {
-            float: right;
-            width: 450px;
-            // height: 420px;
-            background-color: #f8f8f8;
-
-            .part3_right_title {
-                width: 450px;
-                height: 60px;
-                line-height: 60px;
-                font-family: DingTalk JinBuTi, DingTalk JinBuTi;
-                font-weight: 400;
-                font-size: 22px;
-                color: #333333;
-                background-color: #f4f4f4;
-
-                a {
-                    color: #333333;
-                }
-
-                a:hover {
-                    color: #a01c0e;
-                }
-
-                img {
-                    width: 24px;
-                    height: 24px;
-                    vertical-align: -3px;
-                    margin-right: 12px;
-                    margin-left: 20px;
-                }
-            }
-
-            .part3_right_content {
-                width: 450px;
-                height: 320px;
-                padding: 16px 20px;
-                box-sizing: border-box;
-                display: flex;
-                flex-wrap: wrap;
-                justify-content: space-between;
-                align-content: space-between;
-
-                .content_list {
-                    float: left;
-                    width: 200px;
-                    height: 133px;
-                    background-color: #fff;
-                    border: 1px solid #E9E9E9;
-                    text-align: center;
-                    padding: 20px auto;
-
-                    .part3_right_content_list {
-                        display: block;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: bold;
-                        font-size: 20px;
-                        color: #333333;
-                    }
-
-                    .photo {
-                        width: 90px;
-                        height: 68px;
-                        text-align: center;
-                        margin: 10px auto 10px;
-
-                        //     img{
-                        //     width: 47px;
-                        //     height: 47px;
-                        // }
-                    }
-
-                }
-
-                .content_list:hover {
-                    color: #a01c0e;
-
-                    a span {
-                        color: #a01c0e;
-                    }
-                }
-            }
-        }
-    }
-}
-
-//第四部分
-.part4 {
-    width: 100%;
-    height: 405px;
-    // margin-bottom: 40px;
-
-    .inner {
-        width: 1200px;
-        height: 425px;
-        background-color: #fff;
-
-        .part4_title {
-            width: 1200px;
-            height: 50px;
-            line-height: 50px;
-
-            .part4_title_left {
-                float: left;
-                width: 100px;
-                position: relative;
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: 400;
-                font-size: 20px;
-                color: #333333;
-
-                a {
-                    color: #333333;
-                }
-
-                em {
-                    display: inline-block;
-                    width: 8px;
-                    height: 8px;
-                    background-color: #a01c0e;
-                    border-radius: 4px;
-                    position: absolute;
-                    top: 9px;
-                    right: 0px;
-                }
-            }
-
-
-            .part4_title_right {
-                float: right;
-
-                .right_titleList {
-                    float: left;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 16px;
-                    color: #999999;
-                    margin-right: 10px;
-
-                    a {
-                        color: #999999;
-                    }
-
-                    span {
-                        margin-left: 10px;
-                    }
-                }
-
-                .right_titleList:hover {
-                    color: #a01c0e;
-
-                    a {
-                        color: #a01c0e;
-                    }
-
-                    span {
-                        color: #999999;
-                    }
-                }
-
-                .more {
-                    float: right;
-                    height: 50px;
-                    line-height: 50px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 14px;
-                    color: #999999;
-
-                    a {
-                        color: #999999;
-                    }
-                }
-
-                .more:hover {
-                    color: #a01c0e;
-
-                    a {
-                        color: #a01c0e;
-                    }
-                }
-            }
-        }
-
-        .part4_left {
-            float: left;
-            width: 720px;
-            // height: 400px;
-
-            .part4_left_top {
-                width: 700px;
-                text-align: center;
-                padding: 20px 35px 15px;
-                box-sizing: border-box;
-                border-bottom: 1px solid #d9d9d9;
-                margin: 0 20px;
-
-                .left_top_newsList:first-child {
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: bold;
-                    font-size: 18px;
-                    color: #333333;
-                    line-height: 21px;
-
-                    a {
-                        color: #333333;
-                    }
-                }
-
-                .left_top_newsList {
-                    width: 600px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 18px;
-                    color: #999999;
-                    margin-bottom: 15px;
-
-                    a {
-                        color: #999999;
-                    }
-                }
-
-                .left_top_newsList:last-child {
-                    margin-bottom: 0;
-                }
-
-                .left_top_newsList:hover {
-                    color: #a01c0e;
-
-                    a {
-                        color: #a01c0e;
-                    }
-                }
-            }
-
-            .part4_left_bottom {
-                width: 720px;
-                // height: 178px;
-                margin-top: 20px;
-
-                .left_btm_newsList {
-                    float: left;
-                    width: 350px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 18px;
-                    color: #333333;
-                    line-height: 21px;
-                    margin-bottom: 20px;
-
-                    a {
-                        color: #333333;
-                    }
-                }
-
-                .left_btm_newsList:nth-child(2n) {
-                    margin-left: 20px;
-                }
-
-                .left_btm_newsList:hover {
-                    color: #a01c0e;
-
-                    a {
-                        color: #a01c0e;
-                    }
-                }
-            }
-
-        }
-
-        .part4_right {
-            float: right;
-            width: 450px;
-            // height: 345px;
-            margin-top: 20px;
-
-            a img {
-                width: 450px;
-                height: 267px;
-            }
-
-
-            .part4_right_title {
-                display: inline-block;
-                width: 450px;
-                height: 50px;
-                display: -webkit-box;
-                -webkit-box-orient: vertical;
-                -webkit-line-clamp: 2;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                word-break: break-all;
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: bold;
-                font-size: 18px;
-                color: #333333;
-                line-height: 25px;
-                margin-top: 5px;
-            }
-        }
-
-        .part4_right:hover {
-            color: #a01c0e;
-
-            .part4_right_title {
-                color: #a01c0e;
-            }
-        }
-    }
-}
-
-//第五部分
-.part5 {
-    width: 100%;
-    // height: 1200px;
-    margin-top: 20px;
-    margin-bottom: 10px;
-
-    .inner {
-        width: 1200px;
-        height: 1080px;
-        background-color: #fff;
-
-        .part5_left {
-            float: left;
-
-            .part5_left_top {
-                width: 720px;
-                overflow: hidden;
-
-                .part5_leftTitle {
-                    width: 720px;
-                    height: 50px;
-                    line-height: 50px;
-
-                    .part5_left_title_active {
-                        float: left;
-                        margin-right: 20px;
-                        width: 100px;
-                        height: 50px;
-                        line-height: 50px;
-                        position: relative;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #333333;
-
-                        a.active {
-                            color: #333333;
-                        }
-
-                        em {
-                            display: inline-block;
-                            width: 8px;
-                            height: 8px;
-                            background-color: #a01c0e;
-                            border-radius: 4px;
-                            position: absolute;
-                            top: 9px;
-                            right: 0px;
-                        }
-                    }
-
-                    .part5_left_title {
-                        float: left;
-                        margin-right: 20px;
-                        width: 100px;
-                        height: 50px;
-                        line-height: 50px;
-                        position: relative;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #999999;
-
-                        a {
-                            color: #999999;
-                        }
-                    }
-                }
-
-                .part5_left_content {
-                    width: 720px;
-                    margin-top: 20px;
-
-                    .part5_left_content_top {
-                        height: 484px;
-                        .content_top_left {
-                            float: left;
-                            width: 350px;
-                            height: 484px;
-                            position: relative;
-
-                            .part5_photo_text {
-                                width: 350px;
-                                height: 270px;
-
-                                img {
-                                    width: 350px;
-                                    height: 230px;
-                                }
-
-                                .littleTips {
-                                    display: inline-block;
-                                    width: 50px;
-                                    height: 26px;
-                                    line-height: 26px;
-                                    text-align: center;
-                                    background-color: #a01c0e;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: 400;
-                                    font-size: 16px;
-                                    color: #fff;
-                                    position: absolute;
-                                    top: 0;
-                                    right: 10px;
-                                }
-
-                                .part5_text {
-                                    display: inline-block;
-                                    width: 350px;
-                                    height: 26px;
-                                    white-space: nowrap;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: bold;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    margin-top: 15px;
-                                }
-                            }
-
-                            .part5_photo_text:hover {
-
-                                .part5_text {
-                                    color: #a01c0e;
-                                }
-                            }
-
-                            .part5_content {
-                                width: 350px;
-                                height: 210px;
-                                position: absolute;
-                                bottom: 0;
-                                left: 0;
-
-                                .part5_content_list:first-child {
-                                    width: 350px;
-                                    height: 25px;
-                                    white-space: nowrap;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: bold;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    line-height: 22px;
-                                    margin-top: 15px;
-
-                                    a {
-                                        color: #333333;
-                                    }
-                                }
-
-                                .part5_content_list:last-child {
-                                    margin-bottom: 0;
-                                }
-
-                                .part5_content_list {
-                                    width: 350px;
-                                    height: 25px;
-                                    white-space: nowrap;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: 400;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    line-height: 22px;
-                                    margin-bottom: 17px;
-
-                                    a {
-                                        color: #333333;
-                                    }
-                                }
-
-                                .part5_content_list:hover {
-                                    color: #a01c0e;
-
-                                    a {
-                                        color: #a01c0e;
-                                    }
-                                }
-                            }
-                        }
-
-                        .content_top_right {
-                            float: left;
-                            width: 350px;
-                            height: 484px;
-                            border: 1px solid #D9D9D9;
-                            margin-left: 20px;
-                            padding: 30px 25px;
-                            box-sizing: border-box;
-
-                            .content_right_list {
-                                height:54px;
-                                line-height: 54px;
-
-                                .part5_time {
-                                    float: left;
-                                    width: 77px;
-                                    height: 58px;
-                                    color: #a01c0e;
-
-                                    .month {
-                                        font-family: Microsoft YaHei, Microsoft YaHei;
-                                        font-weight: 400;
-                                        font-size: 26px;
-                                        color: #A01C0E;
-                                        line-height: 30px;
-                                    }
-
-                                    .xiegang {
-                                        font-size: 22px;
-                                        font-weight: 400;
-                                    }
-
-                                    .day {
-                                        font-family: Microsoft YaHei, Microsoft YaHei;
-                                        font-weight: 400;
-                                        font-size: 16px;
-                                        color: #A01C0E;
-                                        line-height: 19px;
-                                    }
-                                }
-
-                                .time_left_content {
-                                    float: left;
-                                    width: 300px;
-                                    height: 32px;
-                                    white-space: nowrap;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    line-height: 22px;
-                                    padding-top: 12px;
-                                    box-sizing: border-box;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: 400;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    //border-left: 1px solid #D9D9D9;
-                                    padding-left: 10px;
-
-                                    a {
-                                        color: #333333;
-                                    }
-                                }
-
-                                .time_left_content:hover {
-                                    color: #a01c0e;
-                                }
-
-                                &:nth-child(1),&:nth-child(5) {
-                                    a {
-                                        color:#333;
-                                        font-weight: bold;
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-
-            .part5_left_bottom {
-                width: 720px;
-                margin-top: 15px;
-
-                .part5_leftTitle1 {
-                    width: 720px;
-                    height: 50px;
-                    line-height: 50px;
-
-                    .part5_left_title_active {
-                        float: left;
-                        margin-right: 20px;
-                        width: 100px;
-                        height: 50px;
-                        line-height: 50px;
-                        position: relative;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #333333;
-
-                        a.active {
-                            color: #333333;
-                        }
-
-                        em {
-                            display: inline-block;
-                            width: 8px;
-                            height: 8px;
-                            background-color: #a01c0e;
-                            border-radius: 4px;
-                            position: absolute;
-                            top: 9px;
-                            right: 0px;
-                        }
-                    }
-
-                    .part5_left_title {
-                        float: left;
-                        margin-right: 20px;
-                        width: 100px;
-                        height: 50px;
-                        line-height: 50px;
-                        position: relative;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #999999;
-
-                        a {
-                            color: #999999;
-                        }
-                    }
-                }
-
-                .part5_left_content1 {
-                    width: 720px;
-
-                    .content_bottom_left {
-                        float: left;
-                        width: 350px;
-
-                        .content_top {
-                            width: 350px;
-                            height: 285px;
-                            position: relative;
-
-                            img {
-                                width: 350px;
-                                height: 230px;
-                            }
-
-                            .part5_text {
-                                display: inline-block;
-                                width: 350px;
-                                height: 47px;
-                                line-height: 22px;
-                                display: -webkit-box;
-                                -webkit-box-orient: vertical;
-                                -webkit-line-clamp: 2;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                word-break: break-all;
-                                margin-top: 5px;
-                                font-family: Microsoft YaHei, Microsoft YaHei;
-                                font-weight: bold;
-                                font-size: 18px;
-                                color: #333333
-                            }
-
-                        }
-
-                        .content_top:hover {
-                            .part5_text {
-                                color: #a01c0e;
-                            }
-                        }
-
-                        .content_bottom {
-                            width: 350px;
-                            margin-top: 10px;
-
-                            .content_bottom_1 {
-                                float: left;
-                                width: 165px;
-
-                                img {
-                                    width: 165px;
-                                    height: 96px;
-                                }
-
-                                .part5_text {
-                                    display: inline-block;
-                                    width: 165px;
-                                    height: 44px;
-                                    line-height: 22px;
-                                    display: -webkit-box;
-                                    -webkit-box-orient: vertical;
-                                    -webkit-line-clamp: 2;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    word-break: break-all;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: 400;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    // margin-top: 5px;
-                                }
-                            }
-
-                            .content_bottom_1:hover {
-                                .part5_text {
-                                    color: #a01c0e;
-                                }
-                            }
-
-                            .content_bottom_1:first-child {
-                                margin-right: 20px;
-                            }
-
-                        }
-                    }
-
-                    .content_bottom_right {
-                        float: left;
-                        margin-left: 20px;
-                        width: 350px;
-
-                        .bottom_content_1 {
-                            width: 350px;
-
-                            .bottom_content_list:nth-child(5n+1) {
-                                font-weight: bold;
+                            a img {
+                                width: 195px;
+                                height: 117px;
                             }
 
-                            .bottom_content_list {
-                                width: 350px;
-                                height: 25px;
+                            .part3_left_content1_text {
+                                width: 195px;
                                 white-space: nowrap;
                                 overflow: hidden;
                                 text-overflow: ellipsis;
-                                font-family: Microsoft YaHei, Microsoft YaHei;
-                                font-weight: 400;
                                 font-size: 18px;
-                                color: #333333;
-                                line-height: 21px;
-                                margin-bottom: 21px;
-
-                                a {
-                                    color: #333333;
-                                }
-                            }
-
-                            .bottom_content_list:hover {
-                                color: #a01c0e;
-
-                                a {
-                                    color: #a01c0e;
-                                }
-                            }
-                        }
-
-                        .bottom_content_1:first-child {
-                            margin-bottom: 20px;
-                        }
-
-                        .bottom_content_1:last-child {
-                            .bottom_content_list:last-child {
-                                margin-bottom: 0;
-                            }
-                        }
-                    }
-                }
-            }
-
-        }
-
-        .part5_right {
-            float: right;
-            width: 451px;
-            height: 1070px;
-            position: relative;
-
-
-            .part5_rightTitle {
-                width: 451px;
-                height: 50px;
-                line-height: 50px;
-
-                .part5_right_title_active {
-                    float: left;
-                    margin-right: 20px;
-                    width: 100px;
-                    height: 50px;
-                    line-height: 50px;
-                    position: relative;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-
-                    a.active {
-                        color: #333333;
-                    }
-
-                    em {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 9px;
-                        right: 0px;
-                    }
-                }
-
-                .part5_right_title {
-                    float: left;
-                    margin-right: 20px;
-                    width: 100px;
-                    height: 50px;
-                    line-height: 50px;
-                    position: relative;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #999999;
-
-                    a {
-                        color: #999999;
-                    }
-                }
-
-                .rightMore {
-                    float: right;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 14px;
-                    color: #999999;
-
-                    a {
-                        color: #999999;
-                    }
-
-                }
-            }
-
-            .part5_right_content_top {
-                width: 451px;
-                height: 325px;
-                margin-top: 20px;
-
-                .part5_right_contentlist_top {
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 18px;
-                    color: #333333;
-                    width: 425px;
-                    height: 25px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    margin-bottom: 25px;
+                                color: #333333;
+                                margin-top: 10px;
+                            }
+                        }
 
-                    a {
-                        color: #333333;
+                        .part3_left_content1_photo2list:hover {
+                            .part3_left_content1_text {
+                                color: #dd7d18;
+                            }
+                        }
                     }
 
-                    .numStyle {
-                        display: inline-block;
-                        width: 22px;
-                        height: 22px;
-                        background-color: #f6f6f6;
-                        text-align: center;
-                        margin-right: 20px;
-                        font-family: Protest Strike, Protest Strike;
-                        font-weight: 400;
-                        font-size: 16px;
-                        color: #CCCCCC;
-                        border-radius: 4px;
-                    }
                 }
 
-                .part5_right_contentlist_top:hover {
-                    color: #a01c0e;
+                .part3_left_content2 {
+                    float: right;
 
-                    a {
-                        color: #a01c0e;
-                    }
-                }
+                    .part3_left_content2_text {
+                        width: 460px;
 
-                .part5_right_contentlist_top:nth-child(1) {
-                    .numStyle {
-                        background-color: #a01c0e;
-                        color: #fff;
-                    }
-                }
+                        .part3_left_content2_list {
+                            margin-bottom: 18px;
 
-                .part5_right_contentlist_top:nth-child(2) {
-                    .numStyle {
-                        background-color: #FFC62E;
-                        color: #fff;
-                    }
-                }
+                            .nav3_title {
+                                font-size: 18px;
+                                color: #999;
+                                padding-right: 10px;
+                                border-right: 1px solid #dd7d18;
+                            }
 
-                .part5_right_contentlist_top:nth-child(3) {
-                    .numStyle {
-                        background-color: #e98008;
-                        color: #fff;
-                    }
-                }
+                            .nav3_title:hover {
+                                color: #dd7d18;
+                            }
 
-                .part5_right_contentlist_top:last-child {
-                    margin-bottom: 10px;
-                }
-            }
+                            .nav3_title_content {
+                                display: inline-block;
+                                width: 366px;
+                                white-space: nowrap;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                padding-left: 10px;
+                                font-size: 18px;
+                                color: #333333;
+                                vertical-align: -4px;
+                            }
 
-            .part5_photo_text_right {
-                width: 451px;
-                height: 120px;
-                margin-top: 20px;
-                margin-bottom: 20px;
-                background-color: #f6f3f0;
+                            .nav3_title_content:hover {
+                                color: #dd7d18;
+                            }
+                        }
 
+                        .part3_left_content2_list:first-child {
+                            .nav3_title_content {
+                                font-weight: bold;
+                            }
+                        }
+                    }
 
-                .part5_text11 {
-                    float: left;
-                    width: 271px;
-                    height: 96px;
-                    display: -webkit-box;
-                    -webkit-box-orient: vertical;
-                    -webkit-line-clamp: 3;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    word-break: break-all;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 18px;
-                    color: #333333;
-                    padding: 25px 20px;
-                    box-sizing: border-box;
+                    .part3_left_content2_text:last-child {
+                        margin-top: 30px;
+                    }
                 }
 
-                img {
-                    float: left;
-                    width: 180px;
-                    height: 120px;
-                }
             }
 
-            .part5_photo_text_right:hover {
-                .part5_text11 {
-                    color: #a01c0e;
-                }
-            }
+        }
 
-            .part5_right_content_11 {
-                width: 451px;
-                height: 70px;
+        .part3_right {
+            float: right;
+            width: 270px;
+            height: 430px;
 
+            .part3_right_title {
+                font-weight: bold;
+                font-size: 22px;
+                color: #333333;
 
-                .part5_right_contentlist_11 {
-                    width: 451px;
-                    height: 25px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 18px;
+                a {
                     color: #333333;
-                    line-height: 21px;
+                }
+            }
 
-                    .erjibiaoti {
-                        display: inline-block;
-                        width: 87px;
-                        height: 24px;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #A01C0E;
-                        border-right: #D3D5D8 1px solid;
+            .part3_right_content {
+                .right_photo_text {
+                    width: 270px;
+                    height: 80px;
+                    margin-top: 15px;
+
+                    a img {
+                        float: left;
+                        width: 120px;
+                        height: 80px;
                         margin-right: 10px;
                     }
 
-                    a {
+                    .right_text {
+                        float: right;
+                        width: 135px;
+                        height: 75px;
+                        display: -webkit-box;
+                        -webkit-box-orient: vertical;
+                        -webkit-line-clamp: 3;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        word-break: break-all;
+                        font-size: 18px;
                         color: #333333;
                     }
                 }
 
-                a:hover {
-                    color: #a01c0e;
+                .right_photo_text:hover {
+                    .right_text {
+                        color: #dd7d18;
+                    }
                 }
 
-                .part5_right_contentlist_11:first-child {
-                    margin-bottom: 12px;
+                .rightcontent_text {
+                    width: 270px;
+                    margin-top: 15px;
+
+                    .rightcontent_textlist {
+                        width: 270px;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        font-size: 18px;
+                        color: #333333;
+                        margin-bottom: 15px;
+
+                        a {
+                            color: #333333;
+                        }
+
+                        em {
+                            display: inline-block;
+                            width: 8px;
+                            height: 8px;
+                            background-color: #ccc;
+                            border-radius: 4px;
+                            margin-right: 5px;
+                        }
+                    }
+
+                    .rightcontent_textlist:hover {
+                        a {
+                            color: #dd7d18;
+                        }
+                    }
                 }
             }
 
-            .adBox1 {
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                width: 450px;
-                height: 290px;
-            }
 
         }
     }
 }
 
-//第六部分
-.part6 {
+//第四部分
+.part4 {
     width: 100%;
+    height: 600px;
+    // background-color: #ccc;
     overflow: hidden;
-    background-color: #fff;
-    margin-bottom: 10px;
+    margin-bottom: 30px;
+    margin-top: 30px;
 
     .inner {
+        display: flex;
+        justify-content: space-between;
         width: 1200px;
+        overflow: hidden;
+        background-color: #fff;
 
-        .part6_left {
+        .part4_one {
+            width: 380px;
             float: left;
-            width: 720px;
 
-            .part6_left_content1 {
-                float: left;
-                width: 350px;
-                background-color: #f8f8f8;
-
-                .part6_left_content_title {
-                    width: 350px;
-                    height: 59px;
-                    background-color: #f4f4f4;
-                    line-height: 59px;
-                    font-family: DingTalk JinBuTi, DingTalk JinBuTi;
-                    font-weight: 400;
-                    font-size: 24px;
-                    color: #333333;
+            .part4_title {
+                width: 380px;
+                position: relative;
 
-                    img {
-                        margin-left: 20px;
-                        margin-right: 10px;
-                        vertical-align: -2px;
+                .part4_hengxian {
+                    width: 380px;
+                    height: 2px;
+                    background: #DD7D18;
+                    margin-top: 10px;
+
+                    em {
+                        display: inline-block;
+                        width: 130px;
+                        height: 6px;
+                        background: #DD7D18;
+                        position: absolute;
+                        top: 0px;
+                        left: 38px;
                     }
+                }
+
+
+                .part4_left_title {
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: bold;
+                    font-size: 24px;
+                    color: #333333;
+                    margin-top: 20px;
 
                     a {
                         color: #333333;
                     }
-                }
 
-                .selectMore {
-                    float: right;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 16px;
-                    color: #999999;
-                    margin-right: 20px;
+                    img {
+                        width: 30px;
+                        height: 30px;
+                        vertical-align: middle;
+                        margin-right: 10px;
+                    }
                 }
 
-                .part6_left_content111 {
-                    height: 230px;
-                    padding-top: 20px;
 
-                    .part6_left_content_list {
-                        margin-bottom: 20px;
+            }
 
-                        .jiantou {
-                            display: inline-block;
-                            font-size: 22px;
-                            color: #a01c0e;
-                            margin-left: 20px;
-                            margin-right: 25px;
-                        }
+            .part4_photo_text {
+                position: relative;
+                margin-top: 20px;
+                width: 380px;
+                height: 249px;
 
-                        .fenlei {
-                            display: inline-block;
-                            width: 110px;
-                            height: 36px;
-                            line-height: 36px;
-                            text-align: center;
-                            background-color: #fff;
-                            border: 1px solid #f8f8f8;
-                            margin-right: 20px;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-                        }
-                    }
+                a img {
+                    width: 380px;
+                    height: 249px;
+                }
 
+                .text {
+                    position: absolute;
+                    bottom: 0;
+                    left: 0;
+                    width: 380px;
+                    height: 54px;
+                    line-height: 54px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    color: #fff;
+                    font-size: 18px;
+                    padding-left: 20px;
+                    padding-right: 20px;
+                    box-sizing: border-box;
+                    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
                 }
             }
 
-            .part6_left_content1:first-child {
-                margin-right: 20px;
-            }
+            .part4_photo_content {
+                margin-top: 30px;
+                width: 380px;
+                // height: 150px;
 
-            .part6_left_content2 {
-                float: left;
-                width: 350px;
-                height: 309px;
-                background-color: #f8f8f8;
-
-                .part6_left_content_title {
-                    width: 350px;
-                    height: 59px;
-                    background-color: #f4f4f4;
-                    line-height: 59px;
-                    font-family: DingTalk JinBuTi, DingTalk JinBuTi;
-                    font-weight: 400;
-                    font-size: 24px;
+                .part4_photo_contentlist {
+                    // display: flex;
+                    width: 380px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    font-size: 18px;
                     color: #333333;
-
-                    img {
-                        margin-left: 20px;
-                        margin-right: 10px;
-                        vertical-align: -2px;
-                    }
+                    margin-bottom: 20px;
 
                     a {
                         color: #333333;
                     }
-                }
 
-                .part6_left_content222 {
-                    width: 350px;
-                    padding: 20px 32px;
+                    .nav11_title {
+                        font-size: 18px;
+                        color: #999;
+                        padding-right: 10px;
+                        box-sizing: border-box;
+                        border-right: 1px solid #dd7d18
+                    }
 
-                    .part6_left_content_list {
-                        width: 130px;
-                        height: 90px;
-                        background-color: #fff;
-                        float: left;
-                        margin-right: 26px;
-                        margin-bottom: 20px;
-                        text-align: center;
+                    .nav11_title:hover {
+                        color: #dd7d18;
+                    }
 
-                        img {
-                            width: 28px;
-                            height: 28px;
-                            padding: 15px 10px 5px;
+                    .nav11_title_content {
+                        display: inline-block;
+                        width: 290px;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        padding-left: 10px;
+                        box-sizing: border-box;
+                        font-size: 18px;
+                        color: #333333;
+                        vertical-align: -4px;
+                    }
 
-                        }
+                    .nav11_title_content:hover {
+                        color: #dd7d18;
+                    }
 
-                        .title_div {
-                            color: #333333;
-                            font-size: 18px;
-                        }
+                    .nav11_title_content2 {
+                        display: inline-block;
+                        width: 370px;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        padding-left: 10px;
+                        box-sizing: border-box;
+                        font-size: 18px;
+                        color: #333333;
+                        vertical-align: -4px;
                     }
-                }
-            }
-        }
 
-        .part6_right {
-            float: right;
-            width: 450px;
-            background-color: #f8f8f8;
+                    .nav11_title_content2:hover {
+                        color: #dd7d18;
+                    }
 
-            .part6_right_title {
-                width: 450px;
-                height: 59px;
-                line-height: 59px;
-                background-color: #f4f4f4;
-                font-family: DingTalk JinBuTi, DingTalk JinBuTi;
-                font-weight: 400;
-                font-size: 24px;
-                color: #333333;
-                padding-left: 20px;
-                box-sizing: border-box;
 
-                a {
-                    color: #333333;
                 }
-            }
-
-            .part6_right_content {
-                width: 410px;
-                height: 200px;
-                background-color: #fff;
-                margin: 25px 20px;
-
-                .part6_right_content_list {
-                    float: left;
-                    width: 205px;
-                    height: 160px;
-                    margin-top: 20px;
-                    padding-left: 40px;
-                    box-sizing: border-box;
-                    border-right: 1px solid #ececec;
-
-                    .yslist {
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: bold;
-                        font-size: 18px;
-                        color: #333333;
-                        line-height: 21px;
-                        margin-bottom: 20px;
 
-                        img {
-                            margin-right: 10px;
-                            vertical-align: middle;
-                        }
-
-                        a {
-                            color: #333333;
-                        }
+                .part4_photo_contentlist:hover {
+                    a {
+                        color: #dd7d18;
                     }
                 }
 
-                .part6_right_content_list1 {
-                    float: left;
-                    width: 205px;
-                    margin-top: 20px;
-                    padding-left: 40px;
-                    box-sizing: border-box;
-
+                .part4_photo_contentlist:first-child {
+                    font-weight: bold;
 
-                    .swlist {
-                        font-family: Microsoft YaHei, Microsoft YaHei;
+                    .nav11_title_content {
                         font-weight: bold;
-                        font-size: 18px;
-                        color: #333333;
-                        line-height: 21px;
-                        margin-bottom: 20px;
-
-                        img {
-                            margin-right: 10px;
-                            vertical-align: middle;
-                        }
+                    }
 
-                        a {
-                            color: #333333;
-                        }
+                    .nav11_title {
+                        font-weight: 400;
                     }
                 }
+                .part4_photo_contentlist:last-child {
+                    margin-bottom: 0px; 
+                }
             }
+
         }
+
     }
 }

assets/css/list.less

@@ -1,7 +1,3 @@
-#newsList {
-    width: 100%;
-    overflow: hidden;
-}
 //二级栏目
 .sannongzhichuang {
     margin: 30px 0 40px;
@@ -121,69 +117,149 @@
     }
 }
 
+#newsList {
+    width: 100%;
+    overflow: hidden;
+}
+
 // 资讯列表
 .newsList {
     width: 100%;
-    // height: 675px;
     overflow: hidden;
     margin-bottom: 70px;
 
     .inner {
         width: 1200px;
 
-        .innerLeft,
-        .innerRight {
-            border-top: 1px solid #139602;
-        }
 
         .innerLeft {
-            // height: 675px;
+            width: 900px;
+            margin-right: 30px;
+
+            //导航条
+            .breadcrumb {
+                width: 100%;
+                height: 22px;
+                padding-bottom: 30px;
+                border-bottom: 1px solid #ccc;
+                font-family: Microsoft YaHei, Microsoft YaHei;
+                font-weight: 400;
+                font-size: 20px;
+                color: #666666;
+                line-height: 23px;
+                text-align: left;
+                font-style: normal;
+                text-transform: none;
+                margin-top: 40px;
+
+                :deep(.el-breadcrumb) {
+                    display: inline-block;
+                    vertical-align: -4px;
+                }
+
+                :deep(.el-breadcrumb__inner a),
+                :deep(.el-breadcrumb__inner.is-link) {
+                    color: #666666;
+                    font-weight: 400;
+                    text-decoration: none;
+                    transition: var(--el-transition-color);
+                }
 
-            >.list {
-                // height: 570px;
+                span {
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #666666;
+                    line-height: 23px;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                }
+
+                span:hover {
+                    color: #666666;
+                }
+
+                .location {
+                    margin-right: 20px;
+                    width: 100px;
+                    height: 22px;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #666666;
+                    line-height: 23px;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                }
+            }
+
+            .list {
                 margin-bottom: 70px;
 
-                >li {
-                    width: 790px;
-                    height: 56px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    line-height: 56px;
+                li {
+                    width: 100%;
+                    padding: 15px 0;
+
+                    a {
+                        display: flex;
+                        justify-content: space-between;
+                    }
 
-                    >a {
-                        width: 360px;
-                        height: 26px;
+                    .listTitle {
+                        // float: left;
+                        display: inline-block;
+                        width: 800px;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
                         font-family: Microsoft YaHei, Microsoft YaHei;
                         font-weight: 400;
                         font-size: 20px;
                         color: #333333;
-                        line-height: 26px;
                         text-align: left;
                         font-style: normal;
                         text-transform: none;
                     }
 
-                }
+                    .time {
+                        // float: right;
+                        font-family: Microsoft YaHei, Microsoft YaHei;
+                        font-weight: 400;
+                        font-size: 18px;
+                        color: #333333;
+                    }
 
-                >li:hover>a {
-                    color: #139602;
                 }
 
-                >li:nth-child(1)::after,
-                >li:nth-child(2)::after {
-                    content: "热";
-                    margin-left: 13px;
-                    background: #FF8A37;
-                    color: #fff;
-                    font-size: 14px;
-                    padding: 0px 2px;
+                >li:hover .listTitle {
+                    color: #dd7d18;
                 }
 
+                // >li:nth-child(1)::after,
+                // >li:nth-child(2)::after {
+                //     content: "热";
+                //     margin-left: 13px;
+                //     background: #FF8A37;
+                //     color: #fff;
+                //     font-size: 14px;
+                //     padding: 0px 2px;
+                // }
+
                 >li:nth-child(5n) {
-                    // padding-top: 10px;
-                    // padding-bottom: 10px;
                     border-bottom: 1px solid #D9D9D9;
+                    padding-bottom: 30px;
+                }
+
+                >li:nth-child(5n+1) {
+                    span {
+                        font-weight: bold;
+                    }
+
+                    font-weight: bold;
+                    padding-top: 30px;
+
                 }
             }
 
@@ -197,7 +273,7 @@
 
                 // 鼠标移入后字体颜色
                 .el-pagination::v-deep :hover {
-                    color: #139609;
+                    color: #dd7d18;
                 }
 
                 .el-pagination.is-background::v-deep .btn-next,
@@ -218,7 +294,7 @@
                 .el-pagination.is-background::v-deep .btn-next.is-active,
                 .el-pagination.is-background::v-deep .btn-prev.is-active,
                 .el-pagination.is-background::v-deep .el-pager li.is-active {
-                    background-color: #028e21;
+                    background-color: #dd7d18;
                     color: #fff;
                 }
 
@@ -227,8 +303,13 @@
         }
 
         .innerRight {
-            width: 381px;
-            // height: 605px;
+            width: 270px;
+            margin-top: 60px;
+
+            .hotList {
+                width: 270px;
+                height: 618px;
+            }
         }
     }
 }
@@ -267,7 +348,7 @@
                 text-align: left;
                 font-style: normal;
                 text-transform: none;
-                border-bottom: 1px solid #139602;
+                border-bottom: 1px solid #dd7d18;
 
             }
 
@@ -386,11 +467,11 @@
                 }
 
                 >li:hover {
-                    color: #139602;
+                    color: #dd7d18;
                 }
 
                 >li:hover em {
-                    background-color: #139602;
+                    background-color: #dd7d18;
                 }
             }
         }
@@ -405,7 +486,7 @@
             width: 380px;
             height: 40px;
             line-height: 40px;
-            border-top: 1px solid #139602;
+            border-top: 1px solid #dd7d18;
             border-bottom: 1px solid #e7e7e7;
 
             >h4 {

assets/css/public/kefu.less

@@ -96,6 +96,8 @@
         &:hover {
             .kefu_item_content_phone {
                 display: block;
+
+
             }
         }
     }
@@ -119,6 +121,8 @@
             margin-bottom: 10px;
         }
 
+
+
         .arrow {
             width: 0;
             height: 0;

assets/css/search.less

@@ -1,4 +1,59 @@
+//导航条
+.breadcrumb {
+    width: 100%;
+    height: 22px;
+    margin-bottom: 30px;
+    font-family: Microsoft YaHei, Microsoft YaHei;
+    font-weight: 400;
+    font-size: 20px;
+    color: #666666;
+    line-height: 23px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+
+    :deep(.el-breadcrumb) {
+        display: inline-block;
+        vertical-align: -4px;
+    }
+
+    :deep(.el-breadcrumb__inner a),
+    :deep(.el-breadcrumb__inner.is-link) {
+        color: #666666;
+        font-weight: 400;
+        text-decoration: none;
+        transition: var(--el-transition-color);
+    }
+
+    span {
+        font-family: Microsoft YaHei, Microsoft YaHei;
+        font-weight: 400;
+        font-size: 20px;
+        color: #666666;
+        line-height: 23px;
+        text-align: left;
+        font-style: normal;
+        text-transform: none;
+    }
+
+    span:hover {
+        color: #666666;
+    }
 
+    .location {
+        margin-right: 20px;
+        width: 100px;
+        height: 22px;
+        font-family: Microsoft YaHei, Microsoft YaHei;
+        font-weight: 400;
+        font-size: 20px;
+        color: #666666;
+        line-height: 23px;
+        text-align: left;
+        font-style: normal;
+        text-transform: none;
+    }
+}
 
 .empty {
     div {
@@ -34,7 +89,7 @@
 
         .innerLeft,
         .innerRight {
-            border-top: 1px solid #CCCCCC;
+            border-top: 1px solid #D9D9D9;
             clear: both;
             float: none;
         }
@@ -42,12 +97,12 @@
         .innerLeft {
             //height: 675px;
 
-            >.list {
+            .list {
                 //height: 570px;
                 margin-bottom: 70px;
 
-                >li {
-                    width: 1200px;
+                li {
+                    width: 100%;
                     height: 56px;
                     white-space: nowrap;
                     overflow: hidden;
@@ -56,8 +111,7 @@
 
 
                     a {
-                        display: inline-block;
-                        width: 800px;
+                        width: 360px;
                         height: 26px;
                         font-family: Microsoft YaHei, Microsoft YaHei;
                         font-weight: 400;
@@ -67,29 +121,36 @@
                         text-align: left;
                         font-style: normal;
                         text-transform: none;
+                    }
+
+                    .listText {
+                        display: inline-block;
+                        width: 1000px;
                         white-space: nowrap;
                         overflow: hidden;
                         text-overflow: ellipsis;
                     }
 
                     .time {
+                        float: right;
                         font-family: Microsoft YaHei, Microsoft YaHei;
                         font-weight: 400;
                         font-size: 18px;
                         color: #333333;
+                        padding-top: 15px;
                     }
 
                 }
 
                 >li:hover>a {
-                    color: #a01c0e;
+                    color: #DD7D18;
                 }
 
                 >li:nth-child(1)::after,
                 >li:nth-child(2)::after {
                     content: "热";
                     margin-left: 13px;
-                    background: #FF8A37;
+                    background: #DD7D18;
                     color: #fff;
                     font-size: 14px;
                     padding: 0px 2px;
@@ -110,7 +171,7 @@
 
                 // 鼠标移入后字体颜色
                 .el-pagination::v-deep :hover {
-                    color: #a01c0e;
+                    color: #DD7D18;
                 }
 
                 .el-pagination.is-background::v-deep .btn-next,
@@ -131,7 +192,7 @@
                 .el-pagination.is-background::v-deep .btn-next.is-active,
                 .el-pagination.is-background::v-deep .btn-prev.is-active,
                 .el-pagination.is-background::v-deep .el-pager li.is-active {
-                    background-color: #a01c0e;
+                    background-color: #DD7D18;
                     color: #fff;
                 }
 
@@ -182,7 +243,7 @@
                 text-align: left;
                 font-style: normal;
                 text-transform: none;
-                border-bottom: 1px solid #a01c0e;
+                border-bottom: 1px solid #DD7D18;
 
             }
 
@@ -301,11 +362,11 @@
                 }
 
                 >li:hover {
-                    color: #a01c0e;
+                    color: #139602;
                 }
 
                 >li:hover em {
-                    background-color: #a01c0e;
+                    background-color: #139602;
                 }
             }
         }
@@ -320,7 +381,7 @@
             width: 380px;
             height: 40px;
             line-height: 40px;
-            border-top: 1px solid #a01c0e;
+            border-top: 1px solid #139602;
             border-bottom: 1px solid #e7e7e7;
 
             >h4 {
@@ -393,11 +454,12 @@
 .search {
     width: 100%;
     height: 100px;
-    margin-top: 40px;
+    // background-color: #f5f5f5;
 
     .inner {
         width: 1200px;
         height: 100px;
+        // line-height: 100px;
         padding-top: 10px;
         text-align: center;
 
@@ -416,7 +478,7 @@
         button {
             width: 120px;
             height: 48px;
-            background-color: #a01c0e;
+            background-color: #DD7D18;
             color: #fff;
             border: none;
             border-radius: 0;

assets/css/shop/class.less

@@ -1,1128 +0,0 @@
-@charset "utf-8";
-
-* {
-    margin: 0;
-    padding: 0;
-    font-family: "微软雅黑", "microsoft yahei";
-}
-
-ul,
-ol {
-    list-style: none;
-}
-
-a:active {
-    text-decoration: none;
-}
-
-a:hover {
-    text-decoration: none;
-}
-
-a:visited {
-    text-decoration: none;
-}
-
-a:link {
-    text-decoration: none;
-}
-
-a:focus {
-    text-decoration: none;
-}
-
-body {
-    position: relative;
-}
-
-.clearfix {
-    overflow: hidden;
-}
-
-.clearfix_2::after {
-    content: '';
-    display: block;
-    height: 0;
-    visibility: hidden;
-    clear: both;
-}
-
-.hiddenColor {
-    visibility: hidden;
-}
-
-.hand {
-    cursor: pointer;
-}
-
-.aTag_parent {
-    position: relative;
-}
-
-.aTag_parent>a,
-.aTag {
-    display: block;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    z-index: 99;
-    border: 0px;
-    top: 0px;
-    left: 0px;
-    background: rgba(0, 0, 0, 0);
-}
-
-.dot1 {
-    display: block;
-    word-break: keep-all;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.dot2 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-}
-
-.dot3 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
-}
-
-input,
-img {
-    border: none;
-}
-
-.cover100 img {
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-}
-
-.back100 {
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-}
-
-article,
-aside,
-footer,
-header,
-time,
-video,
-main,
-nav,
-h4,
-h3,
-section {
-    display: block;
-}
-
-.index_main {
-    margin: 0 auto 30px;
-}
-
-.slow_6 {
-    -webkit-transition: all .6s;
-    -moz-transition: all .6s;
-    -ms-transition: all .6s;
-    -o-transition: all .6s;
-    transition: all .6s;
-}
-
-.index_main {
-    width: 1200px;
-}
-
-.shop_head {
-    margin: 30px auto 0px;
-
-    .shop_head_left {
-        float: left;
-        width: 322px;
-        margin-right: 33px;
-    }
-
-    .shop_head_left_a {
-        width: 322px;
-        display: block;
-    }
-
-    .shop_head_img {
-        width: 322px;
-        display: block;
-    }
-
-    .shop_head_form_out {
-        width: 550px;
-        float: left;
-    }
-
-    .shop_head_form {
-        margin-top: 37px;
-        display: block;
-        width: 547px;
-        border: solid 1px #A01C0E;
-        height: 40px;
-        box-sizing: border-box;
-        overflow: hidden;
-    }
-
-    .shop_head_btn {
-        float: right;
-        width: 52px;
-        height: 100%;
-        border: solid 1px #fff;
-        box-sizing: border-box;
-        background: url(@/public/img/3.png) no-repeat center center #A01C0E;
-        background-size: 22px 22px;
-    }
-
-    .shop_head_inp {
-        display: block;
-        text-indent: 11px;
-        height: 40px;
-        line-height: 40px;
-        width: 490px;
-    }
-
-    .shop_head_form_foot {
-        width: 550px;
-        margin-top: 10px;
-    }
-
-    .shop_head_form_foot_a {
-        float: left;
-        height: 18px;
-        line-height: 18px;
-        color: #999;
-        font-size: 14px;
-        margin-right: 10px;
-    }
-
-    .shop_head_form_foot_a:nth-of-type(1) {
-        color: #A01C0E;
-    }
-
-    .shop_head_form_foot_a:hover {
-        color: #A01C0E;
-    }
-
-    .shop_head_right {
-        float: right;
-        margin-top: 37px;
-        position: relative;
-    }
-
-    .shop_head_right_btn {
-        float: right;
-        width: 120px;
-        height: 40px;
-        line-height: 40px;
-        color: #666;
-        font-size: 14px;
-        margin-left: 10px;
-        text-indent: 52px;
-        border: 1px solid #E9E9E9;
-        background: no-repeat 20px center #F4F4F4;
-        background-size: 24px 24px;
-    }
-
-    .shop_head_right_btn:nth-of-type(1) {
-        background-image: url(@/public/img/4.png);
-    }
-
-    .shop_head_right_btn:nth-of-type(2) {
-        background-image: url(@/public/img/5.png);
-    }
-
-    .shop_head_right_btn:hover {
-        color: #fff;
-        background: no-repeat 20px center #A01C0E;
-        background-size: 24px 24px;
-    }
-
-    .shop_head_right_btn:nth-of-type(1):hover {
-        background-image: url(@/public/img/4a.png);
-    }
-
-    .shop_head_right_btn:nth-of-type(2):hover {
-        background-image: url(@/public/img/5a.png);
-    }
-
-    .shop_head_right_btn_1_only {
-        color: #fff;
-        background: no-repeat 20px center #A01C0E;
-        background-size: 24px 24px;
-        background-image: url(@/public/img/4a.png) !important;
-    }
-
-    .shop_head_right_btn_2_only {
-        color: #fff;
-        background: no-repeat 20px center #A01C0E;
-        background-size: 24px 24px;
-        background-image: url(@/public/img/5a.png) !important;
-    }
-
-    .shop_head_right_btn:hover .shop_head_right_out {
-        display: block;
-    }
-
-    .shop_head_right_box {
-        background: #fff;
-        height: 1111px;
-        margin-top: 20px;
-    }
-
-    .shop_alert_out {
-        position: absolute;
-        width: 1036px;
-        right: 0px;
-        top: 99%;
-        z-index: 111;
-    }
-
-    .shop_alert_box {
-        background: #fff;
-        box-sizing: border-box;
-        padding: 0px 20px;
-        border: solid 1px #A01C0E;
-        width: 100%;
-        margin-top: 20px;
-    }
-
-    .shop_alert_head_box {}
-
-    .shop_alert_head_name_1 {
-        float: left;
-        font-weight: bold;
-        color: #A01C0E;
-        font-size: 20px;
-        margin-top: 30px;
-        letter-spacing: 1px;
-    }
-
-    .shop_alert_head_name_2 {
-        float: left;
-        color: #333;
-        font-size: 16px;
-        margin: 35px 0px 0px 10px;
-        position: relative;
-        padding-left: 22px;
-        font-weight: bold;
-    }
-
-    .shop_alert_head_name_2::after {
-        content: '';
-        display: block;
-        width: 14px;
-        height: 10px;
-        position: absolute;
-        left: 0px;
-        bottom: 3px;
-        background: url(@/public/img/16.png) no-repeat left 0px;
-        background-size: 100% 100%;
-    }
-
-    .shop_alert_head_btn_a {
-        float: right;
-        height: 40px;
-        line-height: 40px;
-        color: #fff;
-        font-size: 14px;
-        padding: 0px 20px 0px 36px;
-        margin-top: 23px;
-        background: url(@/public/img/14.png) no-repeat 18px center #A01C0E;
-        background-size: 14px auto;
-    }
-
-    .shop_alert_ul {
-        margin: 28px auto 0px;
-        width: 980px;
-    }
-
-    .shop_alert_li {
-        margin-bottom: 11px;
-        display: flex;
-    }
-
-    .shop_alert_li_label {
-        width: 150px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-        padding-right: 24px;
-        font-weight: bold;
-        position: relative;
-        box-sizing: border-box;
-        margin-right: 20px;
-    }
-
-    .shop_alert_li_label::after {
-        content: '';
-        display: block;
-        position: absolute;
-        right: 0px;
-        top: 0px;
-        width: 22px;
-        height: 22px;
-        background: url(@/public/img/15.png) no-repeat right 0px;
-        background-size: 100% 100%;
-    }
-
-    .shop_alert_li_panel {}
-
-    .shop_alert_li_panel_a {
-        float: left;
-        height: 21px;
-        line-height: 21px;
-        color: #666;
-        font-size: 16px;
-        margin: 0px 25px 10px 0px;
-    }
-
-    .shop_alert_li_panel_a:hover {
-        color: #A01C0E;
-    }
-
-    .shop_alert_1_index {
-        margin-top: 20px;
-    }
-
-    .shop_alert_img_ul {
-        margin-top: 30px;
-    }
-
-    .shop_alert_img_li {
-        float: left;
-        width: 314px;
-        margin: 0px 26px 30px 0px;
-        box-sizing: border-box;
-    }
-
-    .shop_alert_img_li_a {
-        display: block;
-        width: 100%;
-    }
-
-    .shop_alert_img_li_img {
-        width: 130px;
-        height: 130px;
-        margin-right: 10px;
-        float: left;
-    }
-
-    .shop_alert_img_li_right {
-        width: 173px;
-        float: right;
-    }
-
-    .shop_alert_img_li_h4 {
-        height: 18px;
-        line-height: 18px;
-        color: #333;
-        font-size: 14px;
-        font-weight: bold;
-        margin-top: 7px;
-    }
-
-    .shop_alert_img_li_dot3 {
-        height: 48px;
-        line-height: 16px;
-        color: #666;
-        font-size: 12px;
-        margin-top: 13px;
-    }
-
-    .shop_alert_img_li_time {
-        float: left;
-        height: 26px;
-        line-height: 26px;
-        color: rgba(51, 51, 51, 0.4);
-        font-size: 12px;
-        margin-top: 18px;
-        background: #f7f7f7;
-        padding: 0px 4px;
-    }
-
-    .shop_alert_img_li:nth-of-type(3n) {
-        margin-right: 0;
-    }
-
-    .shop_alert_img_li_a:hover * {
-        color: #A01C0E;
-    }
-}
-
-.shop_banner {
-    width: 1200px;
-    overflow: hidden;
-    margin: 20px auto 0px;
-
-    .shop_banner_a {
-        display: block;
-        width: 1200px;
-        height: 90px;
-    }
-
-    .shop_banner_img {
-        display: block;
-        width: 1200px;
-    }
-}
-
-.shop_nav {
-    border: solid 1px #E9E9E9;
-    background: #fafafa;
-    margin-top: 20px;
-}
-
-.shop_nav_head {
-    float: left;
-    height: 28px;
-    width: 138px;
-    margin: 30px 52px 0px 25px;
-
-    .shop_nav_head_a {
-        display: block;
-        height: 28px;
-        width: 138px;
-        background: url(@/public/img/7.png) no-repeat left top;
-        background-size: 100% 100%;
-    }
-}
-
-.shop_nav_in {
-    float: left;
-
-    .shop_nav_in_a {
-        float: left;
-        height: 75px;
-        line-height: 75px;
-        color: #333;
-        font-size: 16px;
-        background: #f8f5f5;
-        width: 118px;
-        border-bottom: solid 5px #A01C0E;
-        font-weight: bold;
-        margin: 5px 0;
-        text-align: center;
-    }
-
-    .shop_nav_in_a:nth-of-type(4) {
-        margin-right: 8px;
-    }
-
-    .shop_nav_in_a:hover {
-        color: #A01C0E;
-    }
-}
-
-.shop_name_in {
-    float: left;
-    height: 40px;
-    width: 1046px;
-    float: left;
-    box-sizing: border-box;
-
-    .shop_name_a {
-        float: left;
-        height: 27px;
-        line-height: 27px;
-        color: #222;
-        font-size: 20px;
-        position: relative;
-        margin: 7px 14.5px 0;
-        padding: 0px 10px;
-    }
-
-    .shop_name_a::after {
-        content: '/';
-        display: block;
-        position: absolute;
-        top: 0px;
-        right: -18px;
-        height: 100%;
-        line-height: 27px;
-        color: #E9E9E9;
-        font-size: 20px;
-    }
-
-    .shop_name_a:nth-last-of-type(1)::after {
-        content: '';
-        display: none;
-    }
-
-    .shop_name_a_only {
-        background: #A01C0E;
-        color: #fff;
-    }
-}
-
-.shop_name_out {
-    margin-top: 20px;
-}
-
-.shop_name_box {
-    border-top: solid 1px #fff;
-}
-
-.shop_name_box_a {
-    height: 44px;
-    line-height: 44px;
-    color: #fff;
-    font-weight: bold;
-    font-size: 20px;
-}
-
-.shop_name {
-    float: left;
-    height: 44px;
-    line-height: 44px;
-    color: #fff;
-    font-weight: bold;
-    position: relative;
-    z-index: 11;
-    text-align: center;
-    font-size: 20px;
-    background: #A01C0E;
-    padding: 0px 14px;
-}
-
-.shop_name_right {
-    height: 40px;
-    border-bottom: 1px solid #E8E9EC;
-    margin-top: 4px;
-    background: #F8F8F8;
-    position: relative;
-    z-index: 2;
-}
-
-.shop_name_right::after {
-    content: '';
-    display: block;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    height: 100%;
-    width: 16px;
-    background: url(@/public/img/9.png) no-repeat 0px bottom #fff;
-    background-size: 100% auto;
-}
-
-.shop_name_btn {
-    width: 24px;
-    height: 24px;
-    float: right;
-    margin: 10px 22px 0px 0px;
-    background: url(@/public/img/8.png) no-repeat center center;
-    border-radius: 50%;
-    background-size: 100% 100%;
-}
-
-.shop_2_left {
-    float: left;
-    width: 900px;
-}
-
-.shop_3_right {
-    float: right;
-    width: 280px;
-}
-
-.shop_1_box {
-    margin: 30px auto 0px;
-}
-
-.shop_2_box {
-    margin: 30px auto 0px;
-}
-
-.shop_3_box {
-    margin: 0px auto 0px;
-}
-
-.shop_4_box {
-    margin: 4px auto 0px;
-}
-
-.shop_5_box {
-    margin: 4px auto 0px;
-}
-
-.categ_crumb_box {
-    margin-top: 20px;
-    border-bottom: solid 1px #D9D9D9;
-    padding-bottom: 20px;
-    position: relative;
-}
-
-.categ_crumb_left {
-    float: left;
-    height: 21px;
-    line-height: 21px;
-    color: #999;
-    font-size: 16px;
-
-    .categ_crumb_left_a {
-        display: inline-block;
-        height: 21px;
-        line-height: 21px;
-        color: #999;
-        font-size: 16px;
-    }
-
-    .categ_crumb_left_text {
-        display: inline-block;
-        height: 21px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-    }
-}
-
-.categ_crumb_right {
-    float: right;
-
-    .categ_crumb_right_text {
-        float: left;
-        height: 21px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-    }
-
-    .categ_crumb_right_btn {
-        float: left;
-        width: 14px;
-        height: 14px;
-        background-image: url(@/public/img/17.png);
-        margin: 5px 0px 0px 5px;
-    }
-}
-
-.categ_crumb_panel {
-    position: absolute;
-    border: solid 1px #A01C0E;
-    padding: 0px 30px 10px;
-    background: #fff;
-    right: 0px;
-    top: 0px;
-    box-sizing: border-box;
-    width: 658px;
-    top: 100%;
-
-    .categ_crumb_panel_h4 {
-        display: inline-block;
-        height: 21px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-        padding-right: 31px;
-        margin-top: 20px;
-        background: url(@/public/img/15.png) no-repeat right center;
-        background-size: 21px 21px;
-    }
-
-    .categ_crumb_panel_btn_box {
-        margin-top: 20px;
-    }
-
-    .categ_crumb_panel_btn {
-        float: left;
-        height: 21px;
-        line-height: 21px;
-        color: #666;
-        font-size: 16px;
-        font-weight: bold;
-        margin: 0px 26.5px 11px 0px;
-    }
-
-    .categ_crumb_panel_btn:hover {
-        color: #A01C0E;
-    }
-
-    .categ_crumb_panel_btn_only {
-        color: #A01C0E;
-    }
-}
-
-.categ_grey_box {
-    box-sizing: border-box;
-    border: solid 1px #E9E9E9;
-    background: #F8F8F8;
-    padding: 0px 20px 8px;
-    width: 100%;
-    margin-top: 15px;
-
-    .categ_grey_head {
-        height: 48px;
-        line-height: 50px;
-        color: #000;
-        font-size: 18px;
-        border-bottom: dashed 1px #E9E9E9;
-    }
-
-    .categ_grey_ul {
-        margin: 10px 0px 0px -10px;
-    }
-
-    .categ_grey_btn {
-        float: left;
-        line-height: 29px;
-        height: 29px;
-        color: #333;
-        font-size: 16px;
-        margin: 0px 10px 7px;
-    }
-
-    .categ_grey_btn_only {
-        background: #A01C0E;
-        color: #fff;
-        padding: 0px 5px 0px;
-        margin: 0px 5px 7px;
-    }
-}
-
-.categ_head_box {
-    border-bottom: solid 1px #E9E9E9;
-    padding-bottom: 22px;
-    margin-top: 20px;
-    border-top: solid 1px rgba(0, 0, 0, 0);
-
-    .categ_head_a {
-        float: left;
-        text-indent: 15px;
-        font-size: 20px;
-        color: #333;
-        border-left: solid 3px #A01C0E;
-        height: 18px;
-        line-height: 18px;
-    }
-
-    .categ_head_a_more {
-        float: right;
-        color: #999;
-        font-size: 14px;
-        margin-top: 0px;
-        cursor: pointer;
-    }
-}
-
-.categ_table {}
-
-.categ_table_head_box {
-    height: 61px;
-    border-bottom: solid 1px #E9E9E9;
-}
-
-.categ_table_head_box>.categ_table_td_1 {
-    line-height: 61px;
-    line-height: 61px;
-}
-
-.categ_table_head_box>.categ_table_td_2 {
-    line-height: 61px;
-    line-height: 61px;
-}
-
-.categ_table_head_box>.categ_table_td_3 {
-    line-height: 61px;
-    line-height: 61px;
-}
-
-.categ_table_head_box>.categ_table_td_4 {
-    line-height: 61px;
-    line-height: 61px;
-}
-
-.categ_table_td_1 {
-    float: left;
-    height: 100%;
-    text-align: center;
-    color: #666;
-    font-size: 16px;
-    width: 155px;
-    margin-right: 126px;
-}
-
-.categ_table_td_2 {
-    float: left;
-    height: 100%;
-    text-align: center;
-    color: #666;
-    font-size: 16px;
-    width: 480px;
-    margin-right: 124px;
-}
-
-.categ_table_td_3 {
-    float: left;
-    height: 100%;
-    text-align: center;
-    color: #666;
-    font-size: 16px;
-    width: 120px;
-    margin-right: 62px;
-}
-
-.categ_table_td_4 {
-    float: left;
-    height: 100%;
-    text-align: center;
-    color: #666;
-    font-size: 16px;
-    width: 133px;
-}
-
-/* .categ_table_head_box>div:nth-of-type(even){background:aqua;} */
-.categ_table_li {
-    height: 161px;
-    box-sizing: border-box;
-    padding: 15px 0px;
-    border-bottom: solid 1px #E9E9E9;
-}
-
-.categ_table_td_1_img {
-    display: block;
-    width: 130px;
-    height: 130px;
-    margin: 0px auto;
-}
-
-.categ_table_li .categ_table_td_1 {
-    line-height: 160px;
-    line-height: 160px;
-}
-
-.categ_table_li .categ_table_td_2 {
-    line-height: 160px;
-    line-height: 160px;
-    font-weight: bold;
-    color: #333;
-}
-
-.categ_table_li .categ_table_td_3 {
-    line-height: 160px;
-    line-height: 160px;
-}
-
-.categ_table_li .categ_table_td_4 {
-    line-height: 160px;
-    line-height: 160px;
-}
-
-.categ_3_index {
-    margin-top: 28px;
-}
-
-.categ_ul_img_1 {
-    margin-top: 20px;
-}
-
-.categ_li_img_1 {
-    float: left;
-    margin: 0px 24px 20px 0px;
-    width: 180px;
-    position: relative;
-}
-
-.categ_li_img_1_a {}
-
-.categ_li_img_1_img {
-    display: block;
-    width: 180px;
-    height: 180px;
-}
-
-.categ_li_img_1_dot2 {
-    width: 168px;
-    margin: 10px auto 0px;
-    height: 32px;
-    line-height: 16px;
-    color: #333;
-    font-size: 14px;
-}
-
-.categ_li_img_1:nth-of-type(6n) {
-    margin-right: 0px;
-}
-
-.categ_li_img_1_hover_dot1 {
-    width: 152px;
-    position: absolute;
-    left: 50%;
-    margin-left: -76px;
-    bottom: 13px;
-    font-size: 14px;
-    background: linear-gradient(to right, #FFE1AA, #F9F4E3, #FFE1AA);
-    -webkit-background-clip: text;
-    color: transparent;
-}
-
-.categ_li_img_1:hover .categ_li_img_1_dot2 {
-    color: #A01C0E;
-}
-
-.categ_li_img_1:nth-of-type(1) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/18.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_li_img_1:nth-of-type(2) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/19.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_li_img_1:nth-of-type(3) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/20.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_ul_img_2 {
-    margin-top: 20px;
-}
-
-.categ_li_img_2 {
-    float: left;
-    margin: 0px 24px 20px 0px;
-    width: 180px;
-    position: relative;
-}
-
-.categ_li_img_2_a {}
-
-.categ_li_img_2_img {
-    display: block;
-    width: 180px;
-    height: 180px;
-}
-
-.categ_li_img_2_dot2 {
-    width: 168px;
-    margin: 10px auto 0px;
-    height: 32px;
-    line-height: 16px;
-    color: #333;
-    font-size: 14px;
-}
-
-.categ_li_img_2:nth-of-type(6n) {
-    margin-right: 0px;
-}
-
-.categ_li_img_2_hover_dot1 {
-    width: 152px;
-    position: absolute;
-    left: 50%;
-    margin-left: -76px;
-    bottom: 13px;
-    font-size: 14px;
-    background: linear-gradient(to right, #FFE1AA, #F9F4E3, #FFE1AA);
-    -webkit-background-clip: text;
-    color: transparent;
-}
-
-.categ_li_img_2:hover .categ_li_img_2_dot2 {
-    color: #A01C0E;
-}
-
-/*乡村网-商城-搜索-查看更多*/
-.search_head_text_box {
-    height: 18px;
-    line-height: 18px;
-    color: #333;
-    font-size: 16px;
-    float: left;
-    margin-left: 20px;
-}
-
-.search_head_text_red {
-    color: #A01C0E;
-}
-
-.search_table_td_2 {
-    float: left;
-    height: 100%;
-    width: 480px;
-    margin-right: 124px;
-
-    .search_table_td_2_head {
-        height: 21px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-        font-weight: bold;
-        width: 480px;
-    }
-
-    .search_table_td_2_dot2 {
-        max-height: 36px;
-        line-height: 18px;
-        color: #666;
-        font-size: 14px;
-        margin-top: 5px;
-        width: 480px;
-    }
-
-    .search_table_td_2_dot3 {
-        color: #999;
-        font-size: 14px;
-        height: 30px;
-        line-height: 30px;
-        margin-top: 5px;
-    }
-
-    .search_table_td_2_in {
-        height: 129px;
-        width: 480px;
-        display: table-cell;
-        vertical-align: middle;
-    }
-}
-
-@media screen and (min-width:1200px) {
-    /*pc_1440*/
-    @media screen and (max-width:1440px) {
-        /*1200*/
-    }
-
-    .pc_none {
-        display: none;
-    }
-}
-
-@media screen and (max-width:599px) {}
-
-@media screen and (max-width:320px) {}

assets/css/shop/detail.less

@@ -1,1155 +0,0 @@
-@charset "utf-8";
-
-* {
-    margin: 0;
-    padding: 0;
-
-    font-family: "微软雅黑", "microsoft yahei";
-}
-
-ul,
-ol {
-    list-style: none;
-}
-
-a:active {
-    text-decoration: none;
-}
-
-a:hover {
-    text-decoration: none;
-}
-
-a:visited {
-    text-decoration: none;
-}
-
-a:link {
-    text-decoration: none;
-}
-
-a:focus {
-    text-decoration: none;
-}
-
-body {
-    position: relative;
-}
-
-.clearfix {
-    overflow: hidden;
-}
-
-.clearfix_2::after {
-    content: '';
-    display: block;
-    height: 0;
-    visibility: hidden;
-    clear: both;
-}
-
-.hiddenColor {
-    visibility: hidden;
-}
-
-.hand {
-    cursor: pointer;
-}
-
-.aTag_parent {
-    position: relative;
-}
-
-.aTag_parent>a,
-.aTag {
-    display: block;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    z-index: 99;
-    border: 0px;
-    top: 0px;
-    left: 0px;
-    background: rgba(0, 0, 0, 0);
-}
-
-.dot1 {
-    display: block;
-    word-break: keep-all;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.dot2 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-}
-
-.dot3 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
-}
-
-input,
-img {
-    border: none;
-}
-
-.cover100 img {
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-}
-
-.back100 {
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-}
-
-article,
-aside,
-footer,
-header,
-time,
-video,
-main,
-nav,
-h4,
-h3,
-section {
-    display: block;
-}
-
-.index_main {
-    margin: 0 auto 30px;
-}
-
-.slow_6 {
-    -webkit-transition: all .6s;
-    -moz-transition: all .6s;
-    -ms-transition: all .6s;
-    -o-transition: all .6s;
-    transition: all .6s;
-}
-
-.index_main {
-    width: 1200px;
-}
-
-.shop_head {
-    margin: 30px auto 0px;
-}
-
-.shop_head_left {
-    float: left;
-    width: 322px;
-    margin-right: 33px;
-
-    .shop_head_left_a {
-        width: 322px;
-        display: block;
-    }
-}
-
-.shop_head_img {
-    width: 322px;
-    display: block;
-}
-
-.shop_head_form_out {
-    width: 550px;
-    float: left;
-
-    .shop_head_form {
-        margin-top: 37px;
-        display: block;
-        width: 547px;
-        border: solid 1px #A01C0E;
-        height: 40px;
-        box-sizing: border-box;
-        overflow: hidden;
-    }
-
-    .shop_head_btn {
-        float: right;
-        width: 52px;
-        height: 100%;
-        border: solid 1px #fff;
-        box-sizing: border-box;
-        background: url(@/public/img/3.png) no-repeat center center #A01C0E;
-        background-size: 22px 22px;
-    }
-
-    .shop_head_inp {
-        display: block;
-        text-indent: 11px;
-        height: 40px;
-        line-height: 40px;
-        width: 490px;
-    }
-
-    .shop_head_form_foot {
-        width: 550px;
-        margin-top: 10px;
-    }
-
-    .shop_head_form_foot_a {
-        float: left;
-        height: 18px;
-        line-height: 18px;
-        color: #999;
-        font-size: 14px;
-        margin-right: 10px;
-    }
-
-    .shop_head_form_foot_a:nth-of-type(1) {
-        color: #A01C0E;
-    }
-
-    .shop_head_form_foot_a:hover {
-        color: #A01C0E;
-    }
-}
-
-.shop_head_right {
-    float: right;
-    margin-top: 37px;
-    position: relative;
-
-    .shop_head_right_btn {
-        float: right;
-        width: 120px;
-        height: 40px;
-        line-height: 40px;
-        color: #666;
-        font-size: 14px;
-        margin-left: 10px;
-        text-indent: 52px;
-        border: 1px solid #E9E9E9;
-        background: no-repeat 20px center #F4F4F4;
-        background-size: 24px 24px;
-    }
-
-    .shop_head_right_btn:nth-of-type(1) {
-        background-image: url(@/public/img/4.png);
-    }
-
-    .shop_head_right_btn:nth-of-type(2) {
-        background-image: url(@/public/img/5.png);
-    }
-
-    .shop_head_right_btn:hover {
-        color: #fff;
-        background: no-repeat 20px center #A01C0E;
-        background-size: 24px 24px;
-    }
-
-    .shop_head_right_btn:nth-of-type(1):hover {
-        background-image: url(@/public/img/4a.png);
-    }
-
-    .shop_head_right_btn:nth-of-type(2):hover {
-        background-image: url(@/public/img/5a.png);
-    }
-
-    .shop_head_right_btn_1_only {
-        color: #fff;
-        background: no-repeat 20px center #A01C0E;
-        background-size: 24px 24px;
-        background-image: url(@/public/img/4a.png) !important;
-    }
-
-    .shop_head_right_btn_2_only {
-        color: #fff;
-        background: no-repeat 20px center #A01C0E;
-        background-size: 24px 24px;
-        background-image: url(@/public/img/5a.png) !important;
-    }
-
-    .shop_head_right_btn:hover .shop_head_right_out {
-        display: block;
-    }
-}
-
-.shop_head_right_box {
-    background: #fff;
-    height: 1111px;
-    margin-top: 20px;
-}
-
-.shop_alert_out {
-    position: absolute;
-    width: 1036px;
-    right: 0px;
-    top: 99%;
-    z-index: 111;
-}
-
-.shop_alert_box {
-    background: #fff;
-    box-sizing: border-box;
-    padding: 0px 20px;
-    border: solid 1px #A01C0E;
-    width: 100%;
-    margin-top: 20px;
-}
-
-.shop_alert_head_box {}
-
-.shop_alert_head_name_1 {
-    float: left;
-    font-weight: bold;
-    color: #A01C0E;
-    font-size: 20px;
-    margin-top: 30px;
-    letter-spacing: 1px;
-}
-
-.shop_alert_head_name_2 {
-    float: left;
-    color: #333;
-    font-size: 16px;
-    margin: 35px 0px 0px 10px;
-    position: relative;
-    padding-left: 22px;
-    font-weight: bold;
-}
-
-.shop_alert_head_name_2::after {
-    content: '';
-    display: block;
-    width: 14px;
-    height: 10px;
-    position: absolute;
-    left: 0px;
-    bottom: 3px;
-    background: url(@/public/img/16.png) no-repeat left 0px;
-    background-size: 100% 100%;
-}
-
-.shop_alert_head_btn_a {
-    float: right;
-    height: 40px;
-    line-height: 40px;
-    color: #fff;
-    font-size: 14px;
-    padding: 0px 20px 0px 36px;
-    margin-top: 23px;
-    background: url(@/public/img/14.png) no-repeat 18px center #A01C0E;
-    background-size: 14px auto;
-}
-
-.shop_alert_ul {
-    margin: 28px auto 0px;
-    width: 980px;
-}
-
-.shop_alert_li {
-    margin-bottom: 11px;
-    display: flex;
-
-    .shop_alert_li_label {
-        width: 150px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-        padding-right: 24px;
-        font-weight: bold;
-        position: relative;
-        box-sizing: border-box;
-        margin-right: 20px;
-    }
-
-    .shop_alert_li_label::after {
-        content: '';
-        display: block;
-        position: absolute;
-        right: 0px;
-        top: 0px;
-        width: 22px;
-        height: 22px;
-        background: url(@/public/img/15.png) no-repeat right 0px;
-        background-size: 100% 100%;
-    }
-
-    .shop_alert_li_panel {}
-
-    .shop_alert_li_panel_a {
-        float: left;
-        height: 21px;
-        line-height: 21px;
-        color: #666;
-        font-size: 16px;
-        margin: 0px 25px 10px 0px;
-    }
-}
-
-.shop_alert_li_panel_a:hover {
-    color: #A01C0E;
-}
-
-.shop_alert_1_index {
-    margin-top: 20px;
-}
-
-.shop_alert_img_ul {
-    margin-top: 30px;
-}
-
-.shop_alert_img_li {
-    float: left;
-    width: 314px;
-    margin: 0px 26px 30px 0px;
-    box-sizing: border-box;
-
-    .shop_alert_img_li_a {
-        display: block;
-        width: 100%;
-    }
-
-    .shop_alert_img_li_img {
-        width: 130px;
-        height: 130px;
-        margin-right: 10px;
-        float: left;
-    }
-
-    .shop_alert_img_li_right {
-        width: 173px;
-        float: right;
-    }
-
-    .shop_alert_img_li_h4 {
-        height: 18px;
-        line-height: 18px;
-        color: #333;
-        font-size: 14px;
-        font-weight: bold;
-        margin-top: 7px;
-    }
-
-    .shop_alert_img_li_dot3 {
-        height: 48px;
-        line-height: 16px;
-        color: #666;
-        font-size: 12px;
-        margin-top: 13px;
-    }
-
-    .shop_alert_img_li_time {
-        float: left;
-        height: 26px;
-        line-height: 26px;
-        color: rgba(51, 51, 51, 0.4);
-        font-size: 12px;
-        margin-top: 18px;
-        background: #f7f7f7;
-        padding: 0px 4px;
-    }
-}
-
-.shop_alert_img_li:nth-of-type(3n) {
-    margin-right: 0;
-}
-
-.shop_alert_img_li_a:hover * {
-    color: #A01C0E;
-}
-
-.shop_banner {
-    width: 1200px;
-    margin: 20px auto 0px;
-}
-
-.shop_banner_a {
-    display: block;
-    width: 1200px;
-    height: 90px;
-    overflow: hidden;
-}
-
-.shop_banner_img {
-    display: block;
-    width: 1200px;
-}
-
-.shop_nav {
-    border: solid 1px #E9E9E9;
-    background: #fafafa;
-    margin-top: 20px;
-}
-
-.shop_nav_head {
-    float: left;
-    height: 28px;
-    width: 138px;
-    margin: 30px 52px 0px 25px;
-}
-
-.shop_nav_head_a {
-    display: block;
-    height: 28px;
-    width: 138px;
-    background: url(@/public/img/7.png) no-repeat left top;
-    background-size: 100% 100%;
-}
-
-.shop_nav_in {
-    float: left;
-}
-
-.shop_nav_in_a {
-    float: left;
-    height: 75px;
-    line-height: 75px;
-    color: #333;
-    font-size: 16px;
-    background: #f8f5f5;
-    width: 118px;
-    border-bottom: solid 5px #A01C0E;
-    font-weight: bold;
-    margin: 5px 0;
-    text-align: center;
-}
-
-.shop_nav_in_a:nth-of-type(4) {
-    margin-right: 8px;
-}
-
-.shop_nav_in_a:hover {
-    color: #A01C0E;
-}
-
-.shop_name_in {
-    float: left;
-    height: 40px;
-    width: 1046px;
-    float: left;
-    box-sizing: border-box;
-}
-
-.shop_name_a {
-    float: left;
-    height: 27px;
-    line-height: 27px;
-    color: #222;
-    font-size: 20px;
-    position: relative;
-    margin: 7px 14.5px 0;
-    padding: 0px 10px;
-}
-
-.shop_name_a::after {
-    content: '/';
-    display: block;
-    position: absolute;
-    top: 0px;
-    right: -18px;
-    height: 100%;
-    line-height: 27px;
-    color: #E9E9E9;
-    font-size: 20px;
-}
-
-.shop_name_a:nth-last-of-type(1)::after {
-    content: '';
-    display: none;
-}
-
-.shop_name_a_only {
-    background: #A01C0E;
-    color: #fff;
-}
-
-.shop_name_out {
-    margin-top: 20px;
-}
-
-.shop_name_box {
-    border-top: solid 1px #fff;
-
-    .shop_name_box_a {
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-weight: bold;
-        font-size: 20px;
-    }
-}
-
-.shop_name {
-    float: left;
-    height: 44px;
-    line-height: 44px;
-    color: #fff;
-    font-weight: bold;
-    position: relative;
-    z-index: 11;
-    text-align: center;
-    font-size: 20px;
-    background: #A01C0E;
-    padding: 0px 14px;
-}
-
-.shop_name_right {
-    height: 40px;
-    border-bottom: 1px solid #E8E9EC;
-    margin-top: 4px;
-    background: #F8F8F8;
-    position: relative;
-    z-index: 2;
-}
-
-.shop_name_right::after {
-    content: '';
-    display: block;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    height: 100%;
-    width: 16px;
-    background: url(@/public/img/9.png) no-repeat 0px bottom #fff;
-    background-size: 100% auto;
-}
-
-.shop_name_btn {
-    width: 24px;
-    height: 24px;
-    float: right;
-    margin: 10px 22px 0px 0px;
-    background: url(@/public/img/8.png) no-repeat center center;
-    border-radius: 50%;
-    background-size: 100% 100%;
-}
-
-.shop_2_left {
-    float: left;
-    width: 900px;
-}
-
-.shop_3_right {
-    float: right;
-    width: 280px;
-}
-
-.shop_1_box {
-    margin: 30px auto 0px;
-}
-
-.shop_2_box {
-    margin: 30px auto 0px;
-}
-
-.shop_3_box {
-    margin: 0px auto 0px;
-}
-
-.shop_4_box {
-    margin: 4px auto 0px;
-}
-
-.shop_5_box {
-    margin: 4px auto 0px;
-}
-
-.categ_crumb_box {
-    margin-top: 20px;
-    border-bottom: solid 1px #D9D9D9;
-    padding-bottom: 20px;
-    position: relative;
-}
-
-.categ_crumb_box2 {
-    margin-top: 20px;
-    padding-bottom: 20px;
-    position: relative;
-}
-
-.categ_crumb_left {
-    float: left;
-    height: 21px;
-    line-height: 21px;
-    color: #999;
-    font-size: 16px;
-}
-
-.categ_crumb_left_a {
-    display: inline-block;
-    height: 21px;
-    line-height: 21px;
-    color: #999;
-    font-size: 16px;
-}
-
-.categ_crumb_left_text {
-    display: inline-block;
-    height: 21px;
-    line-height: 21px;
-    color: #333;
-    font-size: 16px;
-}
-
-.categ_3_index {
-    margin-top: 28px;
-}
-
-.categ_ul_img_1 {
-    margin-top: 20px;
-    overflow: hidden;
-}
-
-.categ_li_img_1 {
-    float: left;
-    margin: 0px 24px 20px 0px;
-    width: 180px;
-    position: relative;
-
-    .categ_li_img_1_a {}
-
-    .categ_li_img_1_img {
-        display: block;
-        width: 180px;
-        height: 180px;
-    }
-
-    .categ_li_img_1_dot2 {
-        width: 168px;
-        margin: 10px auto 0px;
-        height: 32px;
-        line-height: 16px;
-        color: #333;
-        font-size: 14px;
-    }
-}
-
-.categ_li_img_1:nth-of-type(6n) {
-    margin-right: 0px;
-}
-
-.categ_li_img_1_hover_dot1 {
-    width: 152px;
-    position: absolute;
-    left: 50%;
-    margin-left: -76px;
-    bottom: 13px;
-    font-size: 14px;
-    background: linear-gradient(to right, #FFE1AA, #F9F4E3, #FFE1AA);
-    -webkit-background-clip: text;
-    color: transparent;
-}
-
-.categ_li_img_1:hover .categ_li_img_1_dot2 {
-    color: #A01C0E;
-}
-
-.categ_li_img_1:nth-of-type(1) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/18.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_li_img_1:nth-of-type(2) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/19.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_li_img_1:nth-of-type(3) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/20.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_ul_img_2 {
-    margin-top: 20px;
-    overflow: hidden;
-}
-
-.categ_li_img_2 {
-    float: left;
-    margin: 0px 24px 20px 0px;
-    width: 180px;
-    position: relative;
-
-    .categ_li_img_2_a {}
-
-    .categ_li_img_2_img {
-        display: block;
-        width: 180px;
-        height: 180px;
-    }
-
-    .categ_li_img_2_dot2 {
-        width: 168px;
-        margin: 10px auto 0px;
-        height: 32px;
-        line-height: 16px;
-        color: #333;
-        font-size: 14px;
-    }
-
-    .categ_li_img_2:nth-of-type(6n) {
-        margin-right: 0px;
-    }
-}
-
-.categ_li_img_2_hover_dot1 {
-    width: 152px;
-    position: absolute;
-    left: 50%;
-    margin-left: -76px;
-    bottom: 13px;
-    font-size: 14px;
-    background: linear-gradient(to right, #FFE1AA, #F9F4E3, #FFE1AA);
-    -webkit-background-clip: text;
-    color: transparent;
-}
-
-.categ_li_img_2:hover .categ_li_img_2_dot2 {
-    color: #A01C0E;
-}
-
-/* 供应商品 */
-.supply_1_index {
-    margin-top: 30px;
-}
-
-.supply_1_index_qiugou {
-    display: flex;
-    justify-content: space-between;
-}
-
-.supply_1_index_qiugou_left {
-    width: 900px;
-    padding-top: 30px;
-    border-top: solid 1px #E9E9E9;
-}
-
-.supply_1_img {
-    float: left;
-    width: 330px;
-    height: 330px;
-}
-
-.supply_1_right {
-    float: right;
-    width: 845px;
-}
-
-.supply_1_right_qiugou {
-    float: right;
-    width: 545px;
-}
-
-.supply_1_h4 {
-    line-height: 29px;
-    color: #333;
-    font-size: 22px;
-}
-
-.supply_1_title_box {}
-
-.supply_1_title {
-    float: left;
-    height: 31px;
-    line-height: 31px;
-    color: #999;
-    font-size: 16px;
-    padding: 0px 10px;
-    margin: 14px 20px 0px 0px;
-    background: #F8F8F8;
-}
-
-.supply_1_ul {
-    margin-top: 10px;
-}
-
-.supply_1_ul_qiugou {
-    margin-top: 7px;
-}
-
-.supply_1_li {
-    display: flex;
-    margin-bottom: 16px;
-
-    .supply_1_li_label {
-        line-height: 21px;
-        color: #999;
-        font-size: 16px;
-        min-width: 64px;
-        margin-right: 15px;
-    }
-
-    .supply_1_li_text {
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-    }
-}
-
-.supply_1_li_qiugou {
-    display: flex;
-    margin-top: 21px;
-
-    .supply_1_li_label {
-        line-height: 21px;
-        color: #999;
-        font-size: 16px;
-        min-width: 64px;
-        margin-right: 15px;
-    }
-
-    .supply_1_li_text {
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-    }
-}
-
-
-
-
-.supply_head_box {
-    border-bottom: solid 1px #E9E9E9;
-    padding-bottom: 22px;
-    margin-top: 20px;
-    border-top: solid 1px rgba(0, 0, 0, 0);
-
-    .supply_head_a {
-        float: left;
-        font-size: 20px;
-        color: #999;
-        height: 18px;
-        line-height: 18px;
-        margin-right: 40px;
-        cursor: pointer;
-    }
-
-    .supply_head_a:nth-of-type(1) {
-        border-left: solid 3px #A01C0E;
-        text-indent: 15px;
-    }
-}
-
-.supply_head_a_only {
-    color: #333 !important;
-}
-
-.supply_art_box_p {
-    line-height: 35px;
-    font-size: 20px;
-}
-
-.supply_art_box_img {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    img {
-        width: 210px;
-        height: 210px;
-        margin-right:37px;
-    }
-}
-
-.supply_art_out {
-    margin-top: 20px;
-}
-
-.supply_art_out>* {
-    color: #333;
-    line-height: 25px;
-    font-size: 20px;
-}
-
-.supply_art_box {}
-
-@media screen and (min-width:1200px) {
-    /*pc_1440*/
-    @media screen and (max-width:1440px) {
-        /*1200*/
-    }
-
-    .pc_none {
-        display: none;
-    }
-}
-
-@media screen and (max-width:599px) {}
-
-@media screen and (max-width:320px) {}
-
-//供应求购板块
-.shop_3_right {
-    float: right;
-    width: 280px;
-}
-.choice_1_box {
-    border: solid 1px #E9E9E9;
-    box-sizing: border-box;
-
-    .choice_1_btn_box {
-        height: 64px;
-    }
-
-    .choice_1_btn {
-        height: 64px;
-        width: 50%;
-        float: left;
-    }
-
-    .choice_1_btn_a {
-        display: block;
-        width: 100%;
-        line-height: 64px;
-        color: #333;
-        font-style: italic;
-        height: 64px;
-        background: #F8F8F8;
-        text-align: center;
-        font-size: 16px;
-        box-sizing: border-box;
-        font-family: DingTalk JinBuTi, DingTalk JinBuTi;
-        letter-spacing: 1px;
-        cursor: pointer;
-    }
-
-    .choice_1_btn_only {}
-
-    .choice_1_btn_only .choice_1_btn_a {
-        background: #fff;
-        border-bottom: solid 1px #fff;
-    }
-}
-
-.shop_ul_img_2 {
-    width: 252px;
-    margin: 20px auto 0px;
-}
-
-.shop_li_img_2 {
-    height: 22px;
-    margin-bottom: 22px;
-
-    .shop_li_img_2_a {
-        display: block;
-        height: 22px;
-        display: flex;
-    }
-
-    .shop_li_img_2_num {
-        width: 22px;
-        max-width: 22px;
-        min-width: 22px;
-        height: 22px;
-        line-height: 22px;
-        text-align: center;
-        background: #ccc;
-        color: #F6F6F6;
-        font-size: 16px;
-        border-radius: 4px;
-        margin-right: 10px;
-    }
-
-    .shop_li_img_2_right {
-        height: 22px;
-    }
-
-    .shop_li_img_2_img {
-        display: none;
-    }
-
-    .shop_li_img_2_text {
-        height: 22px;
-        line-height: 22px;
-        color: #333;
-        font-size: 16px;
-        display: block;
-        word-break: keep-all;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-}
-
-.shop_li_img_2:nth-of-type(1) {
-    height: auto;
-    margin-bottom: 15px;
-}
-
-.shop_li_img_2:nth-of-type(1) .shop_li_img_2_a {
-    height: auto;
-}
-
-.shop_li_img_2:nth-of-type(1) .shop_li_img_2_right {
-    height: auto;
-    display: flex;
-    border-bottom: solid 1px #E9E9E9;
-    padding-bottom: 10px;
-}
-
-.shop_li_img_2:nth-of-type(1) .shop_li_img_2_img {
-    display: block;
-    width: 45px;
-    height: 45px;
-    margin-right: 10px;
-}
-
-.shop_li_img_2:nth-of-type(1) .shop_li_img_2_text {
-    height: 44px;
-    line-height: 22px;
-    color: #333;
-    font-size: 16px;
-    font-weight: bold;
-    overflow: hidden;
-    display: -webkit-box !important;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    word-break: break-all;
-    white-space: wrap;
-}
-
-.shop_li_img_2:nth-of-type(1) .shop_li_img_2_num {
-    background: #A01C0E;
-    color: #fff;
-}
-
-.shop_li_img_2:nth-of-type(2) .shop_li_img_2_num {
-    background: #FFC62E;
-    color: #fff;
-}
-
-.shop_li_img_2:nth-of-type(3) .shop_li_img_2_num {
-    background: #E98008;
-    color: #fff;
-}
-
-.shop_li_img_2:hover .shop_li_img_2_text {
-    color: #A01C0E;
-}

assets/css/shop/index.less

@@ -1,650 +0,0 @@
-@charset "utf-8";
-
-* {
-    margin: 0;
-    padding: 0;
-    font-family: "微软雅黑", "microsoft yahei";
-}
-
-ul,
-ol {
-    list-style: none;
-}
-
-a:active {
-    text-decoration: none;
-}
-
-a:hover {
-    text-decoration: none;
-}
-
-a:visited {
-    text-decoration: none;
-}
-
-a:link {
-    text-decoration: none;
-}
-
-a:focus {
-    text-decoration: none;
-}
-
-body {
-    position: relative;
-}
-
-.clearfix {
-    overflow: hidden;
-}
-
-.clearfix_2::after {
-    content: '';
-    display: block;
-    height: 0;
-    visibility: hidden;
-    clear: both;
-}
-
-.hiddenColor {
-    visibility: hidden;
-}
-
-.hand {
-    cursor: pointer;
-}
-
-.aTag_parent {
-    position: relative;
-}
-
-.aTag_parent>a,
-.aTag {
-    display: block;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    z-index: 99;
-    border: 0px;
-    top: 0px;
-    left: 0px;
-    background: rgba(0, 0, 0, 0);
-}
-
-.dot1 {
-    display: block;
-    word-break: keep-all;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.dot2 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-}
-
-.dot3 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
-}
-
-input,
-img {
-    border: none;
-}
-
-.cover100 img {
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-}
-
-.back100 {
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-}
-
-article,
-aside,
-footer,
-header,
-time,
-video,
-main,
-nav,
-h4,
-h3,
-section {
-    display: block;
-}
-
-.index_main {
-    margin: 0 auto 30px;
-}
-
-.slow_6 {
-    -webkit-transition: all .6s;
-    -moz-transition: all .6s;
-    -ms-transition: all .6s;
-    -o-transition: all .6s;
-    transition: all .6s;
-}
-
-.index_main {
-    width: 1200px;
-}
-
-
-
-
-.shop_banner {
-    width: 1200px;
-    margin: 20px auto 0px;
-
-    .shop_banner_a {
-        overflow: hidden;
-        display: block;
-        width: 1200px;
-        height: 90px;
-    }
-
-    .shop_banner_img {
-        display: block;
-        width: 1200px;
-    }
-}
-
-
-
-.shop_nav_in {
-    float: left;
-}
-
-.shop_nav_in_a {
-    float: left;
-    height: 75px;
-    line-height: 75px;
-    color: #333;
-    font-size: 16px;
-    background: #f8f5f5;
-    width: 118px;
-    border-bottom: solid 5px #A01C0E;
-    font-weight: bold;
-    margin: 5px 0;
-    text-align: center;
-}
-
-.shop_nav_in_a:nth-of-type(4) {
-    margin-right: 8px;
-}
-
-.shop_nav_in_a:hover {
-    color: #A01C0E;
-}
-
-.shop_name_in {
-    float: left;
-    height: 40px;
-    width: 1046px;
-    float: left;
-    box-sizing: border-box;
-
-    .shop_name_a {
-        float: left;
-        height: 27px;
-        line-height: 27px;
-        color: #222;
-        font-size: 20px;
-        position: relative;
-        margin: 7px 14.5px 0;
-        padding: 0px 10px;
-    }
-
-    .shop_name_a::after {
-        content: '/';
-        display: block;
-        position: absolute;
-        top: 0px;
-        right: -18px;
-        height: 100%;
-        line-height: 27px;
-        color: #E9E9E9;
-        font-size: 20px;
-    }
-
-    .shop_name_a:nth-last-of-type(1)::after {
-        content: '';
-        display: none;
-    }
-
-    .shop_name_a_only {
-        background: #A01C0E;
-        color: #fff;
-    }
-}
-
-.shop_name_out {
-    margin-top: 20px;
-}
-
-.shop_name_box {
-    border-top: solid 1px #fff;
-
-    .shop_name_box_a {
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-weight: bold;
-        font-size: 20px;
-    }
-
-    .shop_name {
-        float: left;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-weight: bold;
-        position: relative;
-        z-index: 11;
-        text-align: center;
-        font-size: 20px;
-        background: #A01C0E;
-        padding: 0px 14px;
-    }
-
-    .shop_name_right {
-        height: 40px;
-        border-bottom: 1px solid #E8E9EC;
-        margin-top: 4px;
-        background: #F8F8F8;
-        position: relative;
-        z-index: 2;
-    }
-
-    .shop_name_right::after {
-        content: '';
-        display: block;
-        position: absolute;
-        top: 0px;
-        right: 0px;
-        height: 100%;
-        width: 16px;
-        background: url(@/public/img/9.png) no-repeat 0px bottom #fff;
-        background-size: 100% auto;
-    }
-
-    .shop_name_btn {
-        width: 24px;
-        height: 24px;
-        float: right;
-        margin: 10px 22px 0px 0px;
-        background: url(@/public/img/8.png) no-repeat center center;
-        border-radius: 50%;
-        background-size: 100% 100%;
-    }
-}
-
-.shop_2_left {
-    float: left;
-    width: 900px;
-}
-
-.shop_3_right {
-    float: right;
-    width: 280px;
-}
-
-.shop_1_box {
-    margin: 30px auto 0px;
-}
-
-.shop_2_box {
-    margin: 30px auto 0px;
-}
-
-.shop_3_box {
-    margin: 0px auto 0px;
-}
-
-.shop_4_box {
-    margin: 4px auto 0px;
-    height: 326px;
-}
-
-.shop_5_box {
-    margin: 4px auto 0px;
-}
-
-.shop_2_left_name_box {
-    height: 44px;
-    line-height: 45px;
-    color: #333;
-    font-size: 16px;
-    background: #F8F8F8;
-    display: flex;
-    box-sizing: border-box;
-    width: 100%;
-    padding: 0px 20px;
-
-    .shop_2_left_name {
-        height: 44px;
-        line-height: 45px;
-        word-break: keep-all;
-        white-space: nowrap;
-    }
-
-    .shop_2_left_name_box_a {
-        color: #333;
-        font-size: 16px;
-        height: 44px;
-        line-height: 45px;
-        cursor: pointer;
-    }
-}
-
-.shop_ul_img_1 {
-    border: solid 1px #EDCEA2;
-    background: #FFF7ED;
-    margin-top: 30px;
-}
-
-.choice_1_box {
-    border: solid 1px #E9E9E9;
-    box-sizing: border-box;
-
-    .choice_1_btn_box {
-        height: 64px;
-    }
-
-    .choice_1_btn {
-        height: 64px;
-        width: 50%;
-        float: left;
-    }
-
-    .choice_1_btn_a {
-        display: block;
-        width: 100%;
-        line-height: 64px;
-        color: #333;
-        font-style: italic;
-        height: 64px;
-        background: #F8F8F8;
-        text-align: center;
-        font-size: 16px;
-        box-sizing: border-box;
-        font-family: DingTalk JinBuTi, DingTalk JinBuTi;
-        letter-spacing: 1px;
-        cursor: pointer;
-    }
-
-    .choice_1_btn_only {}
-
-    .choice_1_btn_only .choice_1_btn_a {
-        background: #fff;
-        border-bottom: solid 1px #fff;
-    }
-}
-
-.shop_ul_img_2 {
-    width: 252px;
-    margin: 20px auto 0px;
-}
-
-.shop_li_img_2 {
-    height: 22px;
-    margin-bottom: 22px;
-
-    .shop_li_img_2_a {
-        display: block;
-        height: 22px;
-        display: flex;
-    }
-
-    .shop_li_img_2_num {
-        width: 22px;
-        max-width: 22px;
-        min-width: 22px;
-        height: 22px;
-        line-height: 22px;
-        text-align: center;
-        background: #ccc;
-        color: #F6F6F6;
-        font-size: 16px;
-        border-radius: 4px;
-        margin-right: 10px;
-    }
-
-    .shop_li_img_2_right {
-        height: 22px;
-    }
-
-    .shop_li_img_2_img {
-        display: none;
-    }
-
-    .shop_li_img_2_text {
-        height: 22px;
-        line-height: 22px;
-        color: #333;
-        font-size: 16px;
-        display: block;
-        word-break: keep-all;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-}
-
-.shop_li_img_2:nth-of-type(1) {
-    height: auto;
-    margin-bottom: 15px;
-}
-
-.shop_li_img_2:nth-of-type(1) .shop_li_img_2_a {
-    height: auto;
-}
-
-.shop_li_img_2:nth-of-type(1) .shop_li_img_2_right {
-    height: auto;
-    display: flex;
-    border-bottom: solid 1px #E9E9E9;
-    padding-bottom: 10px;
-}
-
-.shop_li_img_2:nth-of-type(1) .shop_li_img_2_img {
-    display: block;
-    width: 45px;
-    height: 45px;
-    margin-right: 10px;
-}
-
-.shop_li_img_2:nth-of-type(1) .shop_li_img_2_text {
-    height: 44px;
-    line-height: 22px;
-    color: #333;
-    font-size: 16px;
-    font-weight: bold;
-    overflow: hidden;
-    display: -webkit-box !important;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    word-break: break-all;
-    white-space: wrap;
-}
-
-.shop_li_img_2:nth-of-type(1) .shop_li_img_2_num {
-    background: #A01C0E;
-    color: #fff;
-}
-
-.shop_li_img_2:nth-of-type(2) .shop_li_img_2_num {
-    background: #FFC62E;
-    color: #fff;
-}
-
-.shop_li_img_2:nth-of-type(3) .shop_li_img_2_num {
-    background: #E98008;
-    color: #fff;
-}
-
-.shop_li_img_2:hover .shop_li_img_2_text {
-    color: #A01C0E;
-}
-
-.shop_ul_img_3 {
-    margin-top: 30px;
-    height: 250px;
-}
-
-.shop_ul_img_3_box_2 {
-    margin-top: 30px;
-    height: 500px;
-}
-
-.shop_ul_img_3_3 {
-    margin-top: 30px;
-    height: 1000px;
-}
-
-.shop_li_img_3 {
-    float: left;
-    margin: 0px 24px 28px 0px;
-    width: 180px;
-    position: relative;
-}
-
-.shop_li_img_3_a {}
-
-.shop_li_img_3_img {
-    display: block;
-    width: 180px;
-    height: 180px;
-}
-
-.shop_li_img_3_dot2 {
-    width: 168px;
-    margin: 10px auto 0px;
-    height: 32px;
-    line-height: 16px;
-    color: #333;
-    font-size: 14px;
-}
-
-.shop_li_img_3:nth-of-type(6n) {
-    margin-right: 0px;
-}
-
-.shop_li_img_3_hover {
-    position: absolute;
-    z-index: 22;
-    width: 100%;
-    height: 100%;
-    left: 0px;
-    top: 0px;
-    background: url(@/public/img/12.png) no-repeat left bottom;
-    background-size: 100% auto;
-}
-
-.shop_li_img_3_hover_dot1 {
-    width: 152px;
-    position: absolute;
-    left: 50%;
-    margin-left: -76px;
-    bottom: 13px;
-    font-size: 14px;
-    background: linear-gradient(to right, #FFE1AA, #F9F4E3, #FFE1AA);
-    -webkit-background-clip: text;
-    color: transparent;
-}
-
-.shop_li_img_3:hover .shop_li_img_3_hover {
-    display: block;
-}
-
-.shop_hot_door_box {
-    float: left;
-    width: 384px;
-    height: 221px;
-    border: solid 1px #EDCEA2;
-    background: #FFF7ED;
-    margin: 0px 24px 28px 0px;
-    box-sizing: border-box;
-}
-
-.shop_hot_door_left {
-    margin-left: 20px;
-}
-
-.shop_hot_door_h4 {
-    margin-top: 66px;
-    height: 26px;
-    color: #333;
-    font-size: 22px;
-    font-weight: lighter;
-}
-
-.shop_hot_door_title {
-    height: 1px;
-    border-left: solid 20px #333;
-    border-right: solid 20px #333;
-    padding: 0px 10px;
-    margin: 18px 0px 0px;
-    float: left;
-    color: #333;
-    font-size: 16px;
-    line-height: 1px;
-    float: left;
-}
-
-.shop_hot_door_btn {
-    float: left;
-    background: #EDCEA2;
-    color: #B58035;
-    font-size: 14px;
-    height: 24px;
-    line-height: 24px;
-    padding: 0px 7px;
-    margin-top: 20px;
-}
-
-.shop_hot_door_img {
-    width: 146px;
-    height: 146px;
-    margin: 38px 21px 0px 19px;
-    float: right;
-}
-
-.shop_hot_door_a {}
-
-.shop_li_img_3:hover .shop_li_img_3_dot2 {
-    color: #A01C0E;
-}
-
-.shop_notice_content {
-    padding: 10px 30px 30px 30px;
-    height: 400px;
-    overflow-y: auto;
-}
-
-@media screen and (min-width:1200px) {
-    /*pc_1440*/
-    @media screen and (max-width:1440px) {
-        /*1200*/
-    }
-
-    .pc_none {
-        display: none;
-    }
-}
-
-@media screen and (max-width:599px) {}
-
-@media screen and (max-width:320px) {}

assets/css/shop/list.less

@@ -1,1165 +0,0 @@
-@charset "utf-8";
-
-* {
-    margin: 0;
-    padding: 0;
-    font-family: "微软雅黑", "microsoft yahei";
-}
-
-ul,
-ol {
-    list-style: none;
-}
-
-a:active {
-    text-decoration: none;
-}
-
-a:hover {
-    text-decoration: none;
-}
-
-a:visited {
-    text-decoration: none;
-}
-
-a:link {
-    text-decoration: none;
-}
-
-a:focus {
-    text-decoration: none;
-}
-
-body {
-    position: relative;
-}
-
-.clearfix {
-    overflow: hidden;
-}
-
-.clearfix_2::after {
-    content: '';
-    display: block;
-    height: 0;
-    visibility: hidden;
-    clear: both;
-}
-
-.hiddenColor {
-    visibility: hidden;
-}
-
-.hand {
-    cursor: pointer;
-}
-
-.aTag_parent {
-    position: relative;
-}
-
-.aTag_parent>a,
-.aTag {
-    display: block;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    z-index: 99;
-    border: 0px;
-    top: 0px;
-    left: 0px;
-    background: rgba(0, 0, 0, 0);
-}
-
-.dot1 {
-    display: block;
-    word-break: keep-all;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.dot2 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-}
-
-.dot3 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
-}
-
-input,
-img {
-    border: none;
-}
-
-.cover100 img {
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-}
-
-.back100 {
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-}
-
-article,
-aside,
-footer,
-header,
-time,
-video,
-main,
-nav,
-h4,
-h3,
-section {
-    display: block;
-}
-
-.index_main {
-    margin: 0 auto 30px;
-}
-
-.slow_6 {
-    -webkit-transition: all .6s;
-    -moz-transition: all .6s;
-    -ms-transition: all .6s;
-    -o-transition: all .6s;
-    transition: all .6s;
-}
-
-.index_main {
-    width: 1200px;
-}
-
-.shop_head {
-    margin: 30px auto 0px;
-
-    .shop_head_left {
-        float: left;
-        width: 322px;
-        margin-right: 33px;
-    }
-
-    .shop_head_left_a {
-        width: 322px;
-        display: block;
-    }
-
-    .shop_head_img {
-        width: 322px;
-        display: block;
-    }
-
-    .shop_head_form_out {
-        width: 550px;
-        float: left;
-    }
-
-    .shop_head_form {
-        margin-top: 37px;
-        display: block;
-        width: 547px;
-        border: solid 1px #A01C0E;
-        height: 40px;
-        box-sizing: border-box;
-        overflow: hidden;
-    }
-
-    .shop_head_btn {
-        float: right;
-        width: 52px;
-        height: 100%;
-        border: solid 1px #fff;
-        box-sizing: border-box;
-        background: url(@/public/img/3.png) no-repeat center center #A01C0E;
-        background-size: 22px 22px;
-    }
-
-    .shop_head_inp {
-        display: block;
-        text-indent: 11px;
-        height: 40px;
-        line-height: 40px;
-        width: 490px;
-    }
-
-    .shop_head_form_foot {
-        width: 550px;
-        margin-top: 10px;
-    }
-
-    .shop_head_form_foot_a {
-        float: left;
-        height: 18px;
-        line-height: 18px;
-        color: #999;
-        font-size: 14px;
-        margin-right: 10px;
-    }
-
-    .shop_head_form_foot_a:nth-of-type(1) {
-        color: #A01C0E;
-    }
-
-    .shop_head_form_foot_a:hover {
-        color: #A01C0E;
-    }
-
-    .shop_head_right {
-        float: right;
-        margin-top: 37px;
-        position: relative;
-    }
-
-    .shop_head_right_btn {
-        float: right;
-        width: 120px;
-        height: 40px;
-        line-height: 40px;
-        color: #666;
-        font-size: 14px;
-        margin-left: 10px;
-        text-indent: 52px;
-        border: 1px solid #E9E9E9;
-        background: no-repeat 20px center #F4F4F4;
-        background-size: 24px 24px;
-    }
-
-    .shop_head_right_btn:nth-of-type(1) {
-        background-image: url(@/public/img/4.png);
-    }
-
-    .shop_head_right_btn:nth-of-type(2) {
-        background-image: url(@/public/img/5.png);
-    }
-
-    .shop_head_right_btn:hover {
-        color: #fff;
-        background: no-repeat 20px center #A01C0E;
-        background-size: 24px 24px;
-    }
-
-    .shop_head_right_btn:nth-of-type(1):hover {
-        background-image: url(@/public/img/4a.png);
-    }
-
-    .shop_head_right_btn:nth-of-type(2):hover {
-        background-image: url(@/public/img/5a.png);
-    }
-
-    .shop_head_right_btn_1_only {
-        color: #fff;
-        background: no-repeat 20px center #A01C0E;
-        background-size: 24px 24px;
-        background-image: url(@/public/img/4a.png) !important;
-    }
-
-    .shop_head_right_btn_2_only {
-        color: #fff;
-        background: no-repeat 20px center #A01C0E;
-        background-size: 24px 24px;
-        background-image: url(@/public/img/5a.png) !important;
-    }
-
-    .shop_head_right_btn:hover .shop_head_right_out {
-        display: block;
-    }
-
-    .shop_head_right_box {
-        background: #fff;
-        height: 1111px;
-        margin-top: 20px;
-    }
-
-    .shop_alert_out {
-        position: absolute;
-        width: 1036px;
-        right: 0px;
-        top: 99%;
-        z-index: 111;
-    }
-
-    .shop_alert_box {
-        background: #fff;
-        box-sizing: border-box;
-        padding: 0px 20px;
-        border: solid 1px #A01C0E;
-        width: 100%;
-        margin-top: 20px;
-    }
-
-    .shop_alert_head_box {}
-
-    .shop_alert_head_name_1 {
-        float: left;
-        font-weight: bold;
-        color: #A01C0E;
-        font-size: 20px;
-        margin-top: 30px;
-        letter-spacing: 1px;
-    }
-
-    .shop_alert_head_name_2 {
-        float: left;
-        color: #333;
-        font-size: 16px;
-        margin: 35px 0px 0px 10px;
-        position: relative;
-        padding-left: 22px;
-        font-weight: bold;
-    }
-
-    .shop_alert_head_name_2::after {
-        content: '';
-        display: block;
-        width: 14px;
-        height: 10px;
-        position: absolute;
-        left: 0px;
-        bottom: 3px;
-        background: url(@/public/img/16.png) no-repeat left 0px;
-        background-size: 100% 100%;
-    }
-
-    .shop_alert_head_btn_a {
-        float: right;
-        height: 40px;
-        line-height: 40px;
-        color: #fff;
-        font-size: 14px;
-        padding: 0px 20px 0px 36px;
-        margin-top: 23px;
-        background: url(@/public/img/14.png) no-repeat 18px center #A01C0E;
-        background-size: 14px auto;
-    }
-
-    .shop_alert_ul {
-        margin: 28px auto 0px;
-        width: 980px;
-    }
-
-    .shop_alert_li {
-        margin-bottom: 11px;
-        display: flex;
-    }
-
-    .shop_alert_li_label {
-        width: 150px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-        padding-right: 24px;
-        font-weight: bold;
-        position: relative;
-        box-sizing: border-box;
-        margin-right: 20px;
-    }
-
-    .shop_alert_li_label::after {
-        content: '';
-        display: block;
-        position: absolute;
-        right: 0px;
-        top: 0px;
-        width: 22px;
-        height: 22px;
-        background: url(@/public/img/15.png) no-repeat right 0px;
-        background-size: 100% 100%;
-    }
-
-    .shop_alert_li_panel {}
-
-    .shop_alert_li_panel_a {
-        float: left;
-        height: 21px;
-        line-height: 21px;
-        color: #666;
-        font-size: 16px;
-        margin: 0px 25px 10px 0px;
-    }
-
-    .shop_alert_li_panel_a:hover {
-        color: #A01C0E;
-    }
-
-    .shop_alert_1_index {
-        margin-top: 20px;
-    }
-
-    .shop_alert_img_ul {
-        margin-top: 30px;
-    }
-
-    .shop_alert_img_li {
-        float: left;
-        width: 314px;
-        margin: 0px 26px 30px 0px;
-        box-sizing: border-box;
-    }
-
-    .shop_alert_img_li_a {
-        display: block;
-        width: 100%;
-    }
-
-    .shop_alert_img_li_img {
-        width: 130px;
-        height: 130px;
-        margin-right: 10px;
-        float: left;
-    }
-
-    .shop_alert_img_li_right {
-        width: 173px;
-        float: right;
-    }
-
-    .shop_alert_img_li_h4 {
-        height: 18px;
-        line-height: 18px;
-        color: #333;
-        font-size: 14px;
-        font-weight: bold;
-        margin-top: 7px;
-    }
-
-    .shop_alert_img_li_dot3 {
-        height: 48px;
-        line-height: 16px;
-        color: #666;
-        font-size: 12px;
-        margin-top: 13px;
-    }
-
-    .shop_alert_img_li_time {
-        float: left;
-        height: 26px;
-        line-height: 26px;
-        color: rgba(51, 51, 51, 0.4);
-        font-size: 12px;
-        margin-top: 18px;
-        background: #f7f7f7;
-        padding: 0px 4px;
-    }
-
-    .shop_alert_img_li:nth-of-type(3n) {
-        margin-right: 0;
-    }
-
-    .shop_alert_img_li_a:hover * {
-        color: #A01C0E;
-    }
-}
-
-.shop_banner {
-    width: 1200px;
-    overflow: hidden;
-    margin: 20px auto 0px;
-
-    .shop_banner_a {
-        display: block;
-        width: 1200px;
-        height: 90px;
-    }
-
-    .shop_banner_img {
-        display: block;
-        width: 1200px;
-    }
-}
-
-.shop_nav {
-    border: solid 1px #E9E9E9;
-    background: #fafafa;
-    margin-top: 20px;
-}
-
-.shop_nav_head {
-    float: left;
-    height: 28px;
-    width: 138px;
-    margin: 30px 52px 0px 25px;
-
-    .shop_nav_head_a {
-        display: block;
-        height: 28px;
-        width: 138px;
-        background: url(@/public/img/7.png) no-repeat left top;
-        background-size: 100% 100%;
-    }
-}
-
-.shop_nav_in {
-    float: left;
-
-    .shop_nav_in_a {
-        float: left;
-        height: 75px;
-        line-height: 75px;
-        color: #333;
-        font-size: 16px;
-        background: #f8f5f5;
-        width: 118px;
-        border-bottom: solid 5px #A01C0E;
-        font-weight: bold;
-        margin: 5px 0;
-        text-align: center;
-    }
-
-    .shop_nav_in_a:nth-of-type(4) {
-        margin-right: 8px;
-    }
-
-    .shop_nav_in_a:hover {
-        color: #A01C0E;
-    }
-}
-
-.shop_name_in {
-    float: left;
-    height: 40px;
-    width: 1046px;
-    float: left;
-    box-sizing: border-box;
-
-    .shop_name_a {
-        float: left;
-        height: 27px;
-        line-height: 27px;
-        color: #222;
-        font-size: 20px;
-        position: relative;
-        margin: 7px 14.5px 0;
-        padding: 0px 10px;
-    }
-
-    .shop_name_a::after {
-        content: '/';
-        display: block;
-        position: absolute;
-        top: 0px;
-        right: -18px;
-        height: 100%;
-        line-height: 27px;
-        color: #E9E9E9;
-        font-size: 20px;
-    }
-
-    .shop_name_a:nth-last-of-type(1)::after {
-        content: '';
-        display: none;
-    }
-
-    .shop_name_a_only {
-        background: #A01C0E;
-        color: #fff;
-    }
-}
-
-.shop_name_out {
-    margin-top: 20px;
-}
-
-.shop_name_box {
-    border-top: solid 1px #fff;
-}
-
-.shop_name_box_a {
-    height: 44px;
-    line-height: 44px;
-    color: #fff;
-    font-weight: bold;
-    font-size: 20px;
-}
-
-.shop_name {
-    float: left;
-    height: 44px;
-    line-height: 44px;
-    color: #fff;
-    font-weight: bold;
-    position: relative;
-    z-index: 11;
-    text-align: center;
-    font-size: 20px;
-    background: #A01C0E;
-    padding: 0px 14px;
-}
-
-.shop_name_right {
-    height: 40px;
-    border-bottom: 1px solid #E8E9EC;
-    margin-top: 4px;
-    background: #F8F8F8;
-    position: relative;
-    z-index: 2;
-}
-
-.shop_name_right::after {
-    content: '';
-    display: block;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    height: 100%;
-    width: 16px;
-    background: url(@/public/img/9.png) no-repeat 0px bottom #fff;
-    background-size: 100% auto;
-}
-
-.shop_name_btn {
-    width: 24px;
-    height: 24px;
-    float: right;
-    margin: 10px 22px 0px 0px;
-    background: url(@/public/img/8.png) no-repeat center center;
-    border-radius: 50%;
-    background-size: 100% 100%;
-}
-
-.shop_2_left {
-    float: left;
-    width: 900px;
-}
-
-.shop_3_right {
-    float: right;
-    width: 280px;
-}
-
-.shop_1_box {
-    margin: 30px auto 0px;
-}
-
-.shop_2_box {
-    margin: 30px auto 0px;
-}
-
-.shop_3_box {
-    margin: 0px auto 0px;
-}
-
-.shop_4_box {
-    margin: 4px auto 0px;
-}
-
-.shop_5_box {
-    margin: 4px auto 0px;
-}
-
-.categ_crumb_box {
-    margin-top: 20px;
-    border-bottom: solid 1px #D9D9D9;
-    padding-bottom: 20px;
-    position: relative;
-}
-
-.categ_crumb_left {
-    float: left;
-    height: 21px;
-    line-height: 21px;
-    color: #999;
-    font-size: 16px;
-
-    .categ_crumb_left_a {
-        display: inline-block;
-        height: 21px;
-        line-height: 21px;
-        color: #999;
-        font-size: 16px;
-    }
-
-    .categ_crumb_left_text {
-        display: inline-block;
-        height: 21px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-    }
-}
-
-.categ_crumb_right {
-    float: right;
-
-    .categ_crumb_right_text {
-        float: left;
-        height: 21px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-    }
-
-    .categ_crumb_right_btn {
-        float: left;
-        width: 14px;
-        height: 14px;
-        background-image: url(@/public/img/17.png);
-        margin: 5px 0px 0px 5px;
-    }
-}
-
-.categ_crumb_panel {
-    position: absolute;
-    border: solid 1px #A01C0E;
-    padding: 0px 30px 10px;
-    background: #fff;
-    right: 0px;
-    top: 0px;
-    box-sizing: border-box;
-    width: 658px;
-    top: 100%;
-
-    .categ_crumb_panel_h4 {
-        display: inline-block;
-        height: 21px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-        padding-right: 31px;
-        margin-top: 20px;
-        background: url(@/public/img/15.png) no-repeat right center;
-        background-size: 21px 21px;
-    }
-
-    .categ_crumb_panel_btn_box {
-        margin-top: 20px;
-    }
-
-    .categ_crumb_panel_btn {
-        float: left;
-        height: 21px;
-        line-height: 21px;
-        color: #666;
-        font-size: 16px;
-        font-weight: bold;
-        margin: 0px 26.5px 11px 0px;
-    }
-
-    .categ_crumb_panel_btn:hover {
-        color: #A01C0E;
-    }
-
-    .categ_crumb_panel_btn_only {
-        color: #A01C0E;
-    }
-}
-
-.categ_grey_box {
-    box-sizing: border-box;
-    border: solid 1px #E9E9E9;
-    background: #F8F8F8;
-    padding: 0px 20px 8px;
-    width: 100%;
-    margin-top: 15px;
-
-    .categ_grey_head {
-        height: 48px;
-        line-height: 50px;
-        color: #000;
-        font-size: 18px;
-        border-bottom: dashed 1px #E9E9E9;
-    }
-
-    .categ_grey_ul {
-        margin: 10px 0px 0px -10px;
-    }
-
-    .categ_grey_btn {
-        float: left;
-        line-height: 29px;
-        height: 29px;
-        color: #333;
-        font-size: 16px;
-        margin: 0px 10px 7px;
-    }
-
-    .categ_grey_btn_only {
-        background: #A01C0E;
-        color: #fff;
-        padding: 0px 5px 0px;
-        margin: 0px 5px 7px;
-    }
-}
-
-.categ_head_box {
-    border-bottom: solid 1px #E9E9E9;
-    padding-bottom: 22px;
-    margin-top: 20px;
-    border-top: solid 1px rgba(0, 0, 0, 0);
-
-    .categ_head_a {
-        float: left;
-        text-indent: 15px;
-        font-size: 20px;
-        color: #333;
-        border-left: solid 3px #A01C0E;
-        height: 18px;
-        line-height: 18px;
-    }
-
-    .categ_head_a_more {
-        float: right;
-        color: #999;
-        font-size: 14px;
-        margin-top: 0px;
-    }
-}
-
-.categ_table {}
-
-.categ_table_head_box {
-    height: 61px;
-    border-bottom: solid 1px #E9E9E9;
-}
-
-.categ_table_head_box>.categ_table_td_1 {
-    line-height: 61px;
-    line-height: 61px;
-}
-
-.categ_table_head_box>.categ_table_td_2 {
-    line-height: 61px;
-    line-height: 61px;
-}
-
-.categ_table_head_box>.categ_table_td_3 {
-    line-height: 61px;
-    line-height: 61px;
-}
-
-.categ_table_head_box>.categ_table_td_4 {
-    line-height: 61px;
-    line-height: 61px;
-}
-
-.categ_table_td_1 {
-    float: left;
-    height: 100%;
-    text-align: center;
-    color: #666;
-    font-size: 16px;
-    width: 155px;
-    margin-right: 126px;
-}
-
-.categ_table_td_2 {
-    float: left;
-    height: 100%;
-    text-align: center;
-    color: #666;
-    font-size: 16px;
-    width: 480px;
-    margin-right: 124px;
-}
-
-.categ_table_td_3 {
-    float: left;
-    height: 100%;
-    text-align: center;
-    color: #666;
-    font-size: 16px;
-    width: 120px;
-    margin-right: 62px;
-}
-
-.categ_table_td_4 {
-    float: left;
-    height: 100%;
-    text-align: center;
-    color: #666;
-    font-size: 16px;
-    width: 133px;
-}
-
-/* .categ_table_head_box>div:nth-of-type(even){background:aqua;} */
-.categ_table_li {
-    height: 161px;
-    box-sizing: border-box;
-    padding: 15px 0px;
-    border-bottom: solid 1px #E9E9E9;
-}
-
-.categ_table_td_1_img {
-    display: block;
-    width: 130px;
-    height: 130px;
-    margin: 0px auto;
-}
-
-.categ_table_li .categ_table_td_1 {
-    line-height: 160px;
-    line-height: 160px;
-}
-
-.categ_table_li .categ_table_td_2 {
-    line-height: 160px;
-    line-height: 160px;
-    font-weight: bold;
-    color: #333;
-}
-
-.categ_table_li .categ_table_td_3 {
-    line-height: 160px;
-    line-height: 160px;
-}
-
-.categ_table_li .categ_table_td_4 {
-    line-height: 160px;
-    line-height: 160px;
-}
-
-.categ_3_index {
-    margin-top: 28px;
-}
-
-.categ_ul_img_1 {
-    margin-top: 20px;
-}
-
-.categ_li_img_1 {
-    float: left;
-    margin: 0px 24px 20px 0px;
-    width: 180px;
-    position: relative;
-}
-
-.categ_li_img_1_a {}
-
-.categ_li_img_1_img {
-    display: block;
-    width: 180px;
-    height: 180px;
-}
-
-.categ_li_img_1_dot2 {
-    width: 168px;
-    margin: 10px auto 0px;
-    height: 32px;
-    line-height: 16px;
-    color: #333;
-    font-size: 14px;
-}
-
-.categ_li_img_1:nth-of-type(6n) {
-    margin-right: 0px;
-}
-
-.categ_li_img_1_hover_dot1 {
-    width: 152px;
-    position: absolute;
-    left: 50%;
-    margin-left: -76px;
-    bottom: 13px;
-    font-size: 14px;
-    background: linear-gradient(to right, #FFE1AA, #F9F4E3, #FFE1AA);
-    -webkit-background-clip: text;
-    color: transparent;
-}
-
-.categ_li_img_1:hover .categ_li_img_1_dot2 {
-    color: #A01C0E;
-}
-
-.categ_li_img_1:nth-of-type(1) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/18.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_li_img_1:nth-of-type(2) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/19.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_li_img_1:nth-of-type(3) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/20.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_ul_img_2 {
-    margin-top: 20px;
-}
-
-.categ_li_img_2 {
-    float: left;
-    margin: 0px 24px 20px 0px;
-    width: 180px;
-    position: relative;
-}
-
-.categ_li_img_2_a {}
-
-.categ_li_img_2_img {
-    display: block;
-    width: 180px;
-    height: 180px;
-}
-
-.categ_li_img_2_dot2 {
-    width: 168px;
-    margin: 10px auto 0px;
-    height: 32px;
-    line-height: 16px;
-    color: #333;
-    font-size: 14px;
-}
-
-.categ_li_img_2:nth-of-type(6n) {
-    margin-right: 0px;
-}
-
-.categ_li_img_2_hover_dot1 {
-    width: 152px;
-    position: absolute;
-    left: 50%;
-    margin-left: -76px;
-    bottom: 13px;
-    font-size: 14px;
-    background: linear-gradient(to right, #FFE1AA, #F9F4E3, #FFE1AA);
-    -webkit-background-clip: text;
-    color: transparent;
-}
-
-.categ_li_img_2:hover .categ_li_img_2_dot2 {
-    color: #A01C0E;
-}
-
-/*乡村网-商城-搜索-查看更多*/
-.search_head_text_box {
-    height: 18px;
-    line-height: 18px;
-    color: #333;
-    font-size: 16px;
-    float: left;
-    margin-left: 20px;
-}
-
-.search_head_text_red {
-    color: #A01C0E;
-}
-
-.search_table_td_2 {
-    float: left;
-    height: 100%;
-    width: 480px;
-    margin-right: 124px;
-
-    .search_table_td_2_head {
-        height: 21px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-        font-weight: bold;
-        width: 480px;
-    }
-
-    .search_table_td_2_dot2 {
-        max-height: 36px;
-        line-height: 18px;
-        color: #666;
-        font-size: 14px;
-        margin-top: 5px;
-        width: 480px;
-    }
-
-    .search_table_td_2_dot3 {
-        color: #999;
-        font-size: 14px;
-        height: 30px;
-        line-height: 30px;
-        margin-top: 5px;
-    }
-
-    .search_table_td_2_in {
-        height: 129px;
-        width: 480px;
-        display: table-cell;
-        vertical-align: middle;
-    }
-}
-
-@media screen and (min-width:1200px) {
-    /*pc_1440*/
-    @media screen and (max-width:1440px) {
-        /*1200*/
-    }
-
-    .pc_none {
-        display: none;
-    }
-}
-
-@media screen and (max-width:599px) {}
-
-@media screen and (max-width:320px) {}
-
-
-
-.pagination {
-    margin: 40px auto 30px auto;
-    height: 34px;
-    margin-left: 141px;
-    display: flex;
-    justify-content: center;
-
-    // 鼠标移入后字体颜色
-    .el-pagination::v-deep :hover {
-        color: #a01c0e;
-    }
-
-    .el-pagination.is-background::v-deep .btn-next,
-    .el-pagination.is-background::v-deep .btn-prev {
-        width: 70px;
-        height: 34px;
-        margin: 0px 10px;
-        border-radius: 4px;
-    }
-
-    .el-pagination.is-background::v-deep .el-pager li {
-        margin: 0px 10px;
-        width: 38px;
-        height: 34px;
-        border-radius: 4px;
-    }
-
-    .el-pagination.is-background::v-deep .btn-next.is-active,
-    .el-pagination.is-background::v-deep .btn-prev.is-active,
-    .el-pagination.is-background::v-deep .el-pager li.is-active {
-        background-color: #a01c0e;
-        color: #fff;
-    }
-
-}

assets/css/shop/search.less

@@ -1,1120 +0,0 @@
-@charset "utf-8";
-
-* {
-    margin: 0;
-    padding: 0;
-    font-family: "微软雅黑", "microsoft yahei";
-}
-
-ul,
-ol {
-    list-style: none;
-}
-
-a:active {
-    text-decoration: none;
-}
-
-a:hover {
-    text-decoration: none;
-}
-
-a:visited {
-    text-decoration: none;
-}
-
-a:link {
-    text-decoration: none;
-}
-
-a:focus {
-    text-decoration: none;
-}
-
-body {
-    position: relative;
-}
-
-.clearfix {
-    overflow: hidden;
-}
-
-.clearfix_2::after {
-    content: '';
-    display: block;
-    height: 0;
-    visibility: hidden;
-    clear: both;
-}
-
-.hiddenColor {
-    visibility: hidden;
-}
-
-.hand {
-    cursor: pointer;
-}
-
-.aTag_parent {
-    position: relative;
-}
-
-.aTag_parent>a,
-.aTag {
-    display: block;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    z-index: 99;
-    border: 0px;
-    top: 0px;
-    left: 0px;
-    background: rgba(0, 0, 0, 0);
-}
-
-.dot1 {
-    display: block;
-    word-break: keep-all;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.dot2 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-}
-
-.dot3 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
-}
-
-input,
-img {
-    border: none;
-}
-
-.cover100 img {
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-}
-
-.back100 {
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-}
-
-article,
-aside,
-footer,
-header,
-time,
-video,
-main,
-nav,
-h4,
-h3,
-section {
-    display: block;
-}
-
-.index_main {
-    margin: 0 auto 30px;
-}
-
-.slow_6 {
-    -webkit-transition: all .6s;
-    -moz-transition: all .6s;
-    -ms-transition: all .6s;
-    -o-transition: all .6s;
-    transition: all .6s;
-}
-
-.index_main {
-    width: 1200px;
-}
-
-.shop_head {
-    margin: 30px auto 0px;
-
-    .shop_head_left {
-        float: left;
-        width: 322px;
-        margin-right: 33px;
-    }
-
-    .shop_head_left_a {
-        width: 322px;
-        display: block;
-    }
-
-    .shop_head_img {
-        width: 322px;
-        display: block;
-    }
-
-    .shop_head_form_out {
-        width: 550px;
-        float: left;
-    }
-
-    .shop_head_form {
-        margin-top: 37px;
-        display: block;
-        width: 547px;
-        border: solid 1px #A01C0E;
-        height: 40px;
-        box-sizing: border-box;
-        overflow: hidden;
-    }
-
-    .shop_head_btn {
-        float: right;
-        width: 52px;
-        height: 100%;
-        border: solid 1px #fff;
-        box-sizing: border-box;
-        background: url(@/public/img/3.png) no-repeat center center #A01C0E;
-        background-size: 22px 22px;
-    }
-
-    .shop_head_inp {
-        display: block;
-        text-indent: 11px;
-        height: 40px;
-        line-height: 40px;
-        width: 490px;
-    }
-
-    .shop_head_form_foot {
-        width: 550px;
-        margin-top: 10px;
-    }
-
-    .shop_head_form_foot_a {
-        float: left;
-        height: 18px;
-        line-height: 18px;
-        color: #999;
-        font-size: 14px;
-        margin-right: 10px;
-    }
-
-    .shop_head_form_foot_a:nth-of-type(1) {
-        color: #A01C0E;
-    }
-
-    .shop_head_form_foot_a:hover {
-        color: #A01C0E;
-    }
-
-    .shop_head_right {
-        float: right;
-        margin-top: 37px;
-        position: relative;
-    }
-
-    .shop_head_right_btn {
-        float: right;
-        width: 120px;
-        height: 40px;
-        line-height: 40px;
-        color: #666;
-        font-size: 14px;
-        margin-left: 10px;
-        text-indent: 52px;
-        border: 1px solid #E9E9E9;
-        background: no-repeat 20px center #F4F4F4;
-        background-size: 24px 24px;
-    }
-
-    .shop_head_right_btn:nth-of-type(1) {
-        background-image: url(@/public/img/4.png);
-    }
-
-    .shop_head_right_btn:nth-of-type(2) {
-        background-image: url(@/public/img/5.png);
-    }
-
-    .shop_head_right_btn:hover {
-        color: #fff;
-        background: no-repeat 20px center #A01C0E;
-        background-size: 24px 24px;
-    }
-
-    .shop_head_right_btn:nth-of-type(1):hover {
-        background-image: url(@/public/img/4a.png);
-    }
-
-    .shop_head_right_btn:nth-of-type(2):hover {
-        background-image: url(@/public/img/5a.png);
-    }
-
-    .shop_head_right_btn_1_only {
-        color: #fff;
-        background: no-repeat 20px center #A01C0E;
-        background-size: 24px 24px;
-        background-image: url(@/public/img/4a.png) !important;
-    }
-
-    .shop_head_right_btn_2_only {
-        color: #fff;
-        background: no-repeat 20px center #A01C0E;
-        background-size: 24px 24px;
-        background-image: url(@/public/img/5a.png) !important;
-    }
-
-    .shop_head_right_btn:hover .shop_head_right_out {
-        display: block;
-    }
-
-    .shop_head_right_box {
-        background: #fff;
-        height: 1111px;
-        margin-top: 20px;
-    }
-
-    .shop_alert_out {
-        position: absolute;
-        width: 1036px;
-        right: 0px;
-        top: 99%;
-        z-index: 111;
-    }
-
-    .shop_alert_box {
-        background: #fff;
-        box-sizing: border-box;
-        padding: 0px 20px;
-        border: solid 1px #A01C0E;
-        width: 100%;
-        margin-top: 20px;
-    }
-
-    .shop_alert_head_box {}
-
-    .shop_alert_head_name_1 {
-        float: left;
-        font-weight: bold;
-        color: #A01C0E;
-        font-size: 20px;
-        margin-top: 30px;
-        letter-spacing: 1px;
-    }
-
-    .shop_alert_head_name_2 {
-        float: left;
-        color: #333;
-        font-size: 16px;
-        margin: 35px 0px 0px 10px;
-        position: relative;
-        padding-left: 22px;
-        font-weight: bold;
-    }
-
-    .shop_alert_head_name_2::after {
-        content: '';
-        display: block;
-        width: 14px;
-        height: 10px;
-        position: absolute;
-        left: 0px;
-        bottom: 3px;
-        background: url(@/public/img/16.png) no-repeat left 0px;
-        background-size: 100% 100%;
-    }
-
-    .shop_alert_head_btn_a {
-        float: right;
-        height: 40px;
-        line-height: 40px;
-        color: #fff;
-        font-size: 14px;
-        padding: 0px 20px 0px 36px;
-        margin-top: 23px;
-        background: url(@/public/img/14.png) no-repeat 18px center #A01C0E;
-        background-size: 14px auto;
-    }
-
-    .shop_alert_ul {
-        margin: 28px auto 0px;
-        width: 980px;
-    }
-
-    .shop_alert_li {
-        margin-bottom: 11px;
-        display: flex;
-    }
-
-    .shop_alert_li_label {
-        width: 150px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-        padding-right: 24px;
-        font-weight: bold;
-        position: relative;
-        box-sizing: border-box;
-        margin-right: 20px;
-    }
-
-    .shop_alert_li_label::after {
-        content: '';
-        display: block;
-        position: absolute;
-        right: 0px;
-        top: 0px;
-        width: 22px;
-        height: 22px;
-        background: url(@/public/img/15.png) no-repeat right 0px;
-        background-size: 100% 100%;
-    }
-
-    .shop_alert_li_panel {}
-
-    .shop_alert_li_panel_a {
-        float: left;
-        height: 21px;
-        line-height: 21px;
-        color: #666;
-        font-size: 16px;
-        margin: 0px 25px 10px 0px;
-    }
-
-    .shop_alert_li_panel_a:hover {
-        color: #A01C0E;
-    }
-
-    .shop_alert_1_index {
-        margin-top: 20px;
-    }
-
-    .shop_alert_img_ul {
-        margin-top: 30px;
-    }
-
-    .shop_alert_img_li {
-        float: left;
-        width: 314px;
-        margin: 0px 26px 30px 0px;
-        box-sizing: border-box;
-    }
-
-    .shop_alert_img_li_a {
-        display: block;
-        width: 100%;
-    }
-
-    .shop_alert_img_li_img {
-        width: 130px;
-        height: 130px;
-        margin-right: 10px;
-        float: left;
-    }
-
-    .shop_alert_img_li_right {
-        width: 173px;
-        float: right;
-    }
-
-    .shop_alert_img_li_h4 {
-        height: 18px;
-        line-height: 18px;
-        color: #333;
-        font-size: 14px;
-        font-weight: bold;
-        margin-top: 7px;
-    }
-
-    .shop_alert_img_li_dot3 {
-        height: 48px;
-        line-height: 16px;
-        color: #666;
-        font-size: 12px;
-        margin-top: 13px;
-    }
-
-    .shop_alert_img_li_time {
-        float: left;
-        height: 26px;
-        line-height: 26px;
-        color: rgba(51, 51, 51, 0.4);
-        font-size: 12px;
-        margin-top: 18px;
-        background: #f7f7f7;
-        padding: 0px 4px;
-    }
-
-    .shop_alert_img_li:nth-of-type(3n) {
-        margin-right: 0;
-    }
-
-    .shop_alert_img_li_a:hover * {
-        color: #A01C0E;
-    }
-}
-
-.shop_banner {
-    width: 1200px;
-    overflow: hidden;
-    margin: 20px auto 0px;
-
-    .shop_banner_a {
-        display: block;
-        width: 1200px;
-        height: 90px;
-    }
-
-    .shop_banner_img {
-        display: block;
-        width: 1200px;
-    }
-}
-
-.shop_nav {
-    border: solid 1px #E9E9E9;
-    background: #fafafa;
-    margin-top: 20px;
-}
-
-.shop_nav_head {
-    float: left;
-    height: 28px;
-    width: 138px;
-    margin: 30px 52px 0px 25px;
-
-    .shop_nav_head_a {
-        display: block;
-        height: 28px;
-        width: 138px;
-        background: url(@/public/img/7.png) no-repeat left top;
-        background-size: 100% 100%;
-    }
-}
-
-.shop_nav_in {
-    float: left;
-
-    .shop_nav_in_a {
-        float: left;
-        height: 75px;
-        line-height: 75px;
-        color: #333;
-        font-size: 16px;
-        background: #f8f5f5;
-        width: 118px;
-        border-bottom: solid 5px #A01C0E;
-        font-weight: bold;
-        margin: 5px 0;
-        text-align: center;
-    }
-
-    .shop_nav_in_a:nth-of-type(4) {
-        margin-right: 8px;
-    }
-
-    .shop_nav_in_a:hover {
-        color: #A01C0E;
-    }
-}
-
-.shop_name_in {
-    float: left;
-    height: 40px;
-    width: 1046px;
-    float: left;
-    box-sizing: border-box;
-
-    .shop_name_a {
-        float: left;
-        height: 27px;
-        line-height: 27px;
-        color: #222;
-        font-size: 20px;
-        position: relative;
-        margin: 7px 14.5px 0;
-        padding: 0px 10px;
-    }
-
-    .shop_name_a::after {
-        content: '/';
-        display: block;
-        position: absolute;
-        top: 0px;
-        right: -18px;
-        height: 100%;
-        line-height: 27px;
-        color: #E9E9E9;
-        font-size: 20px;
-    }
-
-    .shop_name_a:nth-last-of-type(1)::after {
-        content: '';
-        display: none;
-    }
-
-    .shop_name_a_only {
-        background: #A01C0E;
-        color: #fff;
-    }
-}
-
-.shop_name_out {
-    margin-top: 20px;
-}
-
-.shop_name_box {
-    border-top: solid 1px #fff;
-}
-
-.shop_name_box_a {
-    height: 44px;
-    line-height: 44px;
-    color: #fff;
-    font-weight: bold;
-    font-size: 20px;
-}
-
-.shop_name {
-    float: left;
-    height: 44px;
-    line-height: 44px;
-    color: #fff;
-    font-weight: bold;
-    position: relative;
-    z-index: 11;
-    text-align: center;
-    font-size: 20px;
-    background: #A01C0E;
-    padding: 0px 14px;
-}
-
-.shop_name_right {
-    height: 40px;
-    border-bottom: 1px solid #E8E9EC;
-    margin-top: 4px;
-    background: #F8F8F8;
-    position: relative;
-    z-index: 2;
-}
-
-.shop_name_right::after {
-    content: '';
-    display: block;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    height: 100%;
-    width: 16px;
-    background: url(@/public/img/9.png) no-repeat 0px bottom #fff;
-    background-size: 100% auto;
-}
-
-.shop_name_btn {
-    width: 24px;
-    height: 24px;
-    float: right;
-    margin: 10px 22px 0px 0px;
-    background: url(@/public/img/8.png) no-repeat center center;
-    border-radius: 50%;
-    background-size: 100% 100%;
-}
-
-.shop_2_left {
-    float: left;
-    width: 900px;
-}
-
-.shop_3_right {
-    float: right;
-    width: 280px;
-}
-
-.shop_1_box {
-    margin: 30px auto 0px;
-}
-
-.shop_2_box {
-    margin: 30px auto 0px;
-}
-
-.shop_3_box {
-    margin: 0px auto 0px;
-}
-
-.shop_4_box {
-    margin: 4px auto 0px;
-}
-
-.shop_5_box {
-    margin: 4px auto 0px;
-}
-
-.categ_crumb_box {
-    margin-top: 20px;
-    border-bottom: solid 1px #D9D9D9;
-    padding-bottom: 20px;
-    position: relative;
-}
-
-.categ_crumb_left {
-    float: left;
-    height: 21px;
-    line-height: 21px;
-    color: #999;
-    font-size: 16px;
-
-    .categ_crumb_left_a {
-        display: inline-block;
-        height: 21px;
-        line-height: 21px;
-        color: #999;
-        font-size: 16px;
-    }
-
-    .categ_crumb_left_text {
-        display: inline-block;
-        height: 21px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-    }
-}
-
-.categ_crumb_right {
-    float: right;
-
-    .categ_crumb_right_text {
-        float: left;
-        height: 21px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-    }
-
-    .categ_crumb_right_btn {
-        float: left;
-        width: 14px;
-        height: 14px;
-        background-image: url(@/public/img/17.png);
-        margin: 5px 0px 0px 5px;
-    }
-}
-
-.categ_crumb_panel {
-    position: absolute;
-    border: solid 1px #A01C0E;
-    padding: 0px 30px 10px;
-    background: #fff;
-    right: 0px;
-    top: 0px;
-    box-sizing: border-box;
-    width: 658px;
-    top: 100%;
-
-    .categ_crumb_panel_h4 {
-        display: inline-block;
-        height: 21px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-        padding-right: 31px;
-        margin-top: 20px;
-        background: url(@/public/img/15.png) no-repeat right center;
-        background-size: 21px 21px;
-    }
-
-    .categ_crumb_panel_btn_box {
-        margin-top: 20px;
-    }
-
-    .categ_crumb_panel_btn {
-        float: left;
-        height: 21px;
-        line-height: 21px;
-        color: #666;
-        font-size: 16px;
-        font-weight: bold;
-        margin: 0px 26.5px 11px 0px;
-    }
-
-    .categ_crumb_panel_btn:hover {
-        color: #A01C0E;
-    }
-
-    .categ_crumb_panel_btn_only {
-        color: #A01C0E;
-    }
-}
-
-.categ_grey_box {
-    box-sizing: border-box;
-    border: solid 1px #E9E9E9;
-    background: #F8F8F8;
-    padding: 0px 20px 8px;
-    width: 100%;
-    margin-top: 15px;
-
-    .categ_grey_head {
-        height: 48px;
-        line-height: 50px;
-        color: #000;
-        font-size: 18px;
-        border-bottom: dashed 1px #E9E9E9;
-    }
-
-    .categ_grey_ul {
-        margin: 10px 0px 0px -10px;
-    }
-
-    .categ_grey_btn {
-        float: left;
-        line-height: 29px;
-        height: 29px;
-        color: #333;
-        font-size: 16px;
-        margin: 0px 10px 7px;
-    }
-
-    .categ_grey_btn_only {
-        background: #A01C0E;
-        color: #fff;
-        padding: 0px 5px 0px;
-        margin: 0px 5px 7px;
-    }
-}
-
-.categ_head_box {
-    border-bottom: solid 1px #E9E9E9;
-    padding-bottom: 22px;
-    margin-top: 20px;
-    border-top: solid 1px rgba(0, 0, 0, 0);
-
-    .categ_head_a {
-        float: left;
-        text-indent: 15px;
-        font-size: 20px;
-        color: #333;
-        border-left: solid 3px #A01C0E;
-        height: 18px;
-        line-height: 18px;
-    }
-
-    .categ_head_a_more {
-        float: right;
-        color: #999;
-        font-size: 14px;
-        margin-top: 0px;
-        cursor: pointer;
-    }
-}
-
-.categ_table {}
-
-.categ_table_head_box {
-    height: 61px;
-    border-bottom: solid 1px #E9E9E9;
-}
-
-.categ_table_head_box>.categ_table_td_1 {
-    line-height: 61px;
-    line-height: 61px;
-}
-
-.categ_table_head_box>.categ_table_td_2 {
-    line-height: 61px;
-    line-height: 61px;
-}
-
-.categ_table_head_box>.categ_table_td_3 {
-    line-height: 61px;
-    line-height: 61px;
-}
-
-.categ_table_head_box>.categ_table_td_4 {
-    line-height: 61px;
-    line-height: 61px;
-}
-
-.categ_table_td_1 {
-    float: left;
-    height: 100%;
-    text-align: center;
-    color: #666;
-    font-size: 16px;
-    width: 155px;
-    margin-right: 126px;
-}
-
-.categ_table_td_2 {
-    float: left;
-    height: 100%;
-    text-align: center;
-    color: #666;
-    font-size: 16px;
-    width: 480px;
-    margin-right: 124px;
-}
-
-.categ_table_td_3 {
-    float: left;
-    height: 100%;
-    text-align: center;
-    color: #666;
-    font-size: 16px;
-    width: 120px;
-    margin-right: 62px;
-}
-
-.categ_table_td_4 {
-    float: left;
-    height: 100%;
-    text-align: center;
-    color: #666;
-    font-size: 16px;
-    width: 133px;
-}
-
-/* .categ_table_head_box>div:nth-of-type(even){background:aqua;} */
-.categ_table_li {
-    height: 161px;
-    box-sizing: border-box;
-    padding: 15px 0px;
-    border-bottom: solid 1px #E9E9E9;
-}
-
-.categ_table_td_1_img {
-    display: block;
-    width: 130px;
-    height: 130px;
-    margin: 0px auto;
-}
-
-.categ_table_li .categ_table_td_1 {
-    line-height: 160px;
-    line-height: 160px;
-}
-
-.categ_table_li .categ_table_td_2 {
-    line-height: 160px;
-    line-height: 160px;
-    font-weight: bold;
-    color: #333;
-}
-
-.categ_table_li .categ_table_td_3 {
-    line-height: 160px;
-    line-height: 160px;
-}
-
-.categ_table_li .categ_table_td_4 {
-    line-height: 160px;
-    line-height: 160px;
-}
-
-.categ_3_index {
-    margin-top: 28px;
-}
-
-.categ_ul_img_1 {
-    margin-top: 20px;
-}
-
-.categ_li_img_1 {
-    float: left;
-    margin: 0px 24px 20px 0px;
-    width: 180px;
-    position: relative;
-}
-
-.categ_li_img_1_a {}
-
-.categ_li_img_1_img {
-    display: block;
-    width: 180px;
-    height: 180px;
-}
-
-.categ_li_img_1_dot2 {
-    width: 168px;
-    margin: 10px auto 0px;
-    height: 32px;
-    line-height: 16px;
-    color: #333;
-    font-size: 14px;
-}
-
-.categ_li_img_1:nth-of-type(6n) {
-    margin-right: 0px;
-}
-
-.categ_li_img_1_hover_dot1 {
-    width: 152px;
-    position: absolute;
-    left: 50%;
-    margin-left: -76px;
-    bottom: 13px;
-    font-size: 14px;
-    background: linear-gradient(to right, #FFE1AA, #F9F4E3, #FFE1AA);
-    -webkit-background-clip: text;
-    color: transparent;
-}
-
-.categ_li_img_1:hover .categ_li_img_1_dot2 {
-    color: #A01C0E;
-}
-
-.categ_li_img_1:nth-of-type(1) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/18.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_li_img_1:nth-of-type(2) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/19.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_li_img_1:nth-of-type(3) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/20.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_ul_img_2 {
-    margin-top: 20px;
-}
-
-.categ_li_img_2 {
-    float: left;
-    margin: 0px 24px 20px 0px;
-    width: 180px;
-    position: relative;
-}
-
-.categ_li_img_2_a {}
-
-.categ_li_img_2_img {
-    display: block;
-    width: 180px;
-    height: 180px;
-}
-
-.categ_li_img_2_dot2 {
-    width: 168px;
-    margin: 10px auto 0px;
-    height: 32px;
-    line-height: 16px;
-    color: #333;
-    font-size: 14px;
-}
-
-.categ_li_img_2:nth-of-type(6n) {
-    margin-right: 0px;
-}
-
-.categ_li_img_2_hover_dot1 {
-    width: 152px;
-    position: absolute;
-    left: 50%;
-    margin-left: -76px;
-    bottom: 13px;
-    font-size: 14px;
-    background: linear-gradient(to right, #FFE1AA, #F9F4E3, #FFE1AA);
-    -webkit-background-clip: text;
-    color: transparent;
-}
-
-.categ_li_img_2:hover .categ_li_img_2_dot2 {
-    color: #A01C0E;
-}
-
-/*乡村网-商城-搜索-查看更多*/
-.search_head_text_box {
-    height: 18px;
-    line-height: 18px;
-    color: #333;
-    font-size: 16px;
-    float: left;
-    margin-left: 20px;
-}
-
-.search_head_text_red {
-    color: #A01C0E;
-}
-
-.search_table_td_2 {
-    float: left;
-    height: 100%;
-    width: 480px;
-    margin-right: 124px;
-
-    .search_table_td_2_head {
-        height: 21px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-        font-weight: bold;
-        width: 480px;
-    }
-
-    .search_table_td_2_dot2 {
-        max-height: 36px;
-        line-height: 18px;
-        color: #999;
-        font-size: 14px;
-        margin-top: 5px;
-        width: 480px;
-    }
-
-    .search_table_td_2_in {
-        height: 129px;
-        width: 480px;
-        display: table-cell;
-        vertical-align: middle;
-    }
-}
-
-@media screen and (min-width:1200px) {
-    /*pc_1440*/
-    @media screen and (max-width:1440px) {
-        /*1200*/
-    }
-
-    .pc_none {
-        display: none;
-    }
-}
-
-@media screen and (max-width:599px) {}
-
-@media screen and (max-width:320px) {}

assets/css/shukanList.less

@@ -0,0 +1,314 @@
+.breadcrumb {
+    width: 100%;
+    height: 22px;
+    margin-bottom: 30px;
+    font-family: Microsoft YaHei, Microsoft YaHei;
+    font-weight: 400;
+    font-size: 20px;
+    color: #666666;
+    line-height: 23px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+
+    .el-breadcrumb::v-deep {
+        display: inline-block;
+        vertical-align: -4px;
+    }
+
+    /deep/.el-breadcrumb__inner a,
+    /deep/.el-breadcrumb__inner.is-link {
+        color: #666666;
+        font-weight: 400;
+        text-decoration: none;
+        transition: var(--el-transition-color);
+    }
+
+    span {
+        font-family: Microsoft YaHei, Microsoft YaHei;
+        font-weight: 400;
+        font-size: 20px;
+        color: #666666;
+        line-height: 23px;
+        text-align: left;
+        font-style: normal;
+        text-transform: none;
+    }
+
+    span:hover {
+        color: #666666;
+    }
+
+    .location {
+        margin-right: 20px;
+        width: 100px;
+        height: 22px;
+        font-family: Microsoft YaHei, Microsoft YaHei;
+        font-weight: 400;
+        font-size: 20px;
+        color: #666666;
+        line-height: 23px;
+        text-align: left;
+        font-style: normal;
+        text-transform: none;
+    }
+}
+
+.dot1 {
+    display: block;
+    word-break: keep-all;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.dot2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+}
+
+.dot3 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+}
+
+.clearfix {
+    overflow: hidden;
+}
+
+// 资讯列表
+.newsDetail {
+    width: 100%;
+    //height: 1400px;
+    margin-bottom: 70px;
+
+    .inner {
+        width: 1200px;
+        //height: 1400px;
+        font-size: 16px;
+
+        .innerLeft {
+            //height: 1400px;
+            float: right;
+            width: 900px;
+            margin-right: 0;
+            margin-left: 20px;
+
+            .dot1 {
+                display: block;
+                word-break: keep-all;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+
+            .dot2 {
+                overflow: hidden;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 2;
+            }
+
+            .dot3 {
+                overflow: hidden;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 3;
+            }
+
+            .clearfix {
+                overflow: hidden;
+            }
+
+            .book_son_right {
+                float: right;
+                width: 900px;
+                overflow: hidden;
+                min-height: 600px;
+                margin-bottom: 60px;
+            }
+
+            .book_son_left_head {
+                height: 69px;
+                // background-image: url(../public/img/18.png);
+            }
+
+            .book_son_left_ul {
+                margin-top: 29px;
+
+                .book_son_left_li {
+                    display: block;
+                    width: 279px;
+                    height: 61px;
+                    line-height: 61px;
+                    box-sizing: border-box;
+                    margin-bottom: 15px;
+                    background: #FBFBFB;
+                    border: solid 0px #fff;
+                    border-left: solid 5px #028E21;
+                    text-align: center;
+                    color: #333;
+                    font-size: 20px;
+                }
+
+                .book_son_left_li_only {
+                    border: solid 1px #028E21;
+                }
+            }
+
+            .book_son_right_ul {
+
+                .book_son_right_li {
+                    margin-bottom: 20px;
+                    position: relative;
+                }
+
+                .book_son_right_li_img {
+                    border: solid 1px #ccc;
+                    float: left;
+                    width: 140px;
+                    height: 170px;
+                }
+
+                .book_son_right_li_in {
+                    float: right;
+                    width: 741px;
+                }
+
+                .book_son_right_li_h4 {
+                    height: 24px;
+                    line-height: 24px;
+                    font-weight: bold;
+                    font-size: 18px;
+                    color: #000;
+                    margin-top: 11px;
+                }
+
+                .book_son_right_li_dot3 {
+                    height: 63px;
+                    line-height: 21px;
+                    font-size: 16px;
+                    color: #999;
+                    margin-top: 9px;
+                }
+
+                .book_son_right_li_btn {
+                    float: left;
+                    border: solid 1px #49A769;
+                    margin-top: 24px;
+                    height: 34px;
+                    line-height: 34px;
+                    color: #49A769;
+                    font-size: 14px;
+                    padding: 0px 19px;
+                    text-align: center;
+                    box-sizing: border-box;
+                }
+
+                .book_son_right_li_btn::after {
+                    content: '';
+                    display: block;
+                    width: 100%;
+                    height: 100%;
+                    left: 0px;
+                    top: 0px;
+                    position: absolute;
+                }
+
+                .book_son_right_li:hover .book_son_right_li_dot3 {
+                    color: #49A769;
+                }
+
+                .book_son_right_li:hover .book_son_right_li_h4 {
+                    color: #49A769;
+                }
+
+                .book_son_right_li:nth-last-of-type(1) {
+                    margin-bottom: 0px;
+                }
+            }
+
+        }
+
+
+        .innerRight {
+            width: 279px;
+
+            .rightMenuTitle {
+                width: 279px;
+                height: 69px;
+                font-size: 22px;
+                font-weight: bold;
+                line-height: 58px;
+                text-align: center;
+                color: #fff;
+                background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/special/projectMoreTitle.png") no-repeat;
+                margin-bottom: 30px;
+            }
+
+            ul {
+                li {
+                    a {
+                        border-left: 5px solid #028E21;
+                        margin-bottom: 15px;
+                        font-size: 22px;
+                        display: block;
+                        height: 61px;
+                        line-height: 61px;
+                        color: #333333;
+                        text-align: center;
+                        background: #FBFBFB;
+                    }
+                }
+            }
+
+            .active {
+                border-left: 0;
+                border: 1px solid #028E21;
+                background: #fff;
+            }
+        }
+    }
+}
+
+.pagination {
+    width: 100%;
+    height: 34px;
+    // margin-left: 141px;
+    display: flex;
+    justify-content: center;
+    margin-top: 60px;
+
+    // 鼠标移入后字体颜色
+    .el-pagination::v-deep :hover {
+        color: #139609;
+    }
+
+    .el-pagination.is-background::v-deep .btn-next,
+    .el-pagination.is-background::v-deep .btn-prev {
+        width: 70px;
+        height: 34px;
+        margin: 0px 10px;
+        border-radius: 4px;
+    }
+
+    .el-pagination.is-background::v-deep .el-pager li {
+        margin: 0px 10px;
+        width: 38px;
+        height: 34px;
+        border-radius: 4px;
+    }
+
+    .el-pagination.is-background::v-deep .btn-next.is-active,
+    .el-pagination.is-background::v-deep .btn-prev.is-active,
+    .el-pagination.is-background::v-deep .el-pager li.is-active {
+        background-color: #028e21;
+        color: #fff;
+    }
+
+
+}

assets/css/font.css → assets/css/static/font.css

@@ -24,10 +24,9 @@
 
 .icon-youjiantou:before {
     content: "\e624";
-    vertical-align: -2px;
 }
 
 .icon-zhijiao-triangle:before {
     content: "\e600";
     color: #e1e1e1;
-}
+}

components/advertising/Foot.vue

@@ -1,340 +0,0 @@
-<template>
-
-    <div class="call_us_box">
-        <div class="inner">
-            <span v-for="(item, index) in bottomMenu" :key="index">
-                <NuxtLink :to="{ path: `/specialList/${item.id}` }" target="_blank" v-if="item.type == 1">
-                    {{ item.name }}
-                </NuxtLink>
-                <NuxtLink :to="{ path: `/speciaArticle/${item.id}` }" target="_blank" v-if="item.type == 0">
-                    {{ item.name }}
-                </NuxtLink>
-            </span>
-        </div>
-    </div>
-    
-    <footer class="index_foot">
-        <div class="foot_text_box">
-            <p class="top_content">
-                {{ bottomBase.statement }}
-                <a :href="bottomBase.record_number_url" target="_blank">乡村网</a>
-                {{ bottomBase.statement_two }}
-            </p>
-            <!-- <p>{{ bottomBase.statistics_onetext }} <a :href="'http://' + bottomBase.statistics_twourl">中农兴业</a> {{ bottomBase.statistics_twotext }}</p> -->
-            <p class="webSitecolor">
-                {{ bottomBase.statistics_onetext }}
-                <a :href="bottomBase.record_number_url" target="_blank" class="webSitecolor">中农兴业</a>
-                {{ bottomBase.statistics_twotext }}
-            </p>
-            <p>
-                {{ bottomBase.organizer }}
-                <a :href="bottomBase.record_number_url" target="_blank">{{ bottomBase.record_number }}</a> &nbsp;&nbsp;
-                <img :src="bottomBase.icp_number_img">
-                <a :href="bottomBase.icp_number_url" target="_blank">
-                    {{ bottomBase.icp_number }}
-                </a>
-            </p>
-            <p>{{ bottomBase.company_address }}</p>
-            <p class="top_content">
-                {{ bottomBase.email }}
-                {{ bottomBase.contact_number }}
-            </p>
-        </div>
-        <div class="foot_logo_out">
-            <a :href="'http://' + bottomBase.company_url" :title="bottomBase.company_name" target="_blank">
-                <img :src="bottomBase.project_logo" class="floatLogoLeft" :alt="bottomBase.company_name">
-            </a>
-        </div>
-        <div class="foot_last_img_box">
-            <a :href="item.url" v-for="(item, index) in bottomphoto" target="_blank">
-                <img :src="item.logo_url" alt="">
-            </a>
-        </div>
-    </footer>
-</template>
-
-<script setup>
-import { onMounted } from 'vue';
-const nuxtApp = useNuxtApp();
-const axios = nuxtApp.$axios;
-
-// const props = defineProps({
-//     bottomLink: Array,
-//     bottomMenu: Array,
-//     bottomBase: Object
-// });
-
-//获得友情链接 图片
-const bottomLink = ref([])
-const getBottomLink = async () => {
-    const response = await axios.get(`/web/selectWebsiteLinks?&type=${1}&num=${7}`);
-    bottomLink.value = response.data;
-    console.log(bottomLink.value)
-}
-//文字
-const bottomText = ref([])
-const getBottomLink2 = async () => {
-    const response = await axios.get(`/web/selectWebsiteLinks?&type=${2}&num=${8}`);
-    bottomText.value = response.data;
-    console.log(bottomLink.value)
-}
-//底部
-const bottomphoto = ref([])
-const getBottomLink1 = async () => {
-    const response = await axios.get(`/web/selectWebsiteLinks?&type=${3}&num=${4}`);
-    bottomphoto.value = response.data;
-    console.log(bottomphoto.value)
-}
-
-//获得底部导航
-const bottomMenu = ref([])
-const getBottomMenu = async () => {
-    const response = await axios.get(`/web/getWebsiteFooterCategory`);
-    bottomMenu.value = response.data;
-    console.log(bottomMenu.value)
-}
-
-//获得底部基本信息
-const bottomBase = ref({})
-const getBottomBase = async () => {
-    const response = await axios.get(`/web/getWebsiteFootInfo`);
-    bottomBase.value = response.data.website_foot;
-    console.log(7777777)
-    console.log('bottomBase', bottomBase.value)
-}
-
-
-onMounted(() => {
-    getBottomLink();
-    getBottomLink1();
-    getBottomLink2();
-    getBottomMenu();
-    getBottomBase();
-    //获取域名
-    getDomain()
-})
-
-//获取当前域名
-const currentDomain = ref('')
-const currentDomainUrl = ref('')
-
-const getDomain = () => {
-    if (process.client) {
-        const url = new URL(window.location.href)
-        currentDomainUrl.value = url.hostname // 获取域名
-        currentDomain.value = url.origin //协议和域名
-    }
-}
-</script>
-
-<style lang="less" scoped>
-.index_foot {
-    box-sizing: border-box;
-    width: 1200px;
-    margin: 0 auto;
-}
-
-.index_foot_name_box {
-    margin: 40px auto 0px;
-    text-align: center;
-    font-size: 0px;
-}
-
-.index_foot_name {
-    display: inline-block;
-    height: 67px;
-    line-height: 67px;
-    color: #f2f9f4;
-    font-size: 51px;
-    font-weight: bold;
-    overflow: hidden;
-}
-
-.index_foot_name:nth-of-type(even) {
-    color: #333;
-    font-size: 32px;
-}
-
-.foot_img_box {
-    overflow: hidden;
-    display: block;
-    // margin: 40px auto 0;
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
-}
-
-.foot_img_box>* {
-    margin-top: 20px;
-    float: left;
-    width: 170px;
-    height: 57px;
-    overflow: hidden;
-    /* box-sizing: border-box; */
-    border: solid 1px #D7EDD4;
-}
-
-.foot_img_box>* * {
-    display: block;
-    width: 100%;
-    height: 100%;
-}
-
-.foot_img_box>*:nth-of-type(7n) {
-    margin-right: 0px;
-}
-
-.foot_frind_box {
-    display: block;
-    margin: 40px auto;
-    overflow: hidden;
-    display: flex;
-    width: 100%;
-}
-
-.foot_frind_box span {
-    word-break: keep-all;
-    white-space: nowrap;
-    line-height: 22px;
-    font-size: 16px;
-    color: #333;
-    font-weight: bold;
-}
-
-.foot_frind_box div {
-    width: 100%;
-    overflow: hidden;
-}
-
-.foot_frind_box div * {
-    float: left;
-    line-height: 22px;
-    height: 22px;
-    color: #333;
-    font-size: 16px;
-    margin: 0 30px;
-}
-
-.call_us_box {
-    display: block;
-    width: 100%;
-    margin: 40px auto 0;
-    overflow: hidden;
-    text-align: center;
-    font-size: 0px;
-    background: #a01c0e;
-
-    a {
-        color: #fff;
-    }
-}
-
-.inner {
-    width: 1200px;
-    margin: 0 auto;
-}
-
-.inner>* {
-    height: 12px;
-    line-height: 12px;
-    color: #fff;
-    font-size: 14px;
-    display: inline-block;
-    box-sizing: border-box;
-    padding: 0 19px;
-    font-weight: bold;
-    border-left: solid 1px #7e1c11;
-    margin: 18px 0;
-}
-
-.inner>*:nth-of-type(1) {
-    border-left: 0px;
-}
-
-.foot_text_box {
-    margin: 40px auto 0px;
-    text-align: center;
-    color: #333;
-    font-size: 14px;
-    line-height: 25px;
-
-    p {
-        a {
-            color: #333;
-            font-size: 14px;
-        }
-
-        .webSitecolor {
-            color: #a01c0e;
-        }
-    }
-}
-
-.top_content {
-    padding: 0 170px;
-}
-
-.webSitecolor {
-    color: #a01c0e;
-}
-
-.foot_text_box_green {
-    color: #a01c0e;
-}
-
-.foot_text_box img {
-    display: inline-block;
-    height: 20px;
-    vertical-align: middle;
-}
-
-.foot_logo_out {
-    position: relative;
-    margin: 0px auto;
-    width: 100%;
-    height: 0px;
-}
-
-.foot_logo_out * {
-    width: 120px;
-    display: block;
-}
-
-.foot_logo_out>* {
-    position: absolute;
-    top: -100px;
-}
-
-.foot_logo_out>*:nth-of-type(1) {
-    left: 0px;
-}
-
-.foot_logo_out>*:nth-of-type(2) {
-    right: 0px;
-}
-
-.foot_last_img_box {
-    margin: 40px auto 10px;
-    text-align: center;
-    overflow: hidden;
-    width: 100%;
-    font-size: 0px;
-    padding-bottom: 40px;
-}
-
-.foot_last_img_box>* {
-    height: 50px;
-    width: 150px;
-    margin: 0px 12px;
-    display: inline-block;
-    overflow: hidden;
-}
-
-.foot_last_img_box>* * {
-    display: block;
-    height: 100%;
-    width: 100%;
-    overflow: hidden;
-}
-</style>

components/advertising/Head.vue

@@ -1,375 +0,0 @@
-<template>
-    <div>
-        <!-- 顶部导航 -->
-        <nav class="headerNav">
-            <div class="inner">
-                <div class="left">
-                    <span>中农兴业网团</span>
-                    <span>旗下网站：
-                        <span>农业百强网站（政府类30强）</span>
-                    </span>
-                    <span class="ad">广告服务</span>
-                </div>
-                <div class="right">
-                    <div class="menu">
-                        <button class="reg" @click="goTopic">
-                            <img src="../../public/head/topicon1.png" alt="商圈">
-                            商圈
-                        </button>
-                        <button class="reg" @click="goAdvertising">
-                            <img src="../../public/head/topicon2.png" alt="广告服务">
-                            广告服务
-                        </button>
-                    </div>
-                    <div class="right-top-menu">
-                        <button class="reg" @click="goLogin" v-show="!showToken">
-                            <img src="../../public/head/topicon3.png" alt="登录">
-                            登录
-                        </button>
-                        <button class="reg" @click="goRegister" v-show="!showToken">
-                            <img src="../../public/head/topicon4.png" alt="注册">
-                            注册
-                        </button>
-                        <button class="reg" @click="userCenter" v-show="showToken">
-                            <img src="../../public/head/topicon3.png" alt="用户信息">
-                            {{ username }}
-                        </button>
-                        <button class="reg" @click="goSearch">
-                            <img src="../../public/head/searchicon.png" alt="搜索">
-                            搜索
-                        </button>
-                    </div>
-                    <ul class="userInfo11" v-if="isShow">
-                        <li @click="gotosystem">个人中心</li>
-                        <li @click="exit">退出</li>
-                    </ul>
-
-                </div>
-            </div>
-        </nav>
-        <el-dialog v-model="dialogTableVisible" title="" width="800">
-            <div class="tips">
-                <p>
-                    <img src="../../public/topic/tips.png" alt="">
-                    提示:注册请联系管理员操作!
-                </p>
-                <p>
-                    联系电话:010-56019387
-                </p>
-                <p>
-                    QQ ： 2909421493 、213552413
-                </p>
-            </div>
-        </el-dialog>
-    </div>
-
-</template>
-
-<script setup>
-import { ref, onMounted, watch } from 'vue'
-import { ElPopover, ElDialog } from 'element-plus'
-import { getToken, setToken, removeToken } from '@/store/useCookieStore'
-import { setTicket, removeTicket } from '@/store/useticketStore'
-// import { navigateTo } from '@nuxtjs/composables';
-
-const nuxtApp = useNuxtApp();
-console.log("===:", nuxtApp) // 输出: someValue
-const axios = nuxtApp.$axios;
-
-let ticket = ref('')
-let token = ref('')
-let route = useRoute()
-ticket.value = route.query.ticket
-token.value = route.query.admintoken
-if (ticket.value) {
-    setTicket(ticket.value)
-}
-if (token.value) {
-    setToken(token.value)
-}
-
-
-console.log('查询参数：', ticket.value);
-console.log('查询参数：', token.value);
-
-definePageMeta({
-    middleware: 'auth'
-});
-
-let keyword = useState('keyword', () => '')
-let username = useState('username', () => '')
-let isDel = useState('isDel', () => 1)
-let isShow = useState('isShow', () => false)
-
-//点击登录按钮
-let goLogin = () => {
-    isDel.value = 0
-    token1.value = getToken()
-    window.location.href = ("http://admindev.bjzxtw.org.cn/auth/login.php?backurl=http://nwdev.bjzxtw.org.cn")
-    token1.value = getToken()
-}
-let dialogTableVisible = ref(false)
-
-//点击注册按钮
-let goRegister = () => {
-    dialogTableVisible.value = true
-}
-let userCenter = () => {
-    if(isShow.value){
-        isShow.value = false
-        return
-    }else{
-        isShow.value = true
-        return
-    }
-}
-
-let gotosystem = () => {
-    window.location.href = ("http://admindev.bjzxtw.org.cn/#/login?userurl=http://nwdev.bjzxtw.org.cn")
-}
-
-//点击退出按钮
-let exit = () => {
-    window.location.href = ('http://nwdev.bjzxtw.org.cn/')
-
-    isDel.value = 1
-    token1.value = getToken()
-
-    // axios.get(`http://admindev.bjzxtw.org.cn/auth/logoutapi.php?token=${token}`).then(response => {
-    //     console.log("退出登录", response);
-    //     isDel.value = response.data.isDel
-    // })
-    window.location.href = (`http://admindev.bjzxtw.org.cn/auth/logout.php?backurl=http://nwdev.bjzxtw.org.cn&admintoken=${token1}`)
-    removeToken()
-    removeTicket()
-}
-
-//点击搜索按钮
-let goSearch = () => {
-    const route = `/search/search?keyword=${keyword.value}`;
-    window.open(route, '_blank');
-}
-
-// 点击广告服务
-let goAdvertising = () => {
-    // window.location.href = ('http://localhost:3000/advertising?activeName=${1}')
-    if (getToken()) {
-        window.open(`http://nwdev.bjzxtw.org.cn/advertising?activeName=${1}`, '_blank');
-    } else {
-        goLogin()
-    }
-}
-
-//点击商圈
-let goTopic = () => {
-    // window.location.href = ('http://localhost:3000/topic')
-    if (getToken()) {
-        window.open('http://nwdev.bjzxtw.org.cn/topic', '_blank');
-    } else {
-        goLogin()
-    }
-}
-
-
-//获取用户信息
-let getUserInfo = async () => {
-    try {
-        const response = await axios.get("/user/getUserInfo");
-        console.log('获取用户信息', response);
-        username.value = response.data.nickname
-
-    } catch (error) {
-        console.error(error);
-    }
-}
-
-let token1 = useState("token1", () => '')
-let showToken = useState("showToken", () => '')
-token1.value = getToken()
-
-watch(token1, (newval, oldval) => {
-    console.log(newval, oldval);
-    showToken.value = newval
-}, {
-    deep: true,
-    immediate: true,
-})
-
-onMounted(() => {
-
-    //获取用户信息
-    getUserInfo()
-
-    //获取登录状态
-    getLoginStatus()
-})
-
-//检测登录状态
-//http://admindev.bjzxtw.org.cn/auth/loginstatus.php?token=XXXXXXXXXXXX
-let tokenStatus = ref('');
-tokenStatus.value = getToken()
-console.log(tokenStatus.value);
-//获取用户信息
-let getLoginStatus = async () => {
-    try {
-        const response = await axios.get(`http://nwdev.bjzxtw.org.cn/auth/loginstatus.php?token=${tokenStatus}`);
-        console.log('登录状态', response);
-        if (response.data.code == 200) {
-            if(response.data.data.islogin == true){
-                showToken.value = true 
-            }else{
-                showToken.value = false
-                exit()
-            }
-
-        } else if (response.data.code == 0) {
-            //退出登录
-            exit();
-        }
-    } catch (error) {
-        console.error(error);
-    }
-}
-
-
-</script>
-
-<style lang="less" scoped>
-// 广告页面头部
-.headerNav {
-    width: 100%;
-    height: 56px;
-    line-height: 56px;
-    border-bottom: 1px solid #E5E5E5;
-    // background-color: red;
-}
-
-.headerNav .left>span {
-    margin-right: 47px;
-    color: #666666;
-}
-
-.headerNav .left>.ad {
-    border-left: 1px solid #E5E5E5;
-    padding-left: 45px;
-    color: #333333;
-    font-weight: 600px;
-}
-
-.headerNav .right {
-    display: flex;
-    margin-right: 10px;
-    position: relative;
-
-    button {
-        font-size: 12px;
-        color: #666666;
-        border: none;
-        background: none;
-        cursor: pointer;
-    }
-
-    .login {
-        width: 36px;
-        height: 19px;
-        color: #fff;
-        border-radius: 4px;
-        background-color: #028E21;
-        margin-right: 15px;
-        cursor: pointer;
-    }
-
-    .menu,
-    .right-top-menu {
-        display: flex;
-    }
-
-    .reg {
-        margin-right: 20px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        height: 50px;
-
-        img {
-            margin-right: 5px;
-        }
-    }
-}
-
-.headerNav .right {
-    float: right;
-    font-size: 12px;
-    // margin-top: 10px;
-
-    span {
-        margin-left: 26px;
-    }
-
-    .home,
-    .collection {
-        display: inline-block;
-        width: 16px;
-        height: 16px;
-        vertical-align: -3px;
-    }
-
-    .exit {
-        line-height: 30px;
-    }
-
-}
-
-.userInfo11 {
-    width: 100px;
-    height: 80px;
-    background-color: #fff;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-    border-radius: 3px;
-    position: absolute;
-    top: 50px;
-    right: 0;
-    font-size: 14px;
-    z-index: 999;
-
-    li {
-        height: 40px;
-        line-height: 40px;
-        color: #333333;
-        padding-left: 10px;
-    }
-
-    >li:hover {
-        color: #028E21;
-    }
-}
-
-//提示信息
-.tips {
-    padding: 20px 0;
-    text-align: center;
-    font-size: 20px;
-    color: #40663B;
-    font-weight: bold;
-
-    img {
-        width: 78px;
-        height: 78px;
-        vertical-align: middle;
-        margin-right: 20px;
-
-        p {
-            line-height: 30px;
-        }
-    }
-
-    p {
-        line-height: 40px;
-    }
-
-    >p:first-child {
-        margin-bottom: 30px;
-    }
-
-}
-</style>

components/detail/HotNews.vue

@@ -1,28 +1,56 @@
 <template>
     <div class="hotList">
-        <div class="title">
+        <h1 class="title">
             最新资讯
-            <em></em>
+        </h1>
+        <div class="hotList_photo_text">
+            <div class="hotList_photo_text1" v-for="(item, index) in hotNewsListdata1" :key="index">
+                <NuxtLink
+                    :href="getLinkPathDetail(item)"
+                    :title="item.title"
+                    :key="item.id"
+                    :target="item.islink == 1 ? '_blank' : '_self'"
+                >
+                    <img :src="item.imgurl" :alt="item.title">
+                    <span class="hotlist_text">{{ item.title }}</span>
+                </NuxtLink>
+            </div>
         </div>
-        <div class="top111">
-            <div class="hotList_photo_text" v-for="(item, index) in hotNewsListImg" :key="index">
-                <NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
-                    <img :src="item.imgurl" alt="">
-                    <span class="jingxuan">精选</span>
-                    <div class="hotlist_text">{{ item.title }}</div>
+        <ul class="message">
+            <li class="messageList" v-for="(item, index) in hotNewsListdata2" :key="index">
+                <em></em>
+                <NuxtLink
+                    :href="getLinkPathDetail(item)"
+                    :title="item.title"
+                    :key="item.id"
+                    :target="item.islink == 1 ? '_blank' : '_self'"
+                >
+                    {{ item.title }}
                 </NuxtLink>
-                <NuxtLink :to="`/${item.pinyin}/${item.id}.html`" v-if="item.islink == 0" :title="item.title">
-                    <img :src="item.imgurl" alt="">
-                    <span class="jingxuan">精选</span>
-                    <div class="hotlist_text">{{ item.title }}</div>
+            </li>
+        </ul>
+        <div class="hotList_photo_text">
+            <div class="hotList_photo_text1"  v-for="(item, index) in hotNewsListdata3" :key="index">
+                <NuxtLink
+                    :href="getLinkPathDetail(item)"
+                    :title="item.title"
+                    :key="item.id"
+                    :target="item.islink == 1 ? '_blank' : '_self'"
+                >
+                    <img :src="item.imgurl" :alt="item.title">
+                    <span class="hotlist_text">{{ item.title }}</span>
                 </NuxtLink>
             </div>
         </div>
-
         <ul class="message">
-            <li class="messageList" v-for="(item, index) in hotNewsList" :key="index">
-                <NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">{{ item.title }}</NuxtLink>
-                <NuxtLink :to="`/${item.pinyin}/${item.id}.html`" v-if="item.islink == 0" :title="item.title">
+            <li class="messageList" v-for="(item, index) in hotNewsListdata4" :key="index">
+                <em></em>
+                <NuxtLink
+                    :href="getLinkPathDetail(item)"
+                    :title="item.title"
+                    :key="item.id"
+                    :target="item.islink == 1 ? '_blank' : '_self'"
+                >
                     {{ item.title }}
                 </NuxtLink>
             </li>
@@ -31,112 +59,113 @@
 </template>
 
 <script setup>
+const getLinkPathDetail = (item) => {
+    if (item.islink == 1) {
+        return `${item.linkurl}`;
+    } else {
+        //return `/${item.aLIas_pinyin}/${item.id}`;
+        //return `/newsDetail/${item.id}`
+        return `/${item.pinyin}/${item.id}.html`;
+    }
+}
+
+const hotNewsListdata1 = ref([])
+const hotNewsListdata2 = ref([])
+const hotNewsListdata3 = ref([])
+const hotNewsListdata4 = ref([])
 
-const hotNewsList = ref([])
-const hotNewsListImg = ref([])
 async function getPageData() {
-    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
+    const mkdata =  await requestDataPromise('/web/getWebsiteArticlett', {
         method: 'GET',
         query: {
-            'imgnum':1,
-            'textnum': 5,
+            'imgnum': 4,
+            'textnum': 4,
             'level': 4,
             'id': 0,
             'placeid': 0,
         },
     });
-    if (mkdata.code == 200) {
-        hotNewsList.value = mkdata.data.text;
-        hotNewsListImg.value = mkdata.data.img;
-        console.log("11111111111111111111111111", hotNewsList.value);
-
-    } else {
+    if(mkdata.code == 200){
+        hotNewsListdata1.value = mkdata.data.img.slice(0, 2);
+        hotNewsListdata3.value = mkdata.data.img.slice(2, 4);
+        hotNewsListdata2.value = mkdata.data.text.slice(0, 2);
+        hotNewsListdata4.value = mkdata.data.text.slice(2, 4);
+    }else{
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：获取最新资讯")
-        console.log("后端错误反馈：", mkdata.message)
+        console.log("后端错误反馈：",mkdata.message)
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     }
 }
 getPageData();
-
 </script>
 
 <style lang="less" scoped>
-.title {
-    width: 100px;
-    height: 40px;
-    line-height: 40px;
-    font-family: Microsoft YaHei, Microsoft YaHei;
-    font-weight: 400;
-    margin: 10px 0;
-    font-size: 20px;
-    color: #333333;
-    position: relative;
-
-    em {
-        display: inline-block;
-        width: 8px;
-        height: 8px;
-        border-radius: 4px;
-        background-color: #a01c0e;
-        position: absolute;
-        top: 6px;
-        right: 8px;
+//标题
+.hotList {
+    width: 270px;
+    height: 618px;
+    border-top: 2px solid #dd7d18;
+
+    .title {
+        width: 100px;
+        height: 40px;
+        line-height: 40px;
+        font-family: Microsoft YaHei, Microsoft YaHei;
+        font-weight: bold;
+        margin: 10px 0;
+        font-size: 20px;
+        color: #333333;
+        position: relative;
     }
-
 }
+//今日热点
+// 图文
+.hotList_photo_text {
+    width: 270px;
 
-.top111 {
-    width: 350px;
-    height: 280px;
-    position: relative;
-
-    .hotList_photo_text {
-        width: 350px;
-        height: 280px;
-        position: relative;
+    .hotList_photo_text1 {
+        display: flex;
 
         img {
-            width: 350px;
-            height: 230px;
-        }
-
-        .jingxuan {
-            display: inline-block;
-            width: 50px;
-            height: 26px;
-            background-color: #a01c0e;
-            color: #fff;
-            text-align: center;
-            line-height: 26px;
-            position: absolute;
-            top: 0px;
-            right: 10px;
+            float: left;
+            width: 120px;
+            height: 80px;
+            margin-right: 10px;
         }
 
         .hotlist_text {
-            width: 350px;
-            height: 40px;
-            line-height: 40px;
-            white-space: nowrap;
+            float: left;
+            width: 126px;
+            height: 74px;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 3;
             overflow: hidden;
             text-overflow: ellipsis;
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: bold;
+            word-break: break-all;
+            font-weight: 400;
             font-size: 18px;
             color: #333333;
-            margin-top: 8px;
+            padding-top: 3px;
+        }
+    }
+    .hotList_photo_text1:first-child {
+        margin-bottom: 20px;
+    }
+    .hotList_photo_text1:hover{
+        .hotlist_text{
+            color: #dd7d18;
         }
     }
 }
-
-
+// 文字
 .message {
-    width: 350px;
-    margin-top: 30px;
+    width: 270px;
+    margin-top: 20px;
 
     .messageList {
-        width: 350px;
+        width: 270px;
         white-space: nowrap;
         /* 禁止换行 */
         overflow: hidden;
@@ -147,19 +176,15 @@ getPageData();
         font-weight: 400;
         font-size: 18px;
         color: #333333;
-        margin-bottom: 25px;
+        margin-bottom: 20px;
 
         a {
             color: #333333;
         }
     }
 
-    .messageList:first-child {
-        font-weight: bold;
-    }
-
     >li:hover>a {
-        color: #a01c0e;
+        color: #dd7d18;
     }
 
 }

components/detail/HotNews2.vue

@@ -2,29 +2,17 @@
     <div class="hotNews">
         <div class="hotNews_title">
             热点精选
-            <em></em>
-        </div>
-        <div class="top_top">
-            <div class="hotNews_photo_text">
-                <div class="photo_left" v-for="(item, index) in hotNewsListImg">
-                    <NuxtLink :to="item.linkurl" v-show="item.islink == 1" :title="item.title">
-                        <img :src="item.imgurl" alt="">
-                        <div class="hotNews_text">{{ item.title }}</div>
-                    </NuxtLink>
-                    <NuxtLink :to="`/${item.pinyin}/${item.id}.html`">
-                        <img :src="item.imgurl" alt="">
-                        <div class="hotNews_text">{{ item.title }}</div>
-                    </NuxtLink>
-                </div>
-            </div>
         </div>
         <ul class="hotNews_message">
             <li class="hotNews_messageList" v-for="(item, index) in hotNewsList" :key="index">
-                <NuxtLink :to="item.linkurl" v-show="item.islink == 1" :title="item.title">
-                    {{ item.title }}
-                </NuxtLink>
-                <NuxtLink :to="`/${item.pinyin}/${item.id}.html`" v-if="item.islink == 0" :title="item.title">
-                    {{ item.title }}
+                <span class="number">{{ index + 1 }}</span>
+                <NuxtLink
+                    :href="getLinkPathDetail(item)"
+                    :title="item.title"
+                    :key="item.id"
+                    :target="item.islink == 1 ? '_blank' : '_self'"
+                >
+                    <span class="hotlist_text">{{ item.title }}</span>
                 </NuxtLink>
             </li>
         </ul>
@@ -32,22 +20,28 @@
 </template>
 
 <script setup>
-const hotNewsListImg = ref([])
+const getLinkPathDetail = (item) => {
+    if (item.islink == 1) {
+        return `${item.linkurl}`;
+    } else {
+        return `/${item.pinyin}/${item.id}.html`;
+    }
+}
+
 const hotNewsList = ref([])
 async function getPageData() {
     const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
         method: 'GET',
         query: {
-            'imgnum':2,
-            'textnum': 7,
+            'imgnum': 0,
+            'textnum': 8,
             'level': 5,
-            'id': 0,
             'placeid': 0,
+            'id': 0
         },
     });
     if (mkdata.code == 200) {
         hotNewsList.value = mkdata.data.text;
-        hotNewsListImg.value = mkdata.data.img;
     } else {
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：获取热点精选")
@@ -61,7 +55,10 @@ getPageData();
 
 <style lang="less" scoped>
 .hotNews {
-    width: 350px;
+    width: 270px;
+    height: 597px;
+    border-top: 2px solid #dd7d18;
+    margin-top: 40px;
 
     //标题
     .hotNews_title {
@@ -69,88 +66,63 @@ getPageData();
         height: 40px;
         line-height: 40px;
         font-family: Microsoft YaHei, Microsoft YaHei;
-        font-weight: 400;
-        margin: 20px 0;
+        font-weight: bold;
+        margin: 20px 0 15px;
         font-size: 20px;
         color: #333333;
-        position: relative;
-
-        em {
-            display: inline-block;
-            width: 8px;
-            height: 8px;
-            border-radius: 4px;
-            background-color: #a01c0e;
-            position: absolute;
-            top: 6px;
-            right: 8px;
-        }
-
-    }
-
-    //图片文字
-    .top_top {
-        width: 350px;
-        height: 165px;
-        position: relative;
-
-        .hotNews_photo_text {
-            display: flex;
-            justify-content: space-between;
-            margin-top: 10px;
-
-            img {
-                width: 165px;
-                height: 96px;
-            }
-
-            .hotNews_text {
-                width: 165px;
-                display: -webkit-box;
-                -webkit-box-orient: vertical;
-                -webkit-line-clamp: 2;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                word-break: break-all;
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: 400;
-                font-size: 18px;
-                color: #333333;
-                margin-top: 15px;
-            }
-
-            .hotNews_text:hover {
-                color: #a01c0e;
-            }
-        }
     }
 
     //新闻列表
     .hotNews_message {
-        width: 350px;
-        margin-top: 25px;
+        width: 270px;
 
         .hotNews_messageList {
-            width: 350px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            font-family: Microsoft YaHei, Microsoft YaHei;
+            width: 270px;
+            height: 64px;
+            line-height: 64px;
+            border-bottom: 1px solid #E4E4E4;
             font-weight: 400;
             font-size: 18px;
             color: #333333;
-            margin-bottom: 30px;
+            ;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
 
             a {
                 color: #333333;
             }
+
+            .number {
+                color: #999999;
+                margin-right: 13px;
+                font-family: DingTalk JinBuTi, DingTalk JinBuTi;
+            }
+        }
+
+        .hotNews_messageList:nth-child(1) {
+            .number {
+                color: #dd7d18;
+            }
+        }
+
+        .hotNews_messageList:nth-child(2) {
+            .number {
+                color: #dd7d18;
+            }
+        }
+
+        .hotNews_messageList:nth-child(3) {
+            .number {
+                color: #dd7d18;
+            }
         }
 
         .hotNews_messageList:hover {
-            color: #a01c0e;
+            color: #dd7d18;
 
             a {
-                color: #a01c0e;
+                color: #dd7d18;
             }
         }
     }

components/home/Advertising.vue

@@ -20,19 +20,5 @@ const props = defineProps({
 </script>
 
 <style lang="less">
-// 广告位logo
-.adversing {
-    width: 1200px;
-    height: 90px;
-    margin:0 auto;
-    margin-top: 20px;
-    margin-bottom: 20px;
-    overflow: hidden;
-    a {
-        display: block;
-    }
-    img {
-        width: 100%;
-    }  
-}
+    @import url('@/assets/css/ad/adversing.less');
 </style>

components/home/AdvertisingClass.vue

@@ -0,0 +1,53 @@
+<template>
+    <div class="banner_2 clearfix">
+        <a class="banner_2_left" href="http://nzgxw.org.cn/" v-if="adData1.image_url==null" target="_blank" :title="adData1.introduce">
+            <img :src="adData1.thumb" :alt="adData1.introduce" :id="adData1.ad_tag"  data-tag="adData1.ad_tag">
+        </a>
+        <a class="banner_2_left" :href="adData1.image_url" v-else :title="adData1.introduce">
+            <img :src="adData1.image_src" :alt="adData1.introduce" :id="adData1.ad_tag" data-tag="adData1.ad_tag">
+        </a>
+        <a class="banner_2_right" href="http://nzgxw.org.cn/" v-if="adData2.image_url==null" target="_blank" :title="adData2.introduce">
+            <img :src="adData2.thumb" :alt="adData2.introduce" :id="adData2.ad_tag"  data-tag="adData2.ad_tag">
+        </a>
+        <a class="banner_2_right" :href="adData2.image_url" v-else :title="adData2.introduce">
+            <img :src="adData2.image_src" :alt="adData2.introduce" :id="adData2.ad_tag" data-tag="adData2.ad_tag">
+        </a>
+    </div>
+</template>
+
+<script setup>
+//import {onMounted } from 'vue';
+const props = defineProps({
+    adData1: Object,
+    adData2: Object
+});
+//广告移动至客户端获取，并且按照标识单独获取
+</script>
+
+<style lang="less" scoped>
+    .clearfix {
+        overflow: hidden;
+        width: 1200px;
+        height: 106px;
+    }
+    .banner_2 img {
+        display: block;
+        width: 100%;
+        height: 100%;
+    }
+
+    .banner_2 {
+        margin-top: 20px;
+        height: 106px;
+        .banner_2_left {
+            float: left;
+            width: 720px;
+            height: 100%;
+        }
+        .banner_2_right {
+            float: right;
+            width: 450px;
+            height: 100%;
+        }
+    }
+</style>

components/home/BigSwiper.vue

@@ -4,7 +4,7 @@
         <el-carousel height="400px" v-if="imagelist">
             <el-carousel-item v-for="(item, index) in imagelist" :key="index">
                 <NuxtLink :href="getLinkPathDetail(item)">
-                    <img :src="item.imgurl" alt="">
+                    <img :src="item.imgurl">
                     <div class="text">
                         <span>{{ item.title }}</span>
                     </div>
@@ -16,41 +16,34 @@
 
 <script setup>
 import { ElCarousel, ElCarouselItem } from 'element-plus'
-import { onMounted } from 'vue'
-
-//轮播图数据
-let imagelist = useState("imageList", () => "")
+//获取焦点图数据 start---------------------------------------->
+const imagelist = ref("")
 async function getModelData1() {
-    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
+    const mkdata =  await requestDataPromise('/web/getWebsiteArticlett', {
         method: 'GET',
         query: {
             'imgnum': 5,
             'textnum': 0,
             'level': 2,
             'placeid': 0,
-            'id': 0,
+            'id':''
         },
     });
-    if (mkdata.code == 200) {
+    if(mkdata.code == 200){
         imagelist.value = mkdata.data.img;
-    } else {
+    }else{
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-        console.log("错误位置：设置大标题")
-        console.log("后端错误反馈：", mkdata.message)
+        console.log("错误位置：获取首页轮播图")
+        console.log("后端错误反馈：",mkdata.message)
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     }
 }
 getModelData1()
 
-// 跳转详情页
-const getLinkPathDetail = (item) => {
-    if (item.islink == 1) {
-        return `${item.linkurl}`;
-    } else {
-        return `/${item.pinyin}/${item.id}.html`;
-    }
+let currentIndex = ref(0)
+let handleIndicatorChange = (val) => {
+    currentIndex.value = val
 }
-
 </script>
 
 <style lang="less" scoped>
@@ -78,7 +71,7 @@ const getLinkPathDetail = (item) => {
         font-weight: 400;
         font-size: 18px;
         color: #FFFFFF;
-        background-color: rgba(0, 0, 0, 0.5);
+        // background-color: #eee;
 
         span {
             display: inline-block;
@@ -87,36 +80,51 @@ const getLinkPathDetail = (item) => {
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
+            font-size: 24px;
+            position: absolute;
+            z-index: 50;
         }
 
     }
+
+    .text:after {
+        background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
+        bottom: 0;
+        content: "";
+        display: block;
+        height: 68px;
+        left: 0;
+        position: absolute;
+        width: 100%;
+        z-index: 44;
+    }
 }
 
 
 
 .el-carousel {
 
-    //指示器位置
+    // 指示器位置
     ::v-deep .el-carousel__indicators {
         left: unset;
         transform: unset;
-        right: 3%;
+        right: 1%;
     }
 
     // 未选中的指示器样式，设置为小圆圈 
     ::v-deep .el-carousel__indicator:not(.is-active) button {
-        width: 8px;
-        height: 8px;
+        width: 10px;
+        height: 10px;
         border-radius: 50%;
-        background-color: #ccc;
+        background-color: #fff;
     }
 
     // 选中的指示器样式，设置为长条状 
     ::v-deep .el-carousel__indicator.is-active button {
-        width: 50px;
-        height: 8px;
-        border-radius: 4px;
-        background-color: #fff;
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background-color: #dd7d18;
     }
 
 }

components/home/BigTitle_List.vue

@@ -0,0 +1,82 @@
+<template>
+    <div class="list">
+        <div class="inner">
+            <ul>
+                <li v-for="item in headlinelist1" class="left">
+                    <NuxtLink :to="{path:`/${item.pinyin}/${item.id}.html`}" :title="item.title">{{item.title}}</NuxtLink>
+                </li>
+            </ul>
+        </div>
+    </div>
+</template>
+
+<script setup>
+const props = defineProps({
+    headlinelist1: Object
+});
+</script>
+
+
+<style lang="less" scoped>
+// 列表
+.list {
+    height: 34px;
+    margin: 16px 0 20px 0;
+
+    .inner {
+        height: 20px;
+        margin: 0 auto;
+    }
+
+    ul {
+        width: auto;
+        height: 20px;
+        box-sizing: border-box;
+        padding-left: 180px;
+
+        li:nth-child(1) {
+            border-right: 1px solid #CCCCCC;
+        }
+        >li {
+            width: 470px;
+            margin-right: 30px;
+
+            >i {
+                display: inline-block;
+                width: 13px;
+                height: 13px;
+                background-color: #d9d9d9;
+                border-radius: 7px;
+                // vertical-align: middle;
+                margin-right: 10px;
+            }
+
+            >a {
+                display: inline-block;
+                width: 460px;
+                height: 20px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                font-family: PingFang SC, PingFang SC;
+                font-weight: 600;
+                font-size: 18px;
+                color: #333333;
+                line-height: 16px;
+                text-align: left;
+                font-style: normal;
+                text-transform: none;
+                vertical-align: middle;
+            }
+        }
+
+        >li:hover>i {
+            background-color: #139602;
+        }
+
+        >li:hover>a {
+            color: #139602;
+        }
+    }
+}
+</style>

components/home/ListSecondaryHeading.vue

@@ -0,0 +1,160 @@
+<template>
+    <div class="index_main">
+        <nav class="index_nav clearfix">
+            <div class="index_navTitle_box">
+                <NuxtLink :to="`/${pinyin}/index.html`">
+                    <span class="index_nav_a_one" title="">
+                        {{ name }}
+                    </span>
+                </NuxtLink>
+            </div>
+            <div class="index_nav_box">
+                <span v-for="(item, index) in nav"
+                    :class="['index_nav_a', { 'index_nav_a_only': targetSegment === item.aLIas_pinyin }]">
+                    <span v-if="index <= 20">
+                        <NuxtLink :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }">{{ item.alias }}</NuxtLink>
+                    </span>
+                </span>
+            </div>
+        </nav>
+    </div>
+</template>
+
+<script setup>
+//1.设置组件数据 start---------------------------------------->
+//子导航
+const props = defineProps({
+    name: String,
+    nav: Array,
+    pinyin: String,
+});
+
+//获取当前url路径
+const route = useRoute();
+//获得当前的完整路径
+const fullPath = route.path;
+const segments = fullPath.split('/');
+const targetRoute = segments[1];
+//1.设置组件数据 end---------------------------------------->
+
+</script>
+
+<style lang="less" scoped>
+.index_main {
+    width: 1200px;
+    margin: 0 auto;
+    margin-bottom: 10px;
+}
+
+.index_nav {
+    width: 1200px;
+    margin: 0 auto;
+    margin-top: 20px;
+    border-bottom: solid 1px #D9D9D9;
+    height: 88px;
+
+    .index_navTitle_box {
+        float: left;
+        height: 88px;
+        line-height: 88px;
+        font-size: 16px;
+        font-weight: bold;
+        color: #333;
+        width: 153px;
+        // margin: 0px 30px;
+    }
+
+    .index_nav_a_one {
+        float: left;
+        color: #333;
+        font-size: 16px;
+        margin: 0px 30px;
+        height: 88px;
+        line-height: 88px;
+        font-weight: bold;
+        border-bottom: solid 3px #fff;
+        box-sizing: border-box;
+        position: relative;
+        overflow: hidden;
+        height: 56px;
+        line-height: 56px;
+        color: #fff;
+        font-size: 18px;
+        font-weight: bold;
+        width: 153px;
+        margin: 14px 30px 0px 0px;
+        text-indent: 46px;
+        background: url(https://img.bjzxtw.org.cn/master/www/nmw/img/3.png) no-repeat left top;
+        background-size: 100% 100%;
+    }
+
+    .index_nav_box {
+        float: left;
+        // height: 88px;
+        // line-height: 88px;
+        font-size: 16px;
+        font-weight: bold;
+        color: #333;
+        width: 1009px;
+        margin-top: 15px;
+        margin-left: 25px;
+    }
+
+    .index_nav_a {
+        float: left;
+        color: #333;
+        font-size: 16px;
+        margin: 5px 30px;
+        font-weight: bold;
+        border-bottom: solid 3px #fff;
+        box-sizing: border-box;
+        position: relative;
+
+        a {
+            color: #333333
+        }
+
+        &:hover {
+            border-bottom: solid 3px #D2600F;
+        }
+    }
+
+    .index_nav_a a:hover {
+        color: #D2600F;
+        // border-bottom: solid 3px #D2600F;
+    }
+
+    .index_nav_a_only {
+        border-bottom: solid 3px #D2600F;
+    }
+
+    .index_nav_a::after {
+        content: '';
+        display: block;
+        position: absolute;
+        width: 2px;
+        height: 12px;
+        background: #DBDBDB;
+        right: -28px;
+        top: 6px;
+    }
+
+    // .index_nav_a:nth-last-of-type(1) {
+    //     overflow: hidden;
+    // }
+
+    // a.index_nav_a:nth-of-type(1) {
+    //     overflow: hidden;
+    //     height: 56px;
+    //     line-height: 56px;
+    //     color: #fff;
+    //     font-size: 18px;
+    //     font-weight: bold;
+    //     width: 153px;
+    //     margin: 14px 30px 0px 0px;
+    //     text-indent: 46px;
+    //     background: url(https://img.bjzxtw.org.cn/master/www/nmw/img/3.png) no-repeat left top;
+    //     background-size: 100% 100%;
+    // }
+}
+</style>

components/home/PageMessage.vue

@@ -0,0 +1,182 @@
+<template>
+    <!-- 新闻头条部分 -->
+    <div class="topNewsPart">
+        <div class="inner">
+            <div class="toutiao" v-if="headlinelist">
+                <div class="xwtt">
+                    <NuxtLink v-for="(item, index) in headlinelist" :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'" 
+                        :key="index">
+                        <h1 class="tttitle">{{ item.title }}</h1>
+                    </NuxtLink>
+                </div>
+                <ul class="toutiao1" v-if="headlinelist1">
+                    <li class="toutiaolist" v-for="item in headlinelist1">
+                        <NuxtLink :to="{ path: `/${item.pinyin}/${item.id}.html` }" :title="item.title">{{ item.title }}
+                        </NuxtLink>
+                    </li>
+                </ul>
+            </div>
+            <div class="messageLeft">
+                <div class="lunbo">
+                    <HomeBigSwiper></HomeBigSwiper>
+                </div>
+                <div class="messageleft_photo_text" v-if="moveBannerList">
+                    <div class="messageleft_photo" v-for="item in moveBannerList" :key="index">
+                        <NuxtLink :to="`/${item.pinyin}/${item.id}.html`" :title="item.title">
+                            <img :src="item.imgurl">
+                            <div class="message_text">
+                                {{ item.title }}
+                            </div>
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+            <div class="messageRight">
+                <div class="messageRight_title">
+                    要闻
+                </div>
+                <ul class="messageRight_content" v-if="hotNewsList_data1">
+                    <li v-for="item in hotNewsList_data1" :key="index" class="messageRight_content_title">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </li>
+                </ul>
+                <ul class="messageRight_content" v-if="hotNewsList_data2">
+                    <li v-for="item in hotNewsList_data2" :key="index" class="messageRight_content_title">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </li>
+                </ul>
+                <ul class="messageRight_content" v-if="hotNewsList_data3">
+                    <li v-for="item in hotNewsList_data3" :key="index" class="messageRight_content_title">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//0.加载必备依赖 start ---------------------------------------->
+import { NuxtLink } from "#components";
+import { ref, onMounted } from "vue"
+const nuxtApp = useNuxtApp();
+const axios = nuxtApp.$axios;
+
+const getLinkPathDetail = (item) => {
+    if (item.islink == 1) {
+        return `${item.linkurl}`;
+    } else {
+        return `/${item.pinyin}/${item.id}.html`;
+    }
+}
+//0.加载必备依赖 end ---------------------------------------->
+
+//1.获得板块数据 start ---------------------------------------->
+//大标题
+const headlinelist = ref([])
+//大标题下面的二级内容
+const headlinelist1 = ref([])
+
+async function getModelData1() {
+    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
+        method: 'GET',
+        query: {
+            'imgnum': 0,
+            'textnum': 4,
+            'level': 1,
+            'placeid': 0,
+            'id': ''
+        },
+    });
+    if (mkdata.code == 200) {
+        if (mkdata.data.text.length != 0) {
+            for (let i = 0; i < mkdata.data.text.length; i++) {
+                if (i < 1) {
+                    headlinelist.value.push(mkdata.data.text[i])
+                } else {
+                    headlinelist1.value.push(mkdata.data.text[i])
+                }
+            }
+        }
+        console.log("首页大标题：", headlinelist.value)
+        console.log("首页大标题下面的二级内容：", headlinelist1.value)
+    } else {
+        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+        console.log("错误位置：设置大标题")
+        console.log("后端错误反馈：", mkdata.message)
+        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+    }
+}
+getModelData1()
+
+const moveBannerList = ref([])
+async function getModelData2() {
+    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
+        method: 'GET',
+        query: {
+            'imgnum': 2,
+            'textnum': 0,
+            'level': 2,
+            'placeid': 6,
+            'id': 0
+        },
+    });
+    if (mkdata.code == 200) {
+        moveBannerList.value = mkdata.data.img;
+    } else {
+        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+        console.log("错误位置：获取首页轮播图下面的图文")
+        console.log("后端错误反馈：", mkdata.message)
+        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+    }
+}
+getModelData2()
+
+const hotNewsList_data1 = ref([])
+const hotNewsList_data2 = ref([])
+const hotNewsList_data3 = ref([])
+async function getModelData3() {
+    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
+        method: 'GET',
+        query: {
+            'imgnum': 0,
+            'textnum': 15,
+            'level': 6,
+            'placeid': 0,
+            'id': ''
+        },
+    });
+    if (mkdata.code == 200) {
+        for (let i = 0; i < mkdata.data.text.length; i++) {
+            if (i >= 0 && i <= 4) {
+                hotNewsList_data1.value.push(mkdata.data.text[i])
+            } else if (i >= 5 && i <= 9) {
+                hotNewsList_data2.value.push(mkdata.data.text[i])
+            } else if (i >= 10 && i <= 14) {
+                hotNewsList_data3.value.push(mkdata.data.text[i])
+            }
+        }
+    } else {
+        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+        console.log("错误位置：获取首页今日热点")
+        console.log("后端错误反馈：", mkdata.message)
+        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+    }
+}
+getModelData3()
+//1.获得板块数据 end ---------------------------------------->
+</script>
+
+<style lang="less" scoped>
+@import url('@/assets/css/components/pagemessage.less');
+</style>

components/home/Pagination.vue

@@ -28,8 +28,6 @@ let change = (value) => {
     emit('sendData', data)
 }
 
-
-
 </script>
 
 <style lang="less" scoped>

components/home/SecondaryHeading.vue

@@ -0,0 +1,175 @@
+<template>
+    <div class="index_main">
+        <nav class="index_nav clearfix">
+            <div class="index_navTitle_box">
+                <span class="index_nav_a_one" href="javascript:(void)" title="">{{ title }}</span>
+            </div>
+            <div class="index_nav_box">
+                <span v-for="(item, index) in titleData"
+                    :class="['index_nav_a', { 'index_nav_a_only': targetSegment === item.aLIas_pinyin }]">
+                    <span v-if="index <= 20">
+                        <NuxtLink :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }">{{ item.alias }}</NuxtLink>
+                    </span>
+                </span>
+            </div>
+        </nav>
+    </div>
+</template>
+
+<script setup>
+//1.设置组件数据 start---------------------------------------->
+//子导航
+const props = defineProps({
+    titleData: Array,
+    pinyinid: Number
+});
+
+//获取当前url路径
+const route = useRoute();
+//获得当前的完整路径
+const fullPath = route.path;
+const segments = fullPath.split('/');
+const targetSegment = segments[1];
+//1.设置组件数据 end---------------------------------------->
+
+//2.设置组件标题 start ---------------------------------------->
+const title = ref("")
+async function getPageData() {
+    const mkdata = await requestDataPromise('/web/getOneWebsiteCategory', {
+        method: 'GET',
+        query: {
+            'catid': props.pinyinid,
+        },
+    });
+    if (mkdata.code == 200) {
+        title.value = mkdata.data.alias;
+    } else {
+        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+        console.log("错误位置：获取二级标题")
+        console.log("后端错误反馈：", mkdata.message)
+        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+    }
+}
+getPageData();
+//2.设置组件标题 end ---------------------------------------->
+</script>
+
+<style lang="less" scoped>
+.index_main {
+    width: 1200px;
+    margin: 0 auto;
+    margin-bottom: 40px;
+}
+
+.index_nav {
+    width: 1200px;
+    margin: 0 auto;
+    margin-top: 20px;
+    border-bottom: solid 1px #D9D9D9;
+    height: 88px;
+
+    .index_navTitle_box {
+        float: left;
+        height: 88px;
+        line-height: 88px;
+        font-size: 16px;
+        font-weight: bold;
+        color: #333;
+        width: 153px;
+        // margin: 0px 30px;
+    }
+
+    .index_nav_a_one {
+        float: left;
+        color: #333;
+        font-size: 16px;
+        margin: 0px 30px;
+        height: 88px;
+        line-height: 88px;
+        font-weight: bold;
+        border-bottom: solid 3px #fff;
+        box-sizing: border-box;
+        position: relative;
+        overflow: hidden;
+        height: 56px;
+        line-height: 56px;
+        color: #fff;
+        font-size: 18px;
+        font-weight: bold;
+        width: 153px;
+        margin: 14px 30px 0px 0px;
+        text-indent: 46px;
+        background: url(https://img.bjzxtw.org.cn/master/www/nmw/img/3.png) no-repeat left top;
+        background-size: 100% 100%;
+    }
+
+    .index_nav_box {
+        float: left;
+        // height: 88px;
+        // line-height: 88px;
+        font-size: 16px;
+        font-weight: bold;
+        color: #333;
+        width: 1009px;
+        margin-top: 15px;
+        margin-left: 25px;
+    }
+
+    .index_nav_a {
+        float: left;
+        color: #333;
+        font-size: 16px;
+        margin: 5px 30px;
+        font-weight: bold;
+        border-bottom: solid 3px #fff;
+        box-sizing: border-box;
+        position: relative;
+
+        a {
+            color: #333333
+        }
+
+        &:hover {
+            border-bottom: solid 3px #D2600F;
+        }
+    }
+
+    .index_nav_a a:hover {
+        color: #D2600F;
+        // border-bottom: solid 3px #D2600F;
+    }
+
+    .index_nav_a_only {
+        border-bottom: solid 3px #D2600F;
+    }
+
+    .index_nav_a::after {
+        content: '';
+        display: block;
+        position: absolute;
+        width: 2px;
+        height: 12px;
+        background: #DBDBDB;
+        right: -28px;
+        top: 6px;
+    }
+
+    // .index_nav_a:nth-last-of-type(1) {
+    //     overflow: hidden;
+    // }
+
+    // a.index_nav_a:nth-of-type(1) {
+    //     overflow: hidden;
+    //     height: 56px;
+    //     line-height: 56px;
+    //     color: #fff;
+    //     font-size: 18px;
+    //     font-weight: bold;
+    //     width: 153px;
+    //     margin: 14px 30px 0px 0px;
+    //     text-indent: 46px;
+    //     background: url(https://img.bjzxtw.org.cn/master/www/nmw/img/3.png) no-repeat left top;
+    //     background-size: 100% 100%;
+    // }
+}
+</style>

components/home/SmallSwiper1.vue

@@ -0,0 +1,144 @@
+<template>
+    <div class="swiper">
+        <el-carousel :interval="3000" height="405px" indicator-class="custom-indicator">
+            <el-carousel-item v-for="(item, item_index) in data" :key="item">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" alt="item.title">
+                </NuxtLink>
+                <span class="swiper_dot1 dot1">
+                    {{item.title}}
+                </span>
+            </el-carousel-item>
+        </el-carousel>
+    </div>
+</template>
+
+<script setup>
+import { ElCarousel, ElCarouselItem } from 'element-plus'
+
+const getLinkPathDetail = (item) => {
+    if (item.islink == 1) {
+        return `${item.linkurl}`;
+    } else {
+        //return `/${item.aLIas_pinyin}/${item.id}`;
+        //return `/newsDetail/${item.id}`
+        return `/${item.pinyin}/${item.id}.html`;
+    }
+}
+const props = defineProps({
+    data: {
+        type: Array,
+        default: () => []
+    }
+})
+</script>
+
+<style lang="less" scoped>
+.dot1 {
+    display: block;
+    word-break: keep-all;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.swiper {
+    width: 100%;
+    height: 405px;
+    position: relative;
+
+    img {
+        width: 100%;
+        height: 405px;
+    }
+
+    .swiper_dot1 {
+        display: block;
+        width: 100%;
+        line-height: 60px;
+        height: 60px;
+        color: #fff;
+        font-size: 24px;
+        text-indent: 20px;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        z-index: 10;
+        box-sizing: border-box;
+        padding-right: 244px;
+        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 100%);
+    }
+}
+
+.el-carousel {
+    /deep/.el-carousel__arrow i {
+        font-size: 30px !important;
+    }
+
+    /deep/.el-carousel__arrow--left {
+        left: 16px;
+        width: 35px;
+        height: 57px;
+        color: #616358;
+        background: #dcdedc;
+        position: absolute;
+        left: 0px;
+        border: none;
+        border-radius: 0;
+    }
+
+    /deep/.el-carousel__arrow--right {
+        right: 16px;
+        width: 35px;
+        height: 57px;
+        color: #616358;
+        background: #dcdedc;
+        position: absolute;
+        right: 0;
+        border: none;
+        border-radius: 0;
+    }
+
+    /deep/ .el-carousel__indicators {
+        // 指示器
+        left: unset;
+        transform: unset;
+        right: 10px;
+        bottom: 11px;
+    }
+
+    /deep/ .el-carousel__button {
+        // 指示器按钮
+        width: 10px;
+        height: 10px;
+        border: none;
+        border-radius: 50%;
+        background: #fff;
+        opacity: 1;
+    }
+
+    /deep/ .is-active .el-carousel__button {
+        // 指示器激活按钮
+        background: #DD7D18;
+        opacity: 1;
+    }
+
+    /deep/ .el-carousel__container {
+        height: 100%;
+    }
+}
+
+.custom-indicator button {
+    background-color: #fff;
+
+    opacity: 1;
+    width: 8px;
+    height: 8px;
+}
+
+.custom-indicator button.is-active {
+    background-color: #DD7D18;
+
+    opacity: 1;
+}
+</style>

components/home/TopTen.vue

@@ -1,31 +1,22 @@
 <template>
     <div class="topTenTitle">
-        <div class="inner">
-            <a href="http://www.baidu.com">
-                <!-- <img :src="imgurl.thumb" v-if="!imgurl.image_src">
-                <img :src="imgurl.image_src" v-if="imgurl.image_src"> -->
-                <img src="../../public/index/banner.png" alt="">
+        <div class="inner" v-if="imgurl">
+            <a href="http://nzgxw.org.cn/" v-if="imgurl.image_url==null" target="_blank" :title="imgurl.introduce">
+                <img :src="imgurl.thumb" :alt="imgurl.introduce" :id="imgurl.ad_tag"  data-tag="imgurl.ad_tag">
+            </a>
+            <a :href="imgurl.image_url" v-else :title="imgurl.introduce">
+                <img :src="imgurl.image_src" :alt="imgurl.introduce" :id="imgurl.ad_tag" data-tag="imgurl.ad_tag">
             </a>
         </div>
     </div>
 </template>
 
 <script setup>
-const props = defineProps({
-    imgurl: String
-});
+    const props = defineProps({
+        imgurl: String
+    });
 </script>
 
 <style lang="less">
-// 十强称号logo
-.topTenTitle {
-    width: 100%;
-    height: 90px;
-    margin: 15px 0 0px;
-
-    img {
-        width: 1200px;
-        height: 90px;
-    }
-}
+    @import url('@/assets/css/ad/topten.less');
 </style>

components/home/foot.vue

@@ -1,53 +1,51 @@
 <template>
     <footer class="index_foot">
         <div class="foot_img_box">
-            <a :href="item.url" v-for="(item, index) in bottomLink" :title="item.title" target="_blank">
-                <img :src="item.logo_url" :alt="item.title">
+            <a :href="item.url" v-for="(item, index) in bottomLink" target="_blank">
+                <img :src="item.logo_url" alt="">
             </a>
         </div>
         <div class="foot_frind_box">
             <span>友情链接</span>
             <div>
-                <a :href="item.url" v-for="(item, index) in bottomText" :key="index" :title="item.title"
-                    target="_blank">{{ item.title }}</a>
+                <a :href="item.url" v-for="(item, index) in bottomText" :key="index" target="_blank">{{item.title}}</a>
             </div>
         </div>
     </footer>
 
     <div class="call_us_box">
-        <span v-for="(item, index) in bottomMenu" :key="index">
-            <!-- <NuxtLink :to="{ path: `/specialList/${item.id}` }" v-if="item.type == 1" :title="item.name">
-                {{ item.name }}
-            </NuxtLink> -->
-            <NuxtLink :to="{ path: `/about/${item.name_pinyin}/index.html` }" v-if="item.type == 0" :title="item.name">
-                {{ item.name }}
-            </NuxtLink>
-        </span>
+        <div class="inner">
+            <span v-for="(item, index) in bottomMenu" :key="index">
+                <NuxtLink :to="{ path: `/about/${item.name_pinyin}/list-1.html` }" v-if="item.type == 1" :title="item.name">
+                    {{ item.name }}
+                </NuxtLink>
+                <NuxtLink :to="{ path: `/about/${item.name_pinyin}/index.html` }" v-if="item.type == 0" :title="item.name">
+                    {{ item.name }}
+                </NuxtLink>
+            </span>
+        </div>
     </div>
     <footer class="index_foot">
-        <div class="foot_text_box" v-if="bottomBase">
+        <div class="foot_text_box">
             <p v-html="bottomBase.statement" class="foot_text_html_css"></p>
             <p v-html="bottomBase.organizer" class="foot_text_html_css"></p>
             <p v-html="bottomBase.copyright_information" class="foot_text_html_css"></p>
-            <p><span v-html="bottomBase.icp_number" class="foot_text_html_css"></span><span
-                    v-html="bottomBase.record_number" class="foot_text_html_css"></span></p>
+            <p><span v-html="bottomBase.icp_number" class="foot_text_html_css"></span><span v-html="bottomBase.record_number" class="foot_text_html_css"></span></p>
             <p v-html="bottomBase.email" class="foot_text_html_css"></p>
             <p v-html="bottomBase.company_address" class="foot_text_html_css"></p>
             <p v-html="bottomBase.contact_number" class="foot_text_html_css"></p>
         </div>
         <div class="foot_logo_out" v-if="bottomBase">
-            <a :href="'http://' + bottomBase.project_url" :title="bottomBase.project_name"
-                v-if="bottomBase.project_logo != '' && bottomBase.project_url != ''">
+            <a :href="'http://' + bottomBase.project_url" :title="bottomBase.project_name" v-if="bottomBase.project_logo!=''&&bottomBase.project_url!=''">
                 <img :src="bottomBase.project_logo" class="floatLogoRight" :alt="bottomBase.project_name">
             </a>
-            <span v-else-if="bottomBase.project_logo != '' && bottomBase.project_url == ''">
+            <span v-else-if="bottomBase.project_logo!=''&&bottomBase.project_url==''">
                 <img :src="bottomBase.project_logo" class="floatLogoRight" :alt="bottomBase.project_name">
             </span>
-            <a :href="'http://' + bottomBase.company_url" :title="bottomBase.company_name"
-                v-if="bottomBase.company_logo != '' && bottomBase.company_url != ''">
+            <a :href="'http://' + bottomBase.company_url" :title="bottomBase.company_name" v-if="bottomBase.company_logo!=''&&bottomBase.company_url!=''">
                 <img :src="bottomBase.company_logo" class="floatLogoLeft" :alt="bottomBase.company_name">
             </a>
-            <span v-else-if="bottomBase.company_logo != '' && bottomBase.company_url == ''">
+            <span v-else-if="bottomBase.company_logo!=''&&bottomBase.company_url==''">
                 <img :src="bottomBase.company_logo" class="floatLogoLeft" :alt="bottomBase.company_name">
             </span>
         </div>
@@ -56,19 +54,13 @@
                 <img :src="item.logo_url" :alt="item.title">
             </a>
         </div>
+
+        <!--在线客服-->
+        <HomeKefu :bottomBase="bottomBase" />
     </footer>
-    <HomeKefu :bottomBase="bottomBase" />
 </template>
-
+ 
 <script setup>
-//0.添加网站客服 start---------------------------------------->
-//添加网站客服
-function addQQFriend(qqNumber) {
-    // 使用tencent协议唤起QQ客户端并添加好友
-    window.location.href = `tencent://message/?uin=${qqNumber}&Site=&Menu=yes`;
-}
-//0.添加网站客服 end---------------------------------------->
-
 //获得底部基本信息 start---------------------------------------->
 //1.获得全部友情链接与底部图片
 const bottomLink = ref([])
@@ -77,32 +69,27 @@ const bottomphoto = ref([])
 const bottomMenu = ref([])
 const bottomBase = ref({})
 
-const qq1 = ref("")
-const qq2 = ref("")
-
 async function getModelDataAll() {
-    const mkdata = await requestDataPromise('/web/getWebsiteFootAll', {
+    const mkdata =  await requestDataPromise('/web/getWebsiteFootAll', {
         method: 'GET',
         query: {
-            'link_textnum': 24,
-            'link_imgnum': 18,
-            'link_footnum': 4
+            'link_textnum':24,
+            'link_imgnum':18,
+            'link_footnum':4
         },
     });
-    if (mkdata.code == 200) {
+    if(mkdata.code == 200){
         bottomLink.value = mkdata.data.link_img;
         bottomText.value = mkdata.data.link_text;
         bottomphoto.value = mkdata.data.link_foot;
         bottomMenu.value = mkdata.data.foot_cate;
         bottomBase.value = mkdata.data.foot_info;
-        //获取qq号数字部分
-        qq1.value = bottomBase.value.customer_service_qq.match(/\d+/g);
-        qq2.value = bottomBase.value.communications.match(/\d+/g);
+        
 
-    } else {
+    }else{
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：获取友情链接图片")
-        console.log("后端错误反馈：", mkdata.message)
+        console.log("后端错误反馈：",mkdata.message)
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     }
 }
@@ -111,5 +98,6 @@ getModelDataAll();
 </script>
 
 <style lang="less" scoped>
-@import '@/assets/css/foot.less';
+    @import '@/assets/css/public/footer.less';
+    @import '@/assets/css/public/kefu.less';
 </style>

components/home/foot1.vue

@@ -1,38 +1,38 @@
 <template>
+    <!--注意，foot1与foot的区别就在于，foot1没有友情链接-->
     <div class="call_us_box">
-        <span v-for="(item, index) in bottomMenu" :key="index">
-            <NuxtLink :to="{ path: `/specialList/${item.id}` }" v-if="item.type == 1" :title="item.name">
-                {{ item.name }}
-            </NuxtLink>
-            <NuxtLink :to="{ path: `/about/${item.name_pinyin}/index.html` }" v-if="item.type == 0" :title="item.name">
-                {{ item.name }}
-            </NuxtLink>
-        </span>
+        <div class="inner">
+            <span v-for="(item, index) in bottomMenu" :key="index">
+                <NuxtLink :to="{ path: `/about/${item.name_pinyin}/list-1.html` }" v-if="item.type == 1" :title="item.name">
+                    {{ item.name }}
+                </NuxtLink>
+                <NuxtLink :to="{ path: `/about/${item.name_pinyin}/index.html` }" v-if="item.type == 0" :title="item.name">
+                    {{ item.name }}
+                </NuxtLink>
+            </span>
+        </div>
     </div>
     <footer class="index_foot">
-        <div class="foot_text_box" v-if="bottomBase">
+        <div class="foot_text_box">
             <p v-html="bottomBase.statement" class="foot_text_html_css"></p>
             <p v-html="bottomBase.organizer" class="foot_text_html_css"></p>
             <p v-html="bottomBase.copyright_information" class="foot_text_html_css"></p>
-            <p><span v-html="bottomBase.icp_number" class="foot_text_html_css"></span><span
-                    v-html="bottomBase.record_number" class="foot_text_html_css"></span></p>
+            <p><span v-html="bottomBase.icp_number" class="foot_text_html_css"></span><span v-html="bottomBase.record_number" class="foot_text_html_css"></span></p>
             <p v-html="bottomBase.email" class="foot_text_html_css"></p>
             <p v-html="bottomBase.company_address" class="foot_text_html_css"></p>
             <p v-html="bottomBase.contact_number" class="foot_text_html_css"></p>
         </div>
         <div class="foot_logo_out" v-if="bottomBase">
-            <a :href="'http://' + bottomBase.project_url" :title="bottomBase.project_name"
-                v-if="bottomBase.project_logo != '' && bottomBase.project_url != ''">
+            <a :href="'http://' + bottomBase.project_url" :title="bottomBase.project_name" v-if="bottomBase.project_logo!=''&&bottomBase.project_url!=''">
                 <img :src="bottomBase.project_logo" class="floatLogoRight" :alt="bottomBase.project_name">
             </a>
-            <span v-else-if="bottomBase.project_logo != '' && bottomBase.project_url == ''">
+            <span v-else-if="bottomBase.project_logo!=''&&bottomBase.project_url==''">
                 <img :src="bottomBase.project_logo" class="floatLogoRight" :alt="bottomBase.project_name">
             </span>
-            <a :href="'http://' + bottomBase.company_url" :title="bottomBase.company_name"
-                v-if="bottomBase.company_logo != '' && bottomBase.company_url != ''">
+            <a :href="'http://' + bottomBase.company_url" :title="bottomBase.company_name" v-if="bottomBase.company_logo!=''&&bottomBase.company_url!=''">
                 <img :src="bottomBase.company_logo" class="floatLogoLeft" :alt="bottomBase.company_name">
             </a>
-            <span v-else-if="bottomBase.company_logo != '' && bottomBase.company_url == ''">
+            <span v-else-if="bottomBase.company_logo!=''&&bottomBase.company_url==''">
                 <img :src="bottomBase.company_logo" class="floatLogoLeft" :alt="bottomBase.company_name">
             </span>
         </div>
@@ -43,51 +43,11 @@
         </div>
 
         <!--在线客服-->
-        <!-- <div class="kefu">
-            <div class="kefu_itemKf">
-                <a :href="bottomBase.online_service" target="_blank">
-                    <img src="https://img.bjzxtw.org.cn/pre/public/image/online1.png">
-                    <p>在线客服</p>
-                </a>
-            </div>
-            <div class="kefu_itemQQ">
-                <img src="https://img.bjzxtw.org.cn/pre/public/image/qq1.png">
-                <p>QQ客服</p>
-                <div class="kefu_item_content_QQ">
-                    <div @click="addQQFriend(qq1)" class="qqadd">
-                        <img src="https://img.bjzxtw.org.cn/pre/public/index/tubiao1.png" width="100">
-                        <div class="qqfs">{{ bottomBase.customer_service_qq }}</div>
-                    </div>
-                    <div @click="addQQFriend(qq2)" class="qqadd">
-                        <img src="https://img.bjzxtw.org.cn/pre/public/index/tubiao2.png" width="100">
-                        <div class="qqfs">{{ bottomBase.communications }}</div>
-                    </div>
-                    <div class="arrow"></div>
-                </div>
-            </div>
-            <div class="kefu_itemPhone">
-                <img src="https://img.bjzxtw.org.cn/pre/public/image/dianhua1.png">
-                <p>电话客服</p>
-                <div class="kefu_item_content_phone">
-                    <div class="kefu_item_content_phone_title">联系电话：</div>
-                    <div>{{ bottomBase.customer_service }}</div>
-                    <div class="arrow"></div>
-                </div>
-            </div>
-        </div> -->
+        <HomeKefu :bottomBase="bottomBase" />
     </footer>
-    <HomeKefu :bottomBase="bottomBase" />
 </template>
-
+ 
 <script setup>
-//0.添加网站客服 start---------------------------------------->
-//添加网站客服
-function addQQFriend(qqNumber) {
-    // 使用tencent协议唤起QQ客户端并添加好友
-    window.location.href = `tencent://message/?uin=${qqNumber}&Site=&Menu=yes`;
-}
-//0.添加网站客服 end---------------------------------------->
-
 //获得底部基本信息 start---------------------------------------->
 //1.获得全部友情链接与底部图片
 const bottomLink = ref([])
@@ -96,32 +56,27 @@ const bottomphoto = ref([])
 const bottomMenu = ref([])
 const bottomBase = ref({})
 
-const qq1 = ref("")
-const qq2 = ref("")
-
 async function getModelDataAll() {
-    const mkdata = await requestDataPromise('/web/getWebsiteFootAll', {
+    const mkdata =  await requestDataPromise('/web/getWebsiteFootAll', {
         method: 'GET',
         query: {
-            'link_textnum': 8,
-            'link_imgnum': 12,
-            'link_footnum': 4
+            'link_textnum':8,
+            'link_imgnum':12,
+            'link_footnum':4
         },
     });
-    if (mkdata.code == 200) {
+    if(mkdata.code == 200){
         bottomLink.value = mkdata.data.link_img;
         bottomText.value = mkdata.data.link_text;
         bottomphoto.value = mkdata.data.link_foot;
         bottomMenu.value = mkdata.data.foot_cate;
         bottomBase.value = mkdata.data.foot_info;
-        //获取qq号数字部分
-        qq1.value = bottomBase.value.customer_service_qq.match(/\d+/g);
-        qq2.value = bottomBase.value.communications.match(/\d+/g);
+        
 
-    } else {
+    }else{
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：获取友情链接图片")
-        console.log("后端错误反馈：", mkdata.message)
+        console.log("后端错误反馈：",mkdata.message)
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     }
 }
@@ -130,5 +85,6 @@ getModelDataAll();
 </script>
 
 <style lang="less" scoped>
-@import '@/assets/css/foot.less';
+    @import '@/assets/css/public/footer.less';
+    @import '@/assets/css/public/kefu.less';
 </style>

components/home/kefu.vue

@@ -11,45 +11,45 @@
       <img src="https://img.bjzxtw.org.cn/pre/public/image/qq1.png">
       <p>QQ客服</p>
       <div class="kefu_item_content_QQ">
-          <div @click="addQQFriend(bottomBase.customer_service_qq)" class="qqadd">
-              <img :src="bottomBase.service_qq_img" width="100" v-if="bottomBase.service_qq_img">
-              <div class="qqfs">{{bottomBase.customer_service_qq}}</div>
-          </div>
-          <div @click="addQQFriend(bottomBase.communications)" class="qqadd">
-              <img :src="bottomBase.communications_img" width="100" v-if="bottomBase.communications_img">
-              <div class="qqfs">{{bottomBase.communications}}</div>
-          </div>
-          <div class="arrow"></div>
+        <div @click="addQQFriend(bottomBase.customer_service_qq)" class="qqadd">
+          <img :src="bottomBase.service_qq_img" width="100" v-if="bottomBase.service_qq_img">
+          <div class="qqfs">{{ bottomBase.customer_service_qq }}</div>
+        </div>
+        <div @click="addQQFriend(bottomBase.communications)" class="qqadd">
+          <img :src="bottomBase.communications_img" width="100" v-if="bottomBase.communications_img">
+          <div class="qqfs">{{ bottomBase.communications }}</div>
+        </div>
+        <div class="arrow"></div>
       </div>
     </div>
     <div class="kefu_itemPhone">
       <img src="https://img.bjzxtw.org.cn/pre/public/image/dianhua1.png">
       <p>电话客服</p>
       <div class="kefu_item_content_phone">
-          <div class="kefu_item_content_phone_title">联系电话：</div>
-          <div>{{bottomBase.customer_service}}</div>
-          <div class="arrow"></div>
+        <div class="kefu_item_content_phone_title">联系电话：</div>
+        <div>{{ bottomBase.customer_service }}</div>
+        <div class="arrow"></div>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
-  const props = defineProps({
-    bottomBase: {
-      type: Object,
-      required: true
-    }
-  })
-
-  //添加网站客服
-  function addQQFriend(qqNumber) {
-    let qq = qqNumber.match(/\d+/g);
-    // 使用tencent协议唤起QQ客户端并添加好友
-    window.location.href = `tencent://message/?uin=${qq}&Site=&Menu=yes`;
+const props = defineProps({
+  bottomBase: {
+    type: Object,
+    required: true
   }
+})
+
+//添加网站客服
+function addQQFriend(qqNumber) {
+  let qq = qqNumber.match(/\d+/g);
+  // 使用tencent协议唤起QQ客户端并添加好友
+  window.location.href = `tencent://message/?uin=${qq}&Site=&Menu=yes`;
+}
 </script>
 
 <style lang="less" scoped>
-  @import url('@/assets/css/public/kefu.less');
+@import url('@/assets/css/public/kefu.less');
 </style>

components/home/pageHead.vue

@@ -4,9 +4,9 @@
             <div class="inner">
                 <div class="left">
                     <span class="znxy">
-                        <a href="http://znxyw.org.cn/" target="_blank">中农兴业网团</a>
+                        <a href="http://znxyw.org.cn/" target="_blank">中农兴业网团 {{ templateBaseStore.webSiteName }}</a>
                     </span>
-                    <span>旗下网站 · 政府类农业百强网站!</span>
+                    <span>旗下网站 · 农业百强网站（科教文化类十强）</span>
                 </div>
                 <div class="right">
                     <div class="menu">
@@ -66,6 +66,11 @@
 </template>
 
 <script setup>
+import { useTemplateBaseStore } from '@/stores/templateBase'
+const templateBaseStore = useTemplateBaseStore()
+console.log(123456)
+console.log(templateBaseStore.webSiteName)
+
 //1.加载基本依赖 start ---------------------------------------->
 import { ref, watch, onMounted } from 'vue'
 import { ElDialog } from 'element-plus'
@@ -172,7 +177,6 @@ const handleClickOutside = (event) => {
 //3.跳转菜单逻辑 start ---------------------------------------->
 let gotosystem = () => {
     let url = $BwebUrl + '/#/login?userurl=' + $CwebUrl;
-    isShow.value = false
     //window.location.href = url; 
     window.open(url, '_blank');
 }
@@ -180,7 +184,7 @@ let gotosystem = () => {
 //点击退出按钮
 let exit = () => {
     window.location.href = $CwebUrl;
-    isShow.value = false
+
     isDel.value = 1
     token1.value = getToken()
 
@@ -245,8 +249,13 @@ let getLogo = async () => {
         method: 'GET',
         query: {},
     });
-    logo.value = responseStatus.data.logo;
-    webSiteName.value = responseStatus.data.website_name;
+    if (responseStatus.code == 200) {
+        logo.value = responseStatus.data.logo;
+        webSiteName.value = responseStatus.data.website_name;
+        templateBaseStore.setWebSiteName(responseStatus.data.website_name)
+    } else if (responseStatus.code == 0) {
+        window.location.href = $CwebUrl + '/404';
+    }
 }
 getLogo();
 //3.跳转菜单逻辑 end ---------------------------------------->
@@ -323,7 +332,7 @@ onMounted(async () => {
     //从客户端获取行政职能部门 加快打开速度
     const { $webUrl, $CwebUrl } = useNuxtApp();
     //广告1
-    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_top`
+    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_top`
     const responseAd1 = await fetch(url, {
         headers: {
             'Content-Type': 'application/json',
@@ -352,273 +361,5 @@ onMounted(async () => {
 </script>
 
 <style lang="less" scoped>
-.userInfo11 {
-    width: 100px;
-    height: 80px;
-    background-color: #fff;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-    border-radius: 3px;
-    position: absolute;
-    top: 40px;
-    right: 35px;
-    font-size: 14px;
-    z-index: 999;
-
-    li {
-        height: 40px;
-        line-height: 40px;
-        color: #333333;
-        padding-left: 10px;
-    }
-
-    >li:hover {
-        color: #028E21;
-    }
-}
-
-.tips {
-    padding: 20px 0;
-    text-align: center;
-    font-size: 20px;
-    color: #333333;
-    font-weight: bold;
-
-    img {
-        width: 78px;
-        height: 78px;
-        vertical-align: middle;
-        margin-right: 20px;
-
-        p {
-            line-height: 30px;
-        }
-    }
-
-    p {
-        line-height: 40px;
-    }
-
-    >p:first-child {
-        margin-bottom: 30px;
-    }
-
-}
-
-/* 页面头部 */
-header {
-    width: 100%;
-    height: 180px;
-    font-size: 12px;
-    font-family: PingFang SC-Regular;
-    color: #666666;
-    background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/head/headtopbg.png") repeat-x;
-}
-
-.headerNav {
-    width: 100%;
-    height: 33px;
-    line-height: 33px;
-}
-
-.headerNav .left span {
-    margin-right: 20px;
-
-    a {
-        color: #666666;
-    }
-}
-
-.headerNav .right {
-    display: flex;
-    margin-right: 10px;
-    position: relative;
-
-    button {
-        font-size: 12px;
-        color: #666666;
-        border: none;
-        background: none;
-        cursor: pointer;
-    }
-
-    .login {
-        width: 36px;
-        height: 19px;
-        color: #fff;
-        border-radius: 4px;
-        background-color: #028E21;
-        margin-right: 15px;
-        cursor: pointer;
-    }
-
-    .menu,
-    .right-top-menu {
-        display: flex;
-    }
-
-    .reg {
-        margin-right: 20px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        height: 33px;
-
-        img {
-            margin-right: 5px;
-        }
-    }
-}
-
-.headerNav .right {
-    float: right;
-    font-size: 12px;
-
-    span {
-        margin-right: 20px;
-    }
-
-    .home,
-    .collection {
-        display: inline-block;
-        width: 16px;
-        height: 16px;
-        vertical-align: -3px;
-    }
-
-    .home {
-        background-image: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png");
-    }
-
-    .collection {
-        background-image: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png");
-    }
-
-    .exit {
-        line-height: 30px;
-    }
-
-    // .exit:hover{
-    //     color: #028E21;
-    // }
-}
-
-/* // 头部logo */
-.headerLogo {
-    height: 145px;
-    position: relative;
-
-    //background: url("../../public/head/topBg.png") no-repeat center;
-    .titlead {
-        position: absolute;
-        bottom: 14px;
-        right: 26px;
-        width: 830px;
-        height: 110px;
-        overflow: hidden;
-
-        a {
-            display: block;
-            width: 830px;
-            height: 110px;
-            overflow: hidden;
-        }
-
-        img {
-            width: 100%;
-            height: 110px;
-        }
-    }
-
-    .inner {
-        position: relative;
-        height: 145px;
-    }
-
-    .inner>img {
-        width: 297px;
-        height: 110px;
-        margin-top: 20px;
-        cursor: pointer;
-    }
-
-    /* // 搜索框部分 */
-    .search {
-        float: left;
-        width: 440px;
-        height: 40px;
-        background-color: #fff;
-        line-height: 40px;
-        margin-left: 39px;
-        margin: 71px 39px 48px;
-        position: relative;
-
-        em {
-            display: inline-block;
-            width: 30px;
-            height: 30px;
-            background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png") no-repeat;
-            position: absolute;
-            top: 5px;
-            left: 15px;
-        }
-
-        input {
-            float: left;
-            width: 351px;
-            height: 40px;
-            border: none;
-            outline: none;
-            padding-left: 65px;
-            box-sizing: border-box;
-            border: 1px solid #028E21;
-            border-right: none;
-            border-radius: 4px 0px 0px 4px;
-        }
-
-        button {
-            float: right;
-            width: 89px;
-            height: 40px;
-            background-color: #028E21;
-            border-radius: 0px 4px 4px 0px;
-            border: none;
-            font-size: 14px;
-            color: #fff;
-            font-family: PingFang SC, PingFang SC;
-            font-weight: 500;
-        }
-
-    }
-
-    /* // 右侧小图标 */
-    .serve {
-        float: right;
-        height: 60px;
-        margin-top: 60px;
-        margin-right: 60px;
-
-        >li {
-            float: left;
-            height: 64px;
-            margin-left: 48px;
-        }
-
-        >li>a {
-            display: inline-block;
-            height: 64px;
-        }
-
-        >li img {
-            width: 29px;
-            height: 29px;
-            padding: 8px 14px;
-        }
-
-        >li p {
-            height: 28px;
-            text-align: center;
-            color: #666666;
-        }
-    }
-}
+@import url('@/assets/css/public/head.less');
 </style>

components/home/pageNavigation.vue

@@ -3,417 +3,113 @@
     <div class="navigate">
         <div class="partOne">
             <div class="inner">
-                <!-- 导航一 -->
-                <div class="navLeft">
-                    <div class="navIndex">
-                        <NuxtLink to="/" title="首页">
-                            首页
-                        </NuxtLink>
-                    </div>
-                    <div class="navClass">
-                        <div>乡村资讯</div>
-                        <div>社会资讯</div>
-                    </div>
+                <div class="home">
+                    <em></em>
+                    <NuxtLink :to="'/'">首页</NuxtLink>
                 </div>
-                <ul class="navigationOne">
-                    <li v-for="(item, index) in navigation1" :key="index">
-                        <NuxtLink :to="getLinkPath(item)" :target="item.is_url == 1 ? '_blank' : '_self'">
-                            <span>{{ item.alias }}{{ item.children_count }}</span>
+                <ul class="partOneTitle">
+                    <li class="titleList1">
+                        深度服务
+                    </li>
+                    <li class="titleList111" v-for="(item, index) in navigation1" :key="index">
+                        <NuxtLink :href="getLinkPath(item)" :title="item.alias"
+                            :target="item.is_url == 1 ? '_blank' : '_self'">
+                            {{ item.alias }}
                         </NuxtLink>
                     </li>
                 </ul>
-                <div class="navRight">
-                    <div class="nav111" v-for="(item, index) in navigation2" :key="index">
-                        <NuxtLink :to="getLinkPath(item)" :target="item.is_url == 1 ? '_blank' : '_self'">
-                            <span>{{ item.alias }}</span>
-                        </NuxtLink>
-                    </div>
-                </div>
             </div>
         </div>
         <div class="partTwo">
             <div class="inner">
-                <h3>
-                    深度服务
-                </h3>
-                <ul class="partTwoTitle">
-                    <li class="titleList" v-for="(item, index) in navigation3" :key="index">
-                        <NuxtLink :to="getLinkPath(item)" :target="item.is_url == 1 ? '_blank' : '_self'">
-                            <span>{{ item.alias }}</span>
-                        </NuxtLink>
-                    </li>
-                </ul>
-                <div class="searchBox">
-                    <input v-model="keywords" type="text" placeholder="请输入关键词" @keydown.enter="goToSearch">
-                    <img src="../../public/image/search.png" @keydown.enter="goToSearch" @click="goSearch">
+                <div class="navleft">
+                    <div> 互动版块 </div>
+                    <div> 推荐版块 </div>
                 </div>
-            </div>
-        </div>
-        <div class="littleNav">
-            <div class="inner">
-                <img src="../../public/index/hdpt.png" alt="">
-                <ul class="leftPart">
-                    <li class="navList" v-for="item in navigation4" :key="index">
-                        <NuxtLink :to="getLinkPath(item)" :target="item.is_url == 1 ? '_blank' : '_self'">
-                            <span>{{ item.alias }}</span>
+                <ul class="navlist">
+                    <li class="navListItem" v-for="(item, index) in navigation2" :key="index">
+                        <NuxtLink :href="getLinkPath(item)" :title="item.alias"
+                            :target="item.is_url == 1 ? '_blank' : '_self'">
+                            {{ item.alias }}
                         </NuxtLink>
                     </li>
                 </ul>
-                <ul class="rightPart">
-                    <li class="navList" v-for="item in navigation4data2" :key="index">
-                        <NuxtLink :to="getLinkPath(item)" :target="item.is_url == 1 ? '_blank' : '_self'">
-                            <span>{{ item.alias }}</span>
+                <div class="navright">
+                    <div class="nav111" v-for="(item, index) in navigation3" :key="index">
+                        <NuxtLink :href="getLinkPath(item)" :title="item.alias"
+                            :target="item.is_url == 1 ? '_blank' : '_self'">
+                            {{ item.alias }}
                         </NuxtLink>
-                    </li>
-                </ul>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
 </template>
 
 <script setup>
-//1.加载依赖 start ---------------------------------------->
-
-//1.加载依赖 end ---------------------------------------->
-
-//2.页面公用方法 start ---------------------------------------->
-
-//搜索跳转
-//点击搜索按钮
-let goSearch = () => {
-    const route = `/search/search?keyword=${keywords.value}`;
-    window.location.href = route;
-}
-//2.页面公用方法 end ---------------------------------------->
-
-//3.获取导航菜单 start ---------------------------------------->
+//1.获取导航菜单 start ---------------------------------------->
+//第一行导航菜单 10个
 const navigation1 = ref([]);
-//2是那个独立的2个
+//两行的导航菜单 20个 
 const navigation2 = ref([]);
+//边边上的导航菜单 2个
 const navigation3 = ref([]);
-//下面一行是2边分开的 一边5个
-const navigation4 = ref([]);
-const navigation4data2 = ref([]);
-
-//获取导航菜单1
+//获取导航菜单1 
 async function getNavigation1() {
     const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
         method: 'GET',
         query: {
             'pid': 0,
-            'num': 20,
+            'num': 10,
             'placeid': 1
         },
     });
     navigation1.value = mkdata.data;
 }
 getNavigation1();
-
 //获取导航菜单2
 async function getNavigation2() {
     const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
         method: 'GET',
         query: {
             'pid': 0,
-            'num': 2,
-            'placeid': 21
+            'num': 20,
+            'placeid': 11
         },
     });
     navigation2.value = mkdata.data;
 }
 getNavigation2();
-
-
-
-
-//获取导航菜单4
-async function getNavigation4() {
-    const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
-        method: 'GET',
-        query: {
-            'pid': 0,
-            'num': 10,
-            'placeid': 23
-        },
-    });
-    for (let i in mkdata.data) {
-        if (i < 5) {
-            navigation4.value.push(mkdata.data[i]);
-        } else {
-            navigation4data2.value.push(mkdata.data[i]);
-        }
-    }
-    //navigation4.value = mkdata.data;
-    //navigation4data2.value = mkdata.data;
-}
-getNavigation4();
-
 //获取导航菜单3
 async function getNavigation3() {
     const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
         method: 'GET',
         query: {
             'pid': 0,
-            'num': 6,
-            'placeid': 33
+            'num': 2,
+            'placeid': 31
         },
     });
     navigation3.value = mkdata.data;
 }
 getNavigation3();
-//3.获取导航菜单 end ---------------------------------------->
-
-//4.跳转到搜索页面 start ---------------------------------------->
-const keywords = ref("")
-let goToSearch = () => {
-    const route = "/search/search?keyword=" + keywords.value;
-    window.open(route, '_blank');
+//1.获取导航菜单 end ---------------------------------------->
+
+//格式化跳转路径
+const getLinkPath = (item) => {
+    if (item.is_url == 1) {
+        return `${item.web_url}`;
+    } else if (item.children_count == 0) {
+        //return `/newsList/${item.category_id}?page=1`;
+        return `/${item.aLIas_pinyin}/list-1.html`;
+    } else {
+        //return `/primaryNavigation/${item.aLIas_pinyin}/`;
+        return `/${item.aLIas_pinyin}/index.html`;
+    }
 }
-//4.跳转到搜索页面 end ---------------------------------------->
 </script>
 
 <style lang="less" scoped>
-// 导航部分
-.partOne .navigationOne,
-.partOne .navigationOne>li {
-    float: left;
-}
-
-.partOne {
-    width: 100%;
-    height: 133px;
-    // margin-bottom: 10px;
-    background-color: #a01c0e;
-    font-size: 20px;
-    font-family: PingFang SC-Semibold;
-
-    .inner {
-        display: flex;
-        justify-content: space-between;
-
-        .navLeft {
-            width: 160px;
-            font-size: 16px;
-            display: flex;
-
-        }
-
-        .navIndex {
-            height: 100px;
-            line-height: 130px;
-
-            a {
-                font-weight: bold;
-                font-size: 16px;
-                color: #F8ECD2;
-            }
-        }
-
-        .navClass {
-            padding-top: 35px;
-            padding-left: 30px;
-            font-weight: bold;
-            color: #F8ECD2;
-
-            div:nth-child(2) {
-                padding-top: 17px;
-            }
-        }
-    }
-
-    .navigationOne {
-        width: 1200px;
-        color: #333;
-        display: flex;
-        flex-wrap: wrap;
-        padding-top: 24px;
-
-        li {
-            width: 74px;
-            font-family: PingFang SC;
-            height: 42px;
-            line-height: 42px;
-            //font-weight: 600;
-            font-size: 16px;
-            text-align: left;
-            font-style: normal;
-            text-transform: none;
-            margin: 0 10px;
-            text-align: center;
-
-            a {
-                font-weight: 400;
-                font-size: 16px;
-                color: #FFFFFF;
-                display: block;
-            }
-        }
-
-        >li:hover a {
-            color: #F8ECD2;
-        }
-
-        .active {
-            color: #F8ECD2;
-        }
-    }
-
-    .navRight {
-        width: 135px;
-        height: 75px;
-        font-size: 16px;
-        margin-top: 30px;
-        background: url(https://img.bjzxtw.org.cn/master/www/xcw/nav_bg.png) no-repeat;
-
-        .nav111 {
-            width: 98px;
-            height: 30px;
-            line-height: 44px;
-            text-align: center;
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: bold;
-            font-size: 16px;
-
-            a {
-                font-weight: bold;
-                background: linear-gradient(to bottom, #FFF6B1 0%, #F5BC38 100%);
-                -webkit-background-clip: text;
-                color: transparent;
-            }
-
-        }
-    }
-
-}
-
-.partTwo {
-    width: 100%;
-    height: 60px;
-    line-height: 60px;
-    // border-bottom: 1px solid #e3e3e3;
-    background-color: #fafafa;
-
-    .inner {
-        width: 1200px;
-        height: 57px;
-        display: flex;
-        // justify-content: space-between;
-
-        h3 {
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: bold;
-            font-size: 16px;
-            padding-left: 60px;
-
-            a {
-                color: #333333;
-            }
-        }
-
-        .partTwoTitle {
-            display: flex;
-            justify-content: flex-start;
-            width: 633px;
-            padding-left: 30px;
-            padding-right: 30px;
-
-            .titleList {
-                font-size: 16px;
-                font-family: PingFang SC, PingFang SC;
-                font-weight: 400;
-                margin-right: 25px;
-
-                a {
-                    color: #333333;
-                }
-            }
-
-            .titleList:hover a {
-                color: #A01C0E;
-            }
-        }
-
-        .searchBox {
-            width: 356px;
-            height: 40px;
-            line-height: 40px;
-            background-color: #fff;
-            margin-top: 10px;
-            border-radius: 25px;
-            border: 1px solid #ededed;
-
-            input {
-                width: 285px;
-                height: 35px;
-                line-height: 35px;
-                margin-left: 20px;
-                border: none;
-                outline: none;
-            }
-
-            img {
-                width: 32px;
-                height: 32px;
-                vertical-align: middle;
-                cursor: pointer;
-            }
-
-        }
-    }
-}
-
-//小导航
-.littleNav {
-    width: 100%;
-    height: 88px;
-    margin-top: 15px;
-
-    .inner {
-        width: 1200px;
-        height: 88px;
-        line-height: 88px;
-        margin: 0 auto;
-        display: flex;
-        border: 1px solid #D3D5D8;
-        background-color: #fafafa;
-
-        img {
-            width: 138px;
-            height: 28px;
-            margin-top: 30px;
-            margin-left: 25px;
-        }
-
-        .leftPart {
-            margin-left: 40px;
-            margin-right: 10px;
-        }
-
-        .leftPart,
-        .rightPart {
-            width: 470px;
-            height: 78px;
-            margin-top: 5px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 0 10px;
-            border-bottom: 3px solid #A01C0E;
-
-            .navList {
-                a {
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: bold;
-                    font-size: 16px;
-                    color: #333333;
-                    line-height: 19px;
-                }
-            }
-
-            .navList:hover a {
-                color: #A01C0E;
-            }
-        }
-    }
-}
+@import url('@/assets/css/public/nav.less');
 </style>

components/home/pageNavigation1.vue

@@ -0,0 +1,113 @@
+<template>
+    <!-- 导航 -->
+    <div class="navigate">
+        <div class="partOne">
+            <div class="inner">
+                <div class="home">
+                    <em></em>
+                    <NuxtLink :to="'/'">首页</NuxtLink> 
+                </div>
+                <ul class="partOneTitle">
+                    <li class="titleList1">
+                        <NuxtLink to="/">深度服务</NuxtLink>
+                    </li>
+                    <li class="titleList111" v-for="(item, index) in navigation1" :key="index">
+                        <NuxtLink :href="getLinkPath(item)" :title="item.alias" :target="item.is_url == 1 ? '_blank' : '_self'">
+                            {{ item.alias }}
+                        </NuxtLink>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="partTwo">
+            <div class="inner">
+                <div class="navleft">
+                    <div> 互动版块 </div>
+                    <div> 推荐版块 </div>
+                </div>
+                <ul class="navlist">
+                    <li class="navListItem" v-for="(item,index) in navigation2" :key="index">
+                        <NuxtLink :href="getLinkPath(item)" :title="item.alias" :target="item.is_url == 1 ? '_blank' : '_self'">
+                            {{ item.alias }}
+                        </NuxtLink>
+                    </li>
+                </ul>
+                <div class="navright">
+                    <div class="nav111" v-for="(item, index) in navigation3" :key="index">
+                        <NuxtLink :href="getLinkPath(item)" :title="item.alias"
+                            :target="item.is_url == 1 ? '_blank' : '_self'">
+                            {{ item.alias }}
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//1.获取导航菜单 start ---------------------------------------->
+//第一行导航菜单 10个
+const navigation1 = ref([]);
+//两行的导航菜单 20个 
+const navigation2 = ref([]);
+//边边上的导航菜单 2个
+const navigation3 = ref([]);
+//获取导航菜单1 
+async function getNavigation1() {
+    const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
+        method: 'GET',
+        query: {
+            'pid': 0,
+            'num': 10,
+            'placeid': 1
+        },
+    });
+    navigation1.value = mkdata.data;
+}
+getNavigation1();
+//获取导航菜单2
+async function getNavigation2() {
+    const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
+        method: 'GET',
+        query: {
+            'pid': 0,
+            'num': 20,
+            'placeid': 11
+        },
+    });
+    navigation2.value = mkdata.data;
+}
+getNavigation2();
+//获取导航菜单3
+async function getNavigation3() {
+    const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
+        method: 'GET',
+        query: {
+            'pid': 0,
+            'num': 2,
+            'placeid': 31
+        },
+    });
+    navigation3.value = mkdata.data;
+}
+getNavigation3();
+//1.获取导航菜单 end ---------------------------------------->
+
+//格式化跳转路径
+const getLinkPath = (item) => {
+    if(item.is_url==1){
+        return `${item.web_url}`;
+    }else if(item.children_count == 0){
+        //return `/newsList/${item.category_id}?page=1`;
+        return `/${item.aLIas_pinyin}/list-1.html`;
+    }else{
+        //return `/primaryNavigation/${item.aLIas_pinyin}/`;
+        return `/${item.aLIas_pinyin}/index.html`;
+    }
+}
+</script>
+
+<style lang="less" scoped>
+    @import url('@/assets/css/public/nav.less');
+</style>

components/home/topTenTitle.vue

@@ -1,25 +0,0 @@
-<template>
-    <div class="topTenTitle">
-        <div class="inner">
-            <img src="../../public/index/banner.png" alt="">
-        </div>
-    </div>
-</template>
-
-<script setup>
-    // defineProps(['logoSrc'])
-</script>
-
-<style lang="less" scoped>
-// 十强称号logo
-.topTenTitle {
-    width: 100%;
-    height: 90px;
-    margin: 20px 0;
-
-    img {
-        width: 1200px;
-        height: 90px;
-    }
-}
-</style>

components/public/breadcrumb.vue

@@ -1,208 +0,0 @@
-<template>
-    <div class="breadcrumb">
-        <div class="crumbBox">
-            <span class="location">当前位置:</span>
-            <!--列表页-->
-            <!--一级 这种情况实际没有意义-->
-            <div v-if="routeLayer.routeType == 'list' && routeLayer.dirNum == 1" class="crumbItem">
-                <NuxtLink to="/">首页</NuxtLink>
-                <span>&gt;</span>
-                <span>{{name1}}</span>
-            </div>
-            <!--二级-->
-            <div v-if="routeLayer.routeType == 'list' && routeLayer.dirNum == 2" class="crumbItem">
-                <NuxtLink to="/">首页</NuxtLink>
-                <span>&gt;</span>
-                <NuxtLink :to="`/${targetSegment1}/list-1.html`">
-                    {{name1}}
-                </NuxtLink>
-                <span>&gt;</span>
-                <span>{{name2}}</span>
-            </div>
-            <!--三级-->
-            <div v-if="routeLayer.routeType == 'list' && routeLayer.dirNum == 3" class="crumbItem">
-                <NuxtLink to="/">首页</NuxtLink>
-                <span>&gt;</span>
-                <!--通常来说能进入第三级的列表，第一级一定是频道页-->
-                <NuxtLink :to="`/${targetSegment1}/index.html`">
-                    {{name1}}
-                </NuxtLink>
-                <span>&gt;</span>
-                <NuxtLink :to="`/${targetSegment2}/list-1.html`">
-                    {{name2}}
-                </NuxtLink>
-                <span>&gt;</span>
-                <span>{{name3}}</span>
-            </div>
-            <!--详情页 此时页面详情的名字需要靠外部传进来-->
-            <!--一级-->
-            <div v-if="routeLayer.routeType == 'id' && routeLayer.dirNum == 1" class="crumbItem">
-                <NuxtLink to="/">首页</NuxtLink>
-                <span>&gt;</span>
-                <NuxtLink :to="`/${targetSegment1}/list-1.html`" v-if="targetChildren1 == 0">
-                    {{name1}}
-                </NuxtLink>
-                <NuxtLink :to="`/${targetSegment1}/index.html`" v-else>
-                    {{name1}}
-                </NuxtLink>
-                <span>&gt;</span>
-                <span>{{articleName}}</span>
-            </div>
-            <!--二级-->
-            <div v-if="routeLayer.routeType == 'id' && routeLayer.dirNum == 2" class="crumbItem">
-                <NuxtLink to="/">首页</NuxtLink>
-                <span>&gt;</span>
-                <NuxtLink :to="`/${targetSegment1}/list-1.html`" v-if="targetChildren1 == 0">
-                    {{name1}}
-                </NuxtLink>
-                <NuxtLink :to="`/${targetSegment1}/index.html`" v-else>
-                    {{name1}}
-                </NuxtLink>
-                <span>&gt;</span>
-                <NuxtLink :to="`/${targetSegment2}/list-1.html`">
-                    {{name2}}
-                </NuxtLink>
-                <span>&gt;</span>
-                <span>{{articleName}}</span>
-            </div>
-            <!--三级-->
-            <div v-if="routeLayer.routeType == 'id' && routeLayer.dirNum == 3" class="crumbItem">
-                <NuxtLink to="/">首页</NuxtLink>
-                <span>&gt;</span>
-                <NuxtLink :to="`/${targetSegment1}/list-1.html`" v-if="targetChildren1 == 0">
-                    {{name1}}
-                </NuxtLink>
-                <NuxtLink :to="`/${targetSegment1}/index.html`" v-else>
-                    {{name1}}
-                </NuxtLink>
-                <span>&gt;</span>
-                <NuxtLink :to="`/${targetSegment2}/list-1.html`">
-                    {{name2}}
-                </NuxtLink>
-                <span>&gt;</span>
-                <NuxtLink :to="`/${targetSegment3}/list-1.html`">
-                    {{name3}}
-                </NuxtLink>
-                <span>&gt;</span>
-                <span>{{articleName}}</span>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup>
-//引入element-plus组件
-// import { ElBreadcrumb, ElBreadcrumbItem } from 'element-plus'
-// //引入mounted
-// import { onMounted } from 'vue';
-
-const props = defineProps({
-    articleName: {
-        type: String,
-        default: ''
-    }
-})
-
-//1.获得路由类型和深度 start ---------------------------------------->
-const route = useRoute();
-
-function parseRouteName(routeName) {
-  const parts = routeName.split('-');
-  const dirNum = parts.filter(part => part === 'dir').length;
-  const routeType = parts.includes('list') ? 'list' : 'id';
-
-  return {
-    dirNum,
-    routeType
-  };
-}
-//获得路由深度和类型 routeLayer.dirNum = 层级 routeLayer.routeType = 类型 list列表页 id详情页
-let routeLayer = parseRouteName(route.name)
-//1.获得路由类型和深度 end ---------------------------------------->
-
-//2.开始获得面包屑路径 start ---------------------------------------->
-//第一级导航
-const name1 = ref(''); 
-const targetChildren1 = ref(0);//子级数量
-const targetSegment1 = getRoutePath(1);
-//第二级导航
-const name2 = ref('');
-const targetChildren2 = ref(0);//子级数量
-const targetSegment2 = getRoutePath(2);
-//第三级导航 - 理论最大为三级
-const name3 = ref(''); 
-const targetChildren3 = ref(0);//子级数量
-const targetSegment3 = getRoutePath(3);
-
-if(routeLayer.dirNum == 1){
-    //通过导航路径反向查询导航id
-    const getRouteId1 = await requestDataPromise('/web/getWebsiteRoute', {
-        method: 'GET',
-        query: {
-            'pinyin': targetSegment1,
-        },
-    });
-    if(getRouteId1.code == 200){
-        name1.value = getRouteId1.data.alias;
-        targetChildren1.value = getRouteId1.data.children_count;
-    }
-}
-if(routeLayer.dirNum == 2){
-    //通过导航路径反向查询导航id
-    const getRouteId2 = await requestDataPromise('/web/getWebsiteRoute', {
-        method: 'GET',
-        query: {
-            'pinyin': targetSegment2,
-        },
-    });
-    if(getRouteId2.code == 200){
-        name2.value = getRouteId2.data.alias;
-        targetChildren2.value = getRouteId2.data.children_count;
-    }
-}
-if(routeLayer.dirNum == 3){
-    //通过导航路径反向查询导航id
-    const getRouteId3 = await requestDataPromise('/web/getWebsiteRoute', {
-        method: 'GET',
-        query: {
-            'pinyin': targetSegment3,
-        },
-    });
-    if(getRouteId3.code == 200){
-        name3.value = getRouteId3.data.alias;
-        targetChildren3.value = getRouteId3.data.children_count;
-    }
-}
-//2.开始获得面包屑路径 end ---------------------------------------->
-</script>
-
-<style lang="less" scoped>
-//导航条
-.breadcrumb {
-    width: 1200px;
-    margin: 0 auto;
-    height: 22px;
-    margin-bottom: 30px;
-    margin-top: 40px;
-    font-size: 20px;
-    color: #666;
-    line-height: 23px;
-    .crumbBox {
-        display: flex;
-        align-items: center;
-        .crumbItem {
-            a,span {
-                color: #666;
-                margin-right: 10px;
-            }
-        }
-        .location {
-            margin-right: 20px;
-            height: 22px;
-            font-size: 20px;
-            color: #666;
-            line-height: 23px;
-        }
-    }
-}
-</style>

components/shop/HotNews.vue

@@ -1,260 +0,0 @@
-<template>
-    <!-- 点击排行 -->
-    <div class="categ_3_index clearfix">
-        <div class="shop_name_box">
-            <div class="shop_name">
-                <span class="shop_name_box_a">点击排行</span>
-            </div>
-            <div class="shop_name_right"></div>
-        </div>
-        <div class="categ_ul_img_1">
-            <div class="categ_li_img_1" v-for="item in pageData1">
-                <NuxtLink
-                    :to="getShopPathDetail1(item)"
-                    class="categ_li_img_1_a"
-                    :title="item.name"
-                >
-                    <img class="categ_li_img_1_img" :src="item.imgurl" alt="item.name">
-                    <div class="categ_li_img_1_dot2 dot2">
-                        {{ item.name }}
-                    </div>
-                </NuxtLink>
-            </div>
-        </div>
-    </div>
-    <!-- 点击排行 -->
-    <!-- 最新商机 -->
-    <div class="categ_5_index clearfix">
-        <div class="shop_name_box">
-            <div class="shop_name">
-                <span class="shop_name_box_a">最新商机</span>
-            </div>
-            <div class="shop_name_right"></div>
-        </div>
-        <div class="categ_ul_img_2">
-            <div class="categ_li_img_2" v-for="item in pageData2">
-                <NuxtLink
-                    :to="getShopPathDetail1(item)"
-                    class="categ_li_img_2_a"
-                    :title="item.name"
-                >
-                    <img class="categ_li_img_2_img" :src="item.imgurl" alt="item.name">
-                    <div class="categ_li_img_2_dot2 dot2">
-                        {{ item.name }}
-                    </div>
-                </NuxtLink>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup>
-//1.获得模块数据 start ---------------------------------------->
-const pageData1 = ref([])//点击排行
-const pageData2 = ref([])//最新商机
-//创建请求数据json
-let getJson = [
-    {"level":"3,0,6"},//点击排行
-    {"level":"4,0,6"},//最新商机
-]
-let jsonString = JSON.stringify(getJson)
-//获取所有数据
-async function getPageAllData() {
-    const mkdata = await requestDataPromise('/web/getWebsiteshop', {
-        method: 'GET',
-        query: {
-            'catid': 346,
-            'id': jsonString,
-        },
-    });
-    if (mkdata.code == 200) {
-        //最新数据2
-        pageData1.value = mkdata.data.goods[0];
-        //供应商品
-        pageData2.value = mkdata.data.goods[1];
-    } else {
-        ElMessage.error(mkdata.message)
-    }
-}
-getPageAllData();
-</script>
-
-<style lang="less" scoped>
-.dot2 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-}
-.categ_3_index {
-    margin-top: 28px;
-}
-.clearfix {
-    overflow: hidden;
-}
-.shop_name {
-    float: left;
-    height: 44px;
-    line-height: 44px;
-    color: #fff;
-    font-weight: bold;
-    position: relative;
-    z-index: 11;
-    text-align: center;
-    font-size: 20px;
-    background: #A01C0E;
-    padding: 0px 14px;
-}
-.shop_name_box {
-    border-top: solid 1px #fff;
-}
-.shop_name_box_a {
-    height: 44px;
-    line-height: 44px;
-    color: #fff;
-    font-weight: bold;
-    font-size: 20px;
-}
-.shop_name_right {
-    height: 40px;
-    border-bottom: 1px solid #E8E9EC;
-    margin-top: 4px;
-    background: #F8F8F8;
-    position: relative;
-    z-index: 2;
-}
-.categ_li_img_1 {
-    float: left;
-    margin: 0px 24px 20px 0px;
-    width: 180px;
-    position: relative;
-}
-
-.categ_li_img_1_a {}
-
-.categ_li_img_1_img {
-    display: block;
-    width: 180px;
-    height: 180px;
-}
-
-.categ_li_img_1_dot2 {
-    width: 168px;
-    margin: 10px auto 0px;
-    height: 32px;
-    line-height: 16px;
-    color: #333;
-    font-size: 14px;
-}
-
-.categ_li_img_1:nth-of-type(6n) {
-    margin-right: 0px;
-}
-
-.categ_li_img_1_hover_dot1 {
-    width: 152px;
-    position: absolute;
-    left: 50%;
-    margin-left: -76px;
-    bottom: 13px;
-    font-size: 14px;
-    background: linear-gradient(to right, #FFE1AA, #F9F4E3, #FFE1AA);
-    -webkit-background-clip: text;
-    color: transparent;
-}
-
-.categ_li_img_1:hover .categ_li_img_1_dot2 {
-    color: #A01C0E;
-}
-
-.categ_li_img_1:nth-of-type(1) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/18.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_li_img_1:nth-of-type(2) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/19.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_li_img_1:nth-of-type(3) .categ_li_img_1_dot2::after {
-    content: '';
-    display: block;
-    position: absolute;
-    background: url(@/public/img/20.png) no-repeat left 0px;
-    background-size: 100% 100%;
-    width: 32px;
-    height: 32px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-}
-
-.categ_ul_img_1 {
-    margin-top: 20px;
-}
-
-.categ_ul_img_2 {
-    margin-top: 20px;
-}
-
-.categ_li_img_2 {
-    float: left;
-    margin: 0px 24px 20px 0px;
-    width: 180px;
-    position: relative;
-}
-
-.categ_li_img_2_a {}
-
-.categ_li_img_2_img {
-    display: block;
-    width: 180px;
-    height: 180px;
-}
-
-.categ_li_img_2_dot2 {
-    width: 168px;
-    margin: 10px auto 0px;
-    height: 32px;
-    line-height: 16px;
-    color: #333;
-    font-size: 14px;
-}
-
-.categ_li_img_2:nth-of-type(6n) {
-    margin-right: 0px;
-}
-
-.categ_li_img_2_hover_dot1 {
-    width: 152px;
-    position: absolute;
-    left: 50%;
-    margin-left: -76px;
-    bottom: 13px;
-    font-size: 14px;
-    background: linear-gradient(to right, #FFE1AA, #F9F4E3, #FFE1AA);
-    -webkit-background-clip: text;
-    color: transparent;
-}
-
-.categ_li_img_2:hover .categ_li_img_2_dot2 {
-    color: #A01C0E;
-}
-</style>

components/shop/noData.vue

@@ -1,81 +0,0 @@
-<template>
-   <div v-if="pagetype == 'class'" class="nodata_style1">
-        <div class="nodata_style1_box">
-            <img src="@/public/image/Union.png" alt="暂无商品数据">
-            <div class="nodata_style1_box_text">暂无商品数据</div>
-        </div>
-   </div>
-   <div v-else-if="pagetype == 'list'" class="nodata_style2">
-        <div class="nodata_style1_box">
-            <img src="@/public/image/Union.png" alt="暂无商品数据">
-            <div class="nodata_style1_box_text">暂无商品数据</div>
-        </div>
-   </div>
-</template>
-
-<script setup>
-    const props = defineProps({
-        pagetype: {
-            type: String,
-            default: ''
-        }
-    })
-</script>
-
-<style lang="less" scoped>
-    //用于频道页
-    .nodata_style1{
-        width: 1200px;
-        height: 400px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        .nodata_style1_box{
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            width: 265px;
-            height: 80px;
-            .nodata_style1_box_text {
-                width: 159px;
-                height: 34px;
-                line-height: 34px;
-                font-size: 26px;
-                color:#CCCCCC
-            }
-            img{
-                display: block;
-                width: 49px;
-                height: 56px;
-                margin-right: 30px;
-            }
-        }
-    }
-    .nodata_style2{
-        width: 1200px;
-        height: 600px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        .nodata_style1_box{
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            width: 265px;
-            height: 80px;
-            .nodata_style1_box_text {
-                width: 159px;
-                height: 34px;
-                line-height: 34px;
-                font-size: 26px;
-                color:#CCCCCC
-            }
-            img{
-                display: block;
-                width: 49px;
-                height: 56px;
-                margin-right: 30px;
-            }
-        }
-    }
-</style>

components/shop/pageHead.vue

@@ -1,1224 +0,0 @@
-<template>
-    <header>
-        <nav class="headerNav">
-            <div class="inner">
-                <div class="left">
-                    <span class="znxy">
-                        <a href="http://znxyw.org.cn/" target="_blank">中农兴业网团</a>
-                    </span>
-                    <span>
-                        旗下网站 · 政府类农业百强网站!
-                        <NuxtLink class="shop_nav_head_a" to="/" title="中国乡村网首页">中国乡村网首页</NuxtLink>
-                    </span>
-                </div>
-                <div class="right">
-                    <div class="menu">
-                        <button class="reg" @click="goTopic">
-                            <img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon1.png" alt="商圈">商圈
-                        </button>
-                        <button class="reg" @click="goAdvertising">
-                            <img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon2.png" alt="广告服务">广告服务
-                        </button>
-                    </div>
-                    <div class="right-top-menu">
-                        <button class="reg" @click="goLogin" v-show="!showToken">
-                            <img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon3.png" alt="登录">登录
-                        </button>
-                        <button class="reg" @click="goRegister" v-show="!showToken">
-                            <img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon4.png" alt="注册">注册
-                        </button>
-                        <button class="reg" @click="userCenter" v-show="showToken">
-                            <img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon3.png" alt="用户信息">{{
-                                username }}
-                        </button>
-                        <button class="reg" @click="goSearch">
-                            <img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/searchicon.png" alt="搜索">搜索
-                        </button>
-                    </div>
-                    <ul class="userInfo11" v-if="isShow">
-                        <li @click="gotosystem">个人中心</li>
-                        <li @click="exit">退出</li>
-                    </ul>
-                </div>
-            </div>
-        </nav>
-        <!--商城header-->
-        <div class="shop_head clearfix_2">
-            <div class="shop_head_left">
-                <NuxtLink class="shop_head_left_a" to="/" :title="webSiteName">
-                    <!-- <img class="shop_head_img" src="@/public/img/2.png" alt="乡村商城"> -->
-                    <img class="shop_head_img" :src="logo" :alt="webSiteName">
-                </NuxtLink>
-            </div>
-            <div class="shop_head_form_out clearfix">
-                <form class="shop_head_form" action="" method="">
-                    <input class="shop_head_btn hand" type="button" @click="goShopSearch">
-                    <input class="shop_head_inp hand" type="search" v-model="shopKeyword" placeholder="请输入要搜索的商品名称..">
-                </form>
-            </div>
-            <div class="shop_head_right clearfix_2">
-                <div 
-                    :class="['shop_head_right_btn', alert_1_num == 2 ? 'shop_head_right_btn_active' : '']"
-                    @mouseenter="qhTabs(2)"
-                    @mouseleave="qhTabs(0)"
-                >
-                    我要卖
-                </div>
-                <div 
-                    :class="['shop_head_right_btn', alert_1_num == 1 ? 'shop_head_right_btn_active' : '']"
-                    @mouseenter="qhTabs(1)"
-                    @mouseleave="qhTabs(0)"
-                >
-                    我要买
-                </div>
-                <!-- 我要卖  -->
-                <section class="shop_alert_out" v-if="alert_1_num == 2" @mouseenter="qhTabs(2)" @mouseleave="qhTabs(0)">
-                    <div class="shop_alert_box">
-                        <div class="shop_alert_head_box clearfix">
-                            <div class="shop_alert_head_name_1">全部信息分类</div>
-                            <div class="shop_alert_head_name_2">求购信息</div>
-                            <span class="shop_alert_head_btn_a" @click="goLogin">
-                                发布求购信息
-                            </span>
-                        </div>
-                        <div class="shop_alert_ul clearfix">
-                            <div class="shop_alert_li clearfix" v-for="item in shopMenu" :key="per_obj">
-                                <label class="shop_alert_li_label">{{ item.alias }}</label>
-                                <div class="shop_alert_li_panel clearfix">
-                                    <NuxtLink 
-                                        class="shop_alert_li_panel_a"
-                                        v-for="i in item.children"
-                                        :to="`/xiangcunshangcheng/${item.aLIas_pinyin}/${i.aLIas_pinyin}/gongying/list-1.html`" 
-                                        :title="item.name"
-                                    >
-                                        {{ i.alias }}
-                                    </NuxtLink>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="shop_alert_1_index clearfix">
-                            <!--产品展台-->
-                            <div class="shop_name_box">
-                                <div class="shop_name">
-                                    <span class="shop_name_box_a">产品展台</span>
-                                </div>
-                                <div class="shop_name_right"></div>
-                            </div>
-                            <div class="shop_alert_img_ul clearfix">
-                                <div class="shop_alert_img_li clearfix" v-for="item in shopMenuGoods">
-                                    <NuxtLink 
-                                        :to="getShopLinkPath(item)" 
-                                        class="shop_alert_img_li_a"
-                                        :title="item.name"
-                                    >
-                                        <img class="shop_alert_img_li_img" :src="item.imgurl" :title="item.name" :alt="item.name">
-                                        <div class="shop_alert_img_li_right">
-                                            <!--产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台-->
-                                            <h4 class="shop_alert_img_li_h4 dot1">{{ item.name }}</h4>
-                                            <div class="shop_alert_img_li_dot3 dot3">{{ item.description }}</div>
-                                            <time class="shop_alert_img_li_time">{{ item.updated_at }}</time>
-                                        </div>
-                                    </NuxtLink>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </section>
-                <!-- 我要卖  -->
-                <!-- 我要买  -->
-                <section class="shop_alert_out" v-if="alert_1_num == 1" @mouseenter="qhTabs(1)" @mouseleave="qhTabs(0)">
-                    <div class="shop_alert_box">
-                        <div class="shop_alert_head_box clearfix">
-                            <div class="shop_alert_head_name_1">全部信息分类</div>
-                            <div class="shop_alert_head_name_2">供应信息</div>
-                            <span class="shop_alert_head_btn_a" @click="goLogin">
-                                发布供应信息
-                            </span>
-                        </div>
-                        <div class="shop_alert_ul clearfix">
-                            <div class="shop_alert_li clearfix" v-for="item in shopMenu" :key="item.id">
-                                <label class="shop_alert_li_label">{{ item.alias }}</label>
-                                <div class="shop_alert_li_panel clearfix">
-                                    <NuxtLink 
-                                        class="shop_alert_li_panel_a"
-                                        v-for="i in item.children"
-                                        :to="`/xiangcunshangcheng/${item.aLIas_pinyin}/${i.aLIas_pinyin}/qiugou/list-1.html`" 
-                                        :title="item.name"
-                                    >
-                                        {{ i.alias }}
-                                    </NuxtLink>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="shop_alert_1_index clearfix">
-                            <!--产品展台-->
-                            <div class="shop_name_box">
-                                <div class="shop_name">
-                                    <span class="shop_name_box_a">产品展台</span>
-                                </div>
-                                <div class="shop_name_right"></div>
-                            </div>
-                            <div class="shop_alert_img_ul clearfix">
-                                <div class="shop_alert_img_li clearfix" v-for="item in shopMenuGoods">
-                                    <NuxtLink 
-                                        :to="getShopLinkPath(item)" 
-                                        class="shop_alert_img_li_a"
-                                        :title="item.name"
-                                    >
-                                        <img class="shop_alert_img_li_img" :src="item.imgurl" :title="item.name" :alt="item.name">
-                                        <div class="shop_alert_img_li_right">
-                                            <h4 class="shop_alert_img_li_h4 dot1">{{ item.name }}</h4>
-                                            <div class="shop_alert_img_li_dot3 dot3">{{ item.description }}</div>
-                                            <time class="shop_alert_img_li_time">{{ item.updated_at }}</time>
-                                        </div>
-                                    </NuxtLink>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </section>
-                <!-- 我要买  -->
-            </div>
-        </div>
-        <!--商城header-->
-        <el-dialog v-model="dialogTableVisible" width="800">
-            <div class="tips">
-                <p>
-                    <img src="@/public/topic/tips.png"> 提示:注册请联系管理员操作!
-                </p>
-                <p>联系电话:010-56019387</p>
-                <p>QQ ： 2909421493 、213552413</p>
-            </div>
-        </el-dialog>
-    </header>
-</template>
-
-<script setup>
-//1.加载基本依赖 start ---------------------------------------->
-import { ref, watch, onMounted } from 'vue'
-import { ElDialog } from 'element-plus'
-import { getToken, setToken, removeToken } from '@/store/useCookieStore'
-import { setTicket, removeTicket } from '@/store/useticketStore'
-//网站地址
-const { $webUrl, $CwebUrl, $BwebUrl, $LoginWebUrl } = useNuxtApp()
-//1.加载基本依赖 end ---------------------------------------->
-
-//1.登录逻辑 start ---------------------------------------->
-let ticket = ref('')
-let token = ref('')
-let route = useRoute()
-
-//页面每次刷新先判断一下用户状态是否已经过期了
-//如果没有过期再储存token
-ticket.value = route.query.ticket
-token.value = route.query.admintoken
-
-if (ticket.value) {
-    setTicket(ticket.value)
-}
-if (token.value) {
-    setToken(token.value)
-}
-
-//搜索框
-let keyword = useState('keyword', () => '')
-//用户名
-let username = useState('username', () => '用户中心')
-//是否删除
-let isDel = useState('isDel', () => 1)
-//是否显示用户中心
-let isShow = useState('isShow', () => false)
-
-let token1 = useState("token1", () => '')
-let showToken = useState("showToken", () => '')
-token1.value = getToken()
-
-
-//检测登录状态
-let tokenStatus = ref('');
-tokenStatus.value = getToken()
-if (tokenStatus.value == undefined) {
-    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-    console.log('错误：未获取到用户token,如果在本地测试请忽略！');
-    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-} else {
-    console.log(tokenStatus.value);
-}
-
-//点击登录按钮
-let goLogin = () => {
-    //开启线上登录模式 start---------------------------------------->
-    isDel.value = 0
-    token1.value = getToken()
-    //王鹏
-    //window.open($BwebUrl + "/auth/login.php?backurl=" + $CwebUrl, '_blank');
-    //刘佳伟
-    //window.open($LoginWebUrl + "/api/goLogin?backurl=" + $CwebUrl, '_blank');
-    //党云龙
-    window.open($BwebUrl + "/#/login?backurl=" + $CwebUrl, '_blank');
-    //开启线上登录模式 end---------------------------------------->
-
-    //开启本地登录模式 start---------------------------------------->
-    // window.location.href = $BwebUrl + "/auth/login.php?backurl=" + $CwebUrl;
-    //"http://adminpre.bjzxtw.org.cn/auth/login.php?backurl=http://nwpre.bjzxtw.org.cn";
-    //开启本地登录模式 end---------------------------------------->
-}
-let dialogTableVisible = ref(false)
-
-//点击注册按钮
-let goRegister = () => {
-    dialogTableVisible.value = true
-}
-
-//点击用户中心
-let userCenter = () => {
-    if (isShow.value) {
-        isShow.value = false
-        return
-    } else {
-        isShow.value = true
-        return
-    }
-}
-
-// 添加点击事件处理函数
-const handleClickOutside = (event) => {
-    // 获取用户信息菜单元素
-    const userInfoMenu = document.querySelector('.userInfo11');
-    // 获取用户按钮元素
-    const userButton = document.querySelector('.reg img[alt="用户信息"]')?.parentElement;
-
-    // 如果点击的不是菜单本身且不是用户按钮，则隐藏菜单
-    if (userInfoMenu &&
-        !userInfoMenu.contains(event.target) &&
-        !userButton?.contains(event.target)) {
-        isShow.value = false;
-    }
-}
-//2.登录逻辑 end ---------------------------------------->
-
-//3.跳转菜单逻辑 start ---------------------------------------->
-let gotosystem = () => {
-    let url = $BwebUrl + '/#/login?userurl=' + $CwebUrl;
-    isShow.value = false
-    //window.location.href = url; 
-    window.open(url, '_blank');
-}
-
-//点击退出按钮
-let exit = () => {
-    window.location.href = $CwebUrl;
-    isShow.value = false
-    isDel.value = 1
-    token1.value = getToken()
-
-    let tokendata = getToken()
-
-    //王鹏
-    // let url = $BwebUrl + '/auth/logout.php?backurl=' + $CwebUrl + '&admintoken=' + tokendata;
-    //   console.log("用户退出登录======token为：", tokendata,url)
-    //刘佳伟
-    let url = $LoginWebUrl + '/api/logout?backurl=' + $CwebUrl + '&admintoken=' + tokendata;
-    window.location.href = url;
-    removeToken()
-    removeTicket()
-}
-
-//点击返回首页
-let backHome = () => {
-    window.location.href = $CwebUrl;
-}
-
-//点击搜索按钮
-let goSearch = () => {
-    const route = `/search/search?keyword=${keyword.value}`;
-    window.location.href = route;
-}
-
-// 点击广告服务
-let goAdvertising = () => {
-    //本地启动广告服务
-    //window.open('/advertising?activeName=1', '_blank');
-    //线上启动
-    if (getToken()) {
-        window.open($CwebUrl + '/advertising?activeName=1', '_blank');
-    } else {
-        goLogin()
-    }
-}
-
-//点击商圈
-let goTopic = () => {
-    if (getToken()) {
-        window.open($CwebUrl + '/topic', '_blank');
-    } else {
-        goLogin()
-    }
-}
-
-//监听token状态
-watch(token1, (newval, oldval) => {
-    //console.log(newval, oldval);
-    showToken.value = newval
-}, {
-    deep: true,
-    immediate: true,
-})
-
-//获得网站logo
-const logo = ref("")
-const webSiteName = ref("")
-let getLogo = async () => {
-    const responseStatus = await requestDataPromise('/web/getWebsiteHead', {
-        method: 'GET',
-        query: {},
-    });
-    logo.value = responseStatus.data.logo;
-    webSiteName.value = responseStatus.data.website_name;
-}
-getLogo();
-//3.跳转菜单逻辑 end ---------------------------------------->
-
-//4.获取广告 start ---------------------------------------->
-let adImg = ref({})
-//4.获取广告 end ---------------------------------------->
-
-//5.获取登录状态 start ---------------------------------------->
-// 在组件卸载时移除事件监听
-onUnmounted(() => {
-    document.removeEventListener('click', handleClickOutside);
-})
-
-onMounted(async () => {
-    //添加监听关闭个人中心菜单
-    document.addEventListener('click', handleClickOutside);
-
-    //从客户端获取登录状态
-    //从客户端阶段开始 持续查询登录状态
-    let getLoginStatus = async () => {
-        //获得token
-        const token = getToken();
-        const { $webUrl, $CwebUrl } = useNuxtApp();
-
-        if (token == undefined) {
-            //如果没有获取到token 不访问后端获取在线状态
-            console.log("没有获取到token！无需查询登录状态！")
-            showToken.value = false;
-
-        } else {
-            //如果获取到了token 访问后端查询状态
-            console.log("已获取到用户token,开始查询登录状态！")
-            const queryParams = new URLSearchParams({
-                token: getToken()
-            });
-            let url = `${$webUrl}/api/loginStatus?${queryParams.toString()}`
-            const responseStatus = await fetch(url, {
-                method: 'GET',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Userurl': $CwebUrl,
-                    //'token': getToken(),
-                    'Origin': $CwebUrl
-                }
-            });
-            const result = await responseStatus.json();
-            console.log(result)
-
-            if (result.code == 200) {
-                console.log("用户已经登录！");
-                showToken.value = true;
-            }
-            if (result.code == -1) {
-                isShow.value = false;
-                showToken.value = false;
-                removeToken();
-                removeTicket();
-                ElMessage.error('您没有权限登录该网站！')
-            }
-            if (result.code == -2) {
-                isShow.value = false;
-                showToken.value = false;
-                removeToken();
-                removeTicket();
-                ElMessage.error('您已退出登录！')
-            }
-        }
-    }
-    getLoginStatus();
-    setInterval(getLoginStatus, 3000);
-
-    //从客户端获取广告
-    //从客户端获取行政职能部门 加快打开速度
-    const { $webUrl, $CwebUrl } = useNuxtApp();
-    //广告1
-    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_top`
-    const responseAd1 = await fetch(url, {
-        headers: {
-            'Content-Type': 'application/json',
-            'Userurl': $CwebUrl,
-            'Origin': $CwebUrl
-        }
-    });
-    const resultAd1 = await responseAd1.json();
-    adImg.value = resultAd1.data[0];
-
-    //从客户端获取用户名
-    let userInfoUrl = `${$webUrl}/user/getUserInfo`
-    const userInfoResponse = await fetch(userInfoUrl, {
-        headers: {
-            'Content-Type': 'application/json',
-            'Userurl': $CwebUrl,
-            'Origin': $CwebUrl
-        }
-    });
-    const userInfo = await userInfoResponse.json();
-    if (userInfo.code == 200) {
-        username.value = userInfo.data.nickname
-    }
-
-})
-//5.获取登录状态 end ---------------------------------------->
-
-//6.商城 start ---------------------------------------->
-//6.1 商城搜索
-const shopKeyword = ref('')
-let goShopSearch = () => {
-    const route = `/xiangcunshangcheng/search/search?keyword=${shopKeyword.value}`;
-    window.location.href = route;
-}
-//6.2 商城菜单
-//我要卖
-const alert_1_num = ref(0)
-const qhTabs = function(number){
-    alert_1_num.value = number
-}
-//6.3 获得商城菜单
-const shopMenu = ref([]) //获得商城菜单
-const shopMenuGoods = ref([]) //获得产品站台里面的商品
-
-let getShopMenu = async () => {
-    const responseStatus = await requestDataPromise('/web/getWebsiteshopCat', {
-        method: 'GET',
-        query: {
-            id:346,
-            page:1,
-            pageSize:10,//请求所有菜单
-        },
-    });
-
-    if(responseStatus.data.category){
-        shopMenu.value = responseStatus.data.category[0].children;
-    }
-    //shopMenuGoods.value = responseStatus.data.goods;
-    //只展示6个商品
-    for(let index in responseStatus.data.goods){
-        if(index<=5){
-            shopMenuGoods.value.push(responseStatus.data.goods[index])
-        }
-    }
-}
-getShopMenu();
-//6.商城 end ---------------------------------------->
-</script>
-
-<style lang="less" scoped>
-//常规 header start ---------------------------------------->
-.userInfo11 {
-    width: 100px;
-    height: 80px;
-    background-color: #fff;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-    border-radius: 3px;
-    position: absolute;
-    top: 40px;
-    right: 35px;
-    font-size: 14px;
-    z-index: 999;
-
-    li {
-        height: 40px;
-        line-height: 40px;
-        color: #333333;
-        padding-left: 10px;
-    }
-
-    >li:hover {
-        color: #028E21;
-    }
-}
-
-.tips {
-    padding: 20px 0;
-    text-align: center;
-    font-size: 20px;
-    color: #333333;
-    font-weight: bold;
-
-    img {
-        width: 78px;
-        height: 78px;
-        vertical-align: middle;
-        margin-right: 20px;
-
-        p {
-            line-height: 30px;
-        }
-    }
-
-    p {
-        line-height: 40px;
-    }
-
-    >p:first-child {
-        margin-bottom: 30px;
-    }
-
-}
-
-/* 页面头部 */
-header {
-    width: 100%;
-    font-size: 12px;
-    font-family: PingFang SC-Regular;
-    color: #666666;
-    background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/head/headtopbg.png") repeat-x;
-}
-
-.headerNav {
-    width: 100%;
-    height: 33px;
-    line-height: 33px;
-}
-
-.headerNav .left span {
-    margin-right: 20px;
-
-    a {
-        color: #666666;
-    }
-}
-
-.headerNav .right {
-    display: flex;
-    margin-right: 10px;
-    position: relative;
-
-    button {
-        font-size: 12px;
-        color: #666666;
-        border: none;
-        background: none;
-        cursor: pointer;
-    }
-
-    .login {
-        width: 36px;
-        height: 19px;
-        color: #fff;
-        border-radius: 4px;
-        background-color: #028E21;
-        margin-right: 15px;
-        cursor: pointer;
-    }
-
-    .menu,
-    .right-top-menu {
-        display: flex;
-    }
-
-    .reg {
-        margin-right: 20px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        height: 33px;
-
-        img {
-            margin-right: 5px;
-        }
-    }
-}
-
-.headerNav .right {
-    float: right;
-    font-size: 12px;
-
-    span {
-        margin-right: 20px;
-    }
-
-    .home,
-    .collection {
-        display: inline-block;
-        width: 16px;
-        height: 16px;
-        vertical-align: -3px;
-    }
-
-    .home {
-        background-image: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png");
-    }
-
-    .collection {
-        background-image: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png");
-    }
-
-    .exit {
-        line-height: 30px;
-    }
-
-    // .exit:hover{
-    //     color: #028E21;
-    // }
-}
-
-/* // 头部logo */
-.headerLogo {
-    height: 145px;
-    position: relative;
-
-    //background: url("../../public/head/topBg.png") no-repeat center;
-    .titlead {
-        position: absolute;
-        bottom: 14px;
-        right: 26px;
-        width: 830px;
-        height: 110px;
-        overflow: hidden;
-
-        a {
-            display: block;
-            width: 830px;
-            height: 110px;
-            overflow: hidden;
-        }
-
-        img {
-            width: 100%;
-            height: 110px;
-        }
-    }
-
-    .inner {
-        position: relative;
-        height: 145px;
-    }
-
-    .inner>img {
-        width: 297px;
-        height: 110px;
-        margin-top: 20px;
-        cursor: pointer;
-    }
-
-    /* // 搜索框部分 */
-    .search {
-        float: left;
-        width: 440px;
-        height: 40px;
-        background-color: #fff;
-        line-height: 40px;
-        margin-left: 39px;
-        margin: 71px 39px 48px;
-        position: relative;
-
-        em {
-            display: inline-block;
-            width: 30px;
-            height: 30px;
-            background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png") no-repeat;
-            position: absolute;
-            top: 5px;
-            left: 15px;
-        }
-
-        input {
-            float: left;
-            width: 351px;
-            height: 40px;
-            border: none;
-            outline: none;
-            padding-left: 65px;
-            box-sizing: border-box;
-            border: 1px solid #028E21;
-            border-right: none;
-            border-radius: 4px 0px 0px 4px;
-        }
-
-        button {
-            float: right;
-            width: 89px;
-            height: 40px;
-            background-color: #028E21;
-            border-radius: 0px 4px 4px 0px;
-            border: none;
-            font-size: 14px;
-            color: #fff;
-            font-family: PingFang SC, PingFang SC;
-            font-weight: 500;
-        }
-
-    }
-
-    /* // 右侧小图标 */
-    .serve {
-        float: right;
-        height: 60px;
-        margin-top: 60px;
-        margin-right: 60px;
-
-        >li {
-            float: left;
-            height: 64px;
-            margin-left: 48px;
-        }
-
-        >li>a {
-            display: inline-block;
-            height: 64px;
-        }
-
-        >li img {
-            width: 29px;
-            height: 29px;
-            padding: 8px 14px;
-        }
-
-        >li p {
-            height: 28px;
-            text-align: center;
-            color: #666666;
-        }
-    }
-}
-//常规 header end ---------------------------------------->
-
-//商城 header start ---------------------------------------->
-.clearfix_2::after {
-    content: '';
-    display: block;
-    height: 0;
-    visibility: hidden;
-    clear: both;
-}
-
-.shop_head {
-    width: 1200px;
-    margin: 30px auto;
-}
-
-.shop_head_left {
-    float: left;
-    width: 322px;
-    margin-right: 33px;
-
-    .shop_head_left_a {
-        width: 322px;
-        display: block;
-    }
-}
-
-.shop_head_img {
-    width: 297px;
-    height: 110px;
-    display: block;
-}
-
-.shop_head_form_out {
-    width: 550px;
-    float: left;
-}
-
-.shop_head_form {
-    margin-top: 37px;
-    display: block;
-    width: 547px;
-    border: solid 1px #A01C0E;
-    height: 40px;
-    box-sizing: border-box;
-    overflow: hidden;
-
-    .shop_head_btn {
-        float: right;
-        width: 52px;
-        height: 100%;
-        border: solid 1px #fff;
-        box-sizing: border-box;
-        background: url(@/public/img/3.png) no-repeat center center #A01C0E;
-        background-size: 22px 22px;
-        cursor: pointer;
-    }
-
-    .shop_head_inp {
-        display: block;
-        text-indent: 11px;
-        height: 40px;
-        line-height: 40px;
-        width: 490px;
-        border: none;
-        outline: none;
-    }
-}
-
-.shop_head_form_foot {
-    width: 550px;
-    margin-top: 10px;
-
-    .shop_head_form_foot_a {
-        float: left;
-        height: 18px;
-        line-height: 18px;
-        color: #999;
-        font-size: 14px;
-        margin-right: 10px;
-    }
-}
-
-.shop_head_form_foot_a:nth-of-type(1) {
-    color: #A01C0E;
-}
-
-.shop_head_form_foot_a:hover {
-    color: #A01C0E;
-}
-
-.shop_head_right {
-    float: right;
-    margin-top: 37px;
-    position: relative;
-
-    .shop_head_right_btn {
-        float: right;
-        width: 120px;
-        height: 40px;
-        line-height: 40px;
-        color: #666;
-        font-size: 14px;
-        margin-left: 10px;
-        text-indent: 52px;
-        border: 1px solid #E9E9E9;
-        background: no-repeat 20px center #F4F4F4;
-        background-size: 24px 24px !important;
-        cursor: pointer;
-    }
-}
-
-.shop_head_right_btn:nth-of-type(1) {
-    background-image: url(@/public/img/4.png);
-}
-
-.shop_head_right_btn:nth-of-type(2) {
-    background-image: url(@/public/img/5.png);
-}
-
-// .shop_head_right_btn:hover {
-//     color: #fff;
-//     background: no-repeat 20px center #A01C0E;
-//     background-size: 24px 24px;
-// }
-
-.shop_head_right_btn_active {
-    color: #fff !important;
-    background-size: 24px 24px !important;
-    background: url(@/public/img/4a.png) no-repeat 20px center #A01C0E !important;
-}
-
-.shop_head_right_btn:nth-of-type(1):hover {
-    background-image: url(@/public/img/4a.png);
-}
-
-.shop_head_right_btn:nth-of-type(2):hover {
-    background-image: url(@/public/img/5a.png);
-}
-
-.shop_head_right_btn_1_only {
-    color: #fff;
-    background: no-repeat 20px center #A01C0E;
-    background-size: 24px 24px;
-    background-image: url(@/public/img/4a.png);
-}
-
-.shop_head_right_btn_2_only {
-    color: #fff;
-    background: no-repeat 20px center #A01C0E;
-    background-size: 24px 24px;
-    background-image: url(@/public/img/5a.png);
-}
-
-.shop_head_right_btn:hover .shop_head_right_out {
-    display: block;
-}
-
-.shop_head_right_box {
-    background: #fff;
-    height: 1111px;
-    margin-top: 20px;
-}
-
-.shop_alert_out {
-    position: absolute;
-    width: 1036px;
-    right: 0px;
-    top: 99%;
-    z-index: 111;
-}
-
-.shop_alert_box {
-    background: #fff;
-    box-sizing: border-box;
-    padding: 0px 20px;
-    border: solid 1px #A01C0E;
-    width: 100%;
-    margin-top: 20px;
-
-    .shop_alert_head_box {}
-
-    .shop_alert_head_name_1 {
-        float: left;
-        font-weight: bold;
-        color: #A01C0E;
-        font-size: 20px;
-        margin-top: 30px;
-        letter-spacing: 1px;
-    }
-
-    .shop_alert_head_name_2 {
-        float: left;
-        color: #333;
-        font-size: 16px;
-        margin: 35px 0px 0px 10px;
-        position: relative;
-        padding-left: 22px;
-        font-weight: bold;
-    }
-}
-
-.shop_alert_head_name_2::after {
-    content: '';
-    display: block;
-    width: 14px;
-    height: 10px;
-    position: absolute;
-    left: 0px;
-    bottom: 3px;
-    background: url(@/public/img/16.png) no-repeat left 0px;
-    background-size: 100% 100%;
-}
-
-.shop_alert_head_btn_a {
-    float: right;
-    height: 40px;
-    line-height: 40px;
-    color: #fff;
-    font-size: 14px;
-    padding: 0px 20px 0px 36px;
-    margin-top: 23px;
-    background: url(@/public/img/14.png) no-repeat 18px center #A01C0E;
-    background-size: 14px auto;
-    cursor: pointer;
-}
-
-.shop_alert_ul {
-    margin: 28px auto 0px;
-    width: 980px;
-}
-
-.shop_alert_li {
-    margin-bottom: 11px;
-    display: flex;
-
-    .shop_alert_li_label {
-        width: 120px;
-        line-height: 21px;
-        color: #333;
-        font-size: 16px;
-        padding-right: 24px;
-        font-weight: bold;
-        position: relative;
-        box-sizing: border-box;
-        margin-right: 20px;
-    }
-
-    .shop_alert_li_label::after {
-        content: '';
-        display: block;
-        position: absolute;
-        right: 0px;
-        top: 0px;
-        width: 22px;
-        height: 22px;
-        background: url(@/public/img/15.png) no-repeat right 0px;
-        background-size: 100% 100%;
-    }
-
-    .shop_alert_li_panel {}
-
-    .shop_alert_li_panel_a {
-        float: left;
-        height: 21px;
-        line-height: 21px;
-        color: #666;
-        font-size: 16px;
-        margin: 0px 25px 0 0;
-    }
-}
-
-.shop_alert_li_panel_a:hover {
-    color: #A01C0E;
-}
-
-.shop_alert_1_index {
-    margin-top: 20px;
-}
-
-.shop_alert_img_ul {
-    margin-top: 30px;
-}
-
-.shop_alert_img_li {
-    float: left;
-    width: 314px;
-    margin: 0px 26px 30px 0px;
-    box-sizing: border-box;
-
-    .shop_alert_img_li_a {
-        display: block;
-        width: 100%;
-    }
-
-    .shop_alert_img_li_img {
-        width: 130px;
-        height: 130px;
-        margin-right: 10px;
-        float: left;
-    }
-
-    .shop_alert_img_li_right {
-        width: 173px;
-        float: right;
-    }
-
-    .shop_alert_img_li_h4 {
-        height: 18px;
-        line-height: 18px;
-        color: #333;
-        font-size: 14px;
-        font-weight: bold;
-        margin-top: 7px;
-    }
-
-    .shop_alert_img_li_dot3 {
-        height: 48px;
-        line-height: 16px;
-        color: #666;
-        font-size: 12px;
-        margin-top: 13px;
-    }
-
-    .shop_alert_img_li_time {
-        float: left;
-        height: 26px;
-        line-height: 26px;
-        color: rgba(51, 51, 51, 0.4);
-        font-size: 12px;
-        margin-top: 18px;
-        background: #f7f7f7;
-        padding: 0px 4px;
-    }
-}
-
-.shop_alert_img_li:nth-of-type(3n) {
-    margin-right: 0;
-}
-
-.shop_alert_img_li_a:hover * {
-    color: #A01C0E;
-}
-
-.clearfix {
-    overflow: hidden;
-}
-
-.shop_name_box {
-    border-top: solid 1px #fff;
-
-    .shop_name_box_a {
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-weight: bold;
-        font-size: 20px;
-    }
-
-    .shop_name {
-        float: left;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-weight: bold;
-        position: relative;
-        z-index: 11;
-        text-align: center;
-        font-size: 20px;
-        background: #A01C0E;
-        padding: 0px 14px;
-    }
-
-    .shop_name_right {
-        height: 40px;
-        border-bottom: 1px solid #E8E9EC;
-        margin-top: 4px;
-        background: #F8F8F8;
-        position: relative;
-        z-index: 2;
-    }
-
-    .shop_name_right::after {
-        content: '';
-        display: block;
-        position: absolute;
-        top: 0px;
-        right: 0px;
-        height: 100%;
-        width: 16px;
-        background: url(@/public/img/9.png) no-repeat 0px bottom #fff;
-        background-size: 100% auto;
-    }
-
-    .shop_name_btn {
-        width: 24px;
-        height: 24px;
-        float: right;
-        margin: 10px 22px 0px 0px;
-        background: url(@/public/img/8.png) no-repeat center center;
-        border-radius: 50%;
-        background-size: 100% 100%;
-    }
-}
-
-.dot1 {
-    display: block;
-    word-break: keep-all;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.dot3 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
-}
-
-a.shop_nav_head_a {
-    color: #A01C0E !important;
-    display: inline-block;
-    box-sizing: border-box;
-    padding-left: 17px;
-    background: url(@/public/img/home.png) no-repeat left center;
-    background-size: 12px 12px;
-    margin-left: 10px;
-}
-//商城 header end ---------------------------------------->
-</style>

components/shop/subMenu.vue

@@ -1,373 +0,0 @@
-<template>
-<!-- 商城首页 -->
-<nav class="shop_nav clearfix">
-    <div class="shop_nav_head">
-        <NuxtLink class="shop_nav_head_a" to="/xiangcunshangcheng/index.html" title="商城首页"></NuxtLink>
-    </div>
-    <div class="shop_nav_in clearfix">
-        <NuxtLink 
-            :class="['shop_nav_in_a', { 'shop_nav_in_a_active': item.category_id == navId }]"
-            :to="`/xiangcunshangcheng/${item.aLIas_pinyin}/index.html`"
-            v-for="item in shopNav"
-            :title="item.alias"
-        >
-            {{item.alias}}
-        </NuxtLink>
-    </div>
-</nav>
-<!-- 商城首页 -->
-<!-- 地区选择 -->
-<div class="shop_name_out">
-    <div class="shop_name_box clearfix">
-        <div class="shop_name">地区选择</div>
-        <div class="shop_name_right">
-            <div class="shop_name_in clearfix" ref="shop_name_parent">
-                <div class=" clearfix" v-show="shop_name_num == 1">
-                    <NuxtLink 
-                        :to="`/xiangcunshangcheng/${shopNavOnePinyin}/index.html?cityid=${item.id}`" 
-                        :title="item.name" 
-                        v-for="item in provinceList1"
-                        :class="['shop_name_a', { 'shop_name_a_only': item.id == cityId }]"
-                    >
-                        {{ item.abbreviation }}
-                    </NuxtLink>
-                </div>
-                <div class=" clearfix" v-show="shop_name_num == 2">
-                    <NuxtLink 
-                        :class="['shop_name_a', { 'shop_name_a_only': item.id == cityId }]"
-                        :to="`/xiangcunshangcheng/${shopNavOnePinyin}/index.html?cityid=${item.id}`" 
-                        :title="item.name" 
-                        v-for="item in provinceList2"
-                    >
-                        {{ item.abbreviation }}
-                    </NuxtLink>
-                </div>
-                <div class=" clearfix" v-show="shop_name_num == 3">
-                    <NuxtLink 
-                        :class="['shop_name_a', { 'shop_name_a_only': item.id == cityId }]"
-                        :to="`/xiangcunshangcheng/${shopNavOnePinyin}/index.html?cityid=${item.id}`" 
-                        :title="item.name" 
-                        v-for="item in provinceList3"
-                    >
-                        {{ item.abbreviation }}
-                    </NuxtLink>
-                </div>
-            </div>
-            <div class="shop_name_btn hand"
-                @click="shop_name_num >= shop_name_leng ? shop_name_num = 1 : shop_name_num++">
-            </div>
-        </div>
-    </div>
-</div>
-<!-- 地区选择 -->
-</template>
-
-<script setup>
-import { ref, onMounted ,watch } from 'vue'
-
-//1.获得商城导航 start ---------------------------------------->
-//1.1 获得商城导航
-const shopNav = ref("")
-const shopNavOnePinyin = ref("")//获得商城导航的第一个 作为默认的跳转链接
-let getShowNav = async () => {
-    const responseStatus = await requestDataPromise('/web/getWebsiteModelCategory', {
-        method: 'GET',
-        query: {
-            placeid:0,
-            pid:346,
-            num:8
-        },
-    });
-    shopNav.value = responseStatus.data
-    shopNavOnePinyin.value = responseStatus.data[0].aLIas_pinyin
-}
-getShowNav();
-
-//1.2 标记当前选择的地区
-const route = useRoute();
-//获得详情id
-const cityId = ref(route.query.cityid)
-
-watch(route, () => {
-    cityId.value = route.query.cityid
-})
-
-//1.3 获得频道导航的id，并且标记导航
-//获得当前的完整路径
-const fullPath = route.path;
-//拆分，取出来中间这一段，然后提取数字部分
-const segments = fullPath.split('/');
-const targetSegment = segments[2];
-
-const navId = ref(0)//当前导航标记哪个
-//通过导航路径反向查询导航id
-const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
-    method: 'GET',
-    query: {
-        'pinyin': targetSegment,
-    },
-});
-if (getRouteId.code == 200) {
-    navId.value = parseInt(getRouteId.data.category_id)
-} else {
-    console.log("错误位置：通过url路径查询导航池id")
-}
-
-//1.获得商城导航 end ---------------------------------------->
-
-//2.获得省列表 start ---------------------------------------->
-const provinceList1 = ref([]);//省列表1
-const provinceList2 = ref([]);//省列表2
-const provinceList3 = ref([]);//省列表3
-onMounted(async ()  => {
-    //获得所有的省
-    try {
-        const { $webUrl, $CwebUrl } = useNuxtApp();
-        const response = await fetch($webUrl + '/web/selectWebsiteArea', {
-            headers: {
-                'Content-Type': 'application/json',
-                'Userurl': $CwebUrl,
-                'Origin': $CwebUrl
-            }
-        });
-        const result = await response.json();
-        for(let index in result.data){
-            if(index < 15){
-                provinceList1.value.push(result.data[index])
-            }else if(index > 14 && index < 30){
-                provinceList2.value.push(result.data[index])
-            }else if(index > 29){
-                provinceList3.value.push(result.data[index])
-            }
-        }
-    } catch (error) {
-        console.error('获取行政区划数据失败:', error);
-    }
-
-   
-})
-//2.获得商城导航 start ---------------------------------------->
-
-//3.地区滚动 start ---------------------------------------->
-// 地区选择
-const shop_name_num = ref(1)
-const shop_name_parent = ref(null)
-const shop_name_leng = ref(1)
-onMounted(() => {
-    const shop_name_son = shop_name_parent.value.querySelectorAll("div")
-    shop_name_leng.value = shop_name_son.length
-}) 
-//3.地区滚动 end ---------------------------------------->
-</script>
-
-<style lang="less" scoped>
-.shop_name_out {
-    margin-top: 20px;
-}
-.shop_name_box {
-    border-top: solid 1px #fff;
-
-    .shop_name_box_a {
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-weight: bold;
-        font-size: 20px;
-    }
-
-    .shop_name {
-        float: left;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-weight: bold;
-        position: relative;
-        z-index: 11;
-        text-align: center;
-        font-size: 20px;
-        background: #A01C0E;
-        padding: 0px 14px;
-    }
-
-    .shop_name_right {
-        height: 40px;
-        border-bottom: 1px solid #E8E9EC;
-        margin-top: 4px;
-        background: #F8F8F8;
-        position: relative;
-        z-index: 2;
-    }
-
-    .shop_name_right::after {
-        content: '';
-        display: block;
-        position: absolute;
-        top: 0px;
-        right: 0px;
-        height: 100%;
-        width: 16px;
-        background: url(@/public/img/9.png) no-repeat 0px bottom #fff;
-        background-size: 100% auto;
-    }
-
-    .shop_name_btn {
-        width: 24px;
-        height: 24px;
-        float: right;
-        margin: 10px 22px 0px 0px;
-        background: url(@/public/img/8.png) no-repeat center center;
-        border-radius: 50%;
-        background-size: 100% 100%;
-    }
-}
-.shop_name_in {
-    float: left;
-    height: 40px;
-    width: 1046px;
-    float: left;
-    box-sizing: border-box;
-
-    .shop_name_a {
-        float: left;
-        height: 27px;
-        line-height: 27px;
-        color: #222;
-        font-size: 20px;
-        position: relative;
-        margin: 7px 14.5px 0;
-        padding: 0px 10px;
-    }
-
-    .shop_name_a::after {
-        content: '/';
-        display: block;
-        position: absolute;
-        top: 0px;
-        right: -18px;
-        height: 100%;
-        line-height: 27px;
-        color: #E9E9E9;
-        font-size: 20px;
-    }
-
-    .shop_name_a:nth-last-of-type(1)::after {
-        content: '';
-        display: none;
-    }
-
-    .shop_name_a_only {
-        background: #A01C0E;
-        color: #fff;
-    }
-}
-
-.shop_name_out {
-    margin-top: 20px;
-}
-
-.shop_name_box {
-    border-top: solid 1px #fff;
-
-    .shop_name_box_a {
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-weight: bold;
-        font-size: 20px;
-    }
-
-    .shop_name {
-        float: left;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-weight: bold;
-        position: relative;
-        z-index: 11;
-        text-align: center;
-        font-size: 20px;
-        background: #A01C0E;
-        padding: 0px 14px;
-    }
-
-    .shop_name_right {
-        height: 40px;
-        border-bottom: 1px solid #E8E9EC;
-        margin-top: 4px;
-        background: #F8F8F8;
-        position: relative;
-        z-index: 2;
-    }
-
-    .shop_name_right::after {
-        content: '';
-        display: block;
-        position: absolute;
-        top: 0px;
-        right: 0px;
-        height: 100%;
-        width: 16px;
-        background: url(@/public/img/9.png) no-repeat 0px bottom #fff;
-        background-size: 100% auto;
-    }
-
-    .shop_name_btn {
-        width: 24px;
-        height: 24px;
-        float: right;
-        margin: 10px 22px 0px 0px;
-        background: url(@/public/img/8.png) no-repeat center center;
-        border-radius: 50%;
-        background-size: 100% 100%;
-    }
-}
-.shop_nav {
-    border: solid 1px #E9E9E9;
-    background: #fafafa;
-    margin-top: 20px;
-
-    .shop_nav_head {
-        float: left;
-        height: 28px;
-        width: 138px;
-        margin: 30px 52px 0px 25px;
-    }
-
-    .shop_nav_head_a {
-        display: block;
-        height: 28px;
-        width: 138px;
-        background: url(@/public/img/7.png) no-repeat left top;
-        background-size: 100% 100%;
-    }
-}
-.clearfix {
-    overflow: hidden;
-}
-.shop_nav_in_a {
-    float: left;
-    height: 75px;
-    line-height: 75px;
-    color: #333;
-    font-size: 16px;
-    background: #f8f5f5;
-    width: 118px;
-    border-bottom: solid 5px #A01C0E;
-    font-weight: bold;
-    margin: 5px 0;
-    text-align: center;
-}
-
-.shop_nav_in_a:nth-of-type(4) {
-    margin-right: 8px;
-}
-
-.shop_nav_in_a:hover {
-    color: #A01C0E;
-}
-
-.shop_nav_in_a_active {
-    color: #A01C0E;
-}
-
-</style>

components/shop/subMenu2.vue

@@ -1,398 +0,0 @@
-<template>
-<!-- 商城首页 -->
-<nav class="shop_nav clearfix">
-    <div class="shop_nav_head">
-        <NuxtLink class="shop_nav_head_a" to="/xiangcunshangcheng/index.html" title="商城首页"></NuxtLink>
-    </div>
-    <div class="shop_nav_in clearfix">
-        <NuxtLink 
-            :class="['shop_nav_in_a', { 'shop_nav_in_a_active': item.category_id == navId }]"
-            :to="`/xiangcunshangcheng/${item.aLIas_pinyin}/index.html`"
-            v-for="item in shopNav"
-            :title="item.alias"
-        >
-            {{item.alias}}
-        </NuxtLink>
-    </div>
-</nav>
-<!-- 商城首页 -->
-<!-- 地区选择 -->
-<div class="shop_name_out">
-    <div class="shop_name_box clearfix">
-        <div class="shop_name">地区选择</div>
-        <div class="shop_name_right">
-            <div class="shop_name_in clearfix" ref="shop_name_parent">
-                <div class=" clearfix" v-show="shop_name_num == 1">
-                    <span 
-                        @click="setUrlParam(item)"
-                        :title="item.name" 
-                        v-for="item in provinceList1"
-                        :class="['shop_name_a', { 'shop_name_a_only': item.id == cityId }]"
-                    >
-                        {{ item.abbreviation }}
-                    </span>
-                </div>
-                <div class=" clearfix" v-show="shop_name_num == 2">
-                    <span 
-                        :class="['shop_name_a', { 'shop_name_a_only': item.id == cityId }]"
-                        @click="setUrlParam(item)"
-                        :title="item.name" 
-                        v-for="item in provinceList2"
-                    >
-                        {{ item.abbreviation }}
-                    </span>
-                </div>
-                <div class=" clearfix" v-show="shop_name_num == 3">
-                    <span 
-                        :class="['shop_name_a', { 'shop_name_a_only': item.id == cityId }]"
-                        @click="setUrlParam(item)"
-                        :title="item.name" 
-                        v-for="item in provinceList3"
-                    >
-                        {{ item.abbreviation }}
-                    </span>
-                </div>
-            </div>
-            <div class="shop_name_btn hand"
-                @click="shop_name_num >= shop_name_leng ? shop_name_num = 1 : shop_name_num++">
-            </div>
-        </div>
-    </div>
-</div>
-<!-- 地区选择 -->
-</template>
-
-<script setup>
-import { ref, onMounted ,watch } from 'vue'
-
-//1.获得商城导航 start ---------------------------------------->
-//1.1 获得商城导航
-const shopNav = ref("")
-let getShowNav = async () => {
-    const responseStatus = await requestDataPromise('/web/getWebsiteModelCategory', {
-        method: 'GET',
-        query: {
-            placeid:0,
-            pid:346,
-            num:8
-        },
-    });
-    shopNav.value = responseStatus.data
-}
-getShowNav();
-
-//1.2 标记当前选择的地区
-const route = useRoute();
-const router = useRouter();
-//获得详情id
-const cityId = ref(route.query.cityid)
-
-//1.3 获得频道导航的id，并且标记导航
-//获得当前的完整路径
-const fullPath = route.path;
-//拆分，取出来中间这一段，然后提取数字部分
-const segments = fullPath.split('/');
-const targetSegment = segments[2];
-
-const navId = ref(0)//当前导航标记哪个
-//通过导航路径反向查询导航id
-const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
-    method: 'GET',
-    query: {
-        'pinyin': targetSegment,
-    },
-});
-if (getRouteId.code == 200) {
-    navId.value = parseInt(getRouteId.data.category_id)
-} else {
-    console.log("错误位置：通过url路径查询导航池id")
-}
-
-//1.4设置url中的参数
-const setUrlParam = (item) => {
-    //获得当前的url
-    const currentUrl = window.location.href;
-    //判断url中是否含有select参数，如果有就删掉
-    cityId.value = item.id;
-    // 复制当前的 query 对象
-    const newQuery = { ...route.query };
-    // 更新 cityid
-    newQuery.cityid = item.id;
-    // 检查是否有 select 参数，如果有则删除
-    if ('select' in newQuery) {
-        delete newQuery.select;
-    }
-    // 使用 router.replace 更新 URL
-    router.replace({
-        path: route.path,
-        query: newQuery
-    });
-}
-
-//1.5 监听路由变化
-watch(() => route.query.cityid, (newVal, oldVal) => {
-    if(newVal == undefined){
-        cityId.value = ''
-    }
-})
-
-
-//1.获得商城导航 end ---------------------------------------->
-
-//2.获得省列表 start ---------------------------------------->
-const provinceList1 = ref([]);//省列表1
-const provinceList2 = ref([]);//省列表2
-const provinceList3 = ref([]);//省列表3
-onMounted(async ()  => {
-    //获得所有的省
-    try {
-        const { $webUrl, $CwebUrl } = useNuxtApp();
-        const response = await fetch($webUrl + '/web/selectWebsiteArea', {
-            headers: {
-                'Content-Type': 'application/json',
-                'Userurl': $CwebUrl,
-                'Origin': $CwebUrl
-            }
-        });
-        const result = await response.json();
-        for(let index in result.data){
-            if(index < 15){
-                provinceList1.value.push(result.data[index])
-            }else if(index > 14 && index < 30){
-                provinceList2.value.push(result.data[index])
-            }else if(index > 29){
-                provinceList3.value.push(result.data[index])
-            }
-        }
-    } catch (error) {
-        console.error('获取行政区划数据失败:', error);
-    }
-
-   
-})
-//2.获得商城导航 start ---------------------------------------->
-
-//3.地区滚动 start ---------------------------------------->
-// 地区选择
-const shop_name_num = ref(1)
-const shop_name_parent = ref(null)
-const shop_name_leng = ref(1)
-onMounted(() => {
-    const shop_name_son = shop_name_parent.value.querySelectorAll("div")
-    shop_name_leng.value = shop_name_son.length
-}) 
-//3.地区滚动 end ---------------------------------------->
-</script>
-
-<style lang="less" scoped>
-.shop_name_out {
-    margin-top: 20px;
-}
-.shop_name_box {
-    border-top: solid 1px #fff;
-
-    .shop_name_box_a {
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-weight: bold;
-        font-size: 20px;
-    }
-
-    .shop_name {
-        float: left;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-weight: bold;
-        position: relative;
-        z-index: 11;
-        text-align: center;
-        font-size: 20px;
-        background: #A01C0E;
-        padding: 0px 14px;
-    }
-
-    .shop_name_right {
-        height: 40px;
-        border-bottom: 1px solid #E8E9EC;
-        margin-top: 4px;
-        background: #F8F8F8;
-        position: relative;
-        z-index: 2;
-    }
-
-    .shop_name_right::after {
-        content: '';
-        display: block;
-        position: absolute;
-        top: 0px;
-        right: 0px;
-        height: 100%;
-        width: 16px;
-        background: url(@/public/img/9.png) no-repeat 0px bottom #fff;
-        background-size: 100% auto;
-    }
-
-    .shop_name_btn {
-        width: 24px;
-        height: 24px;
-        float: right;
-        margin: 10px 22px 0px 0px;
-        background: url(@/public/img/8.png) no-repeat center center;
-        border-radius: 50%;
-        background-size: 100% 100%;
-    }
-}
-.shop_name_in {
-    float: left;
-    height: 40px;
-    width: 1046px;
-    float: left;
-    box-sizing: border-box;
-
-    .shop_name_a {
-        float: left;
-        height: 27px;
-        line-height: 27px;
-        color: #222;
-        font-size: 20px;
-        position: relative;
-        margin: 7px 14.5px 0;
-        padding: 0px 10px;
-        cursor: pointer;
-    }
-
-    .shop_name_a::after {
-        content: '/';
-        display: block;
-        position: absolute;
-        top: 0px;
-        right: -18px;
-        height: 100%;
-        line-height: 27px;
-        color: #E9E9E9;
-        font-size: 20px;
-    }
-
-    .shop_name_a:nth-last-of-type(1)::after {
-        content: '';
-        display: none;
-    }
-
-    .shop_name_a_only {
-        background: #A01C0E;
-        color: #fff;
-    }
-}
-
-.shop_name_out {
-    margin-top: 20px;
-}
-
-.shop_name_box {
-    border-top: solid 1px #fff;
-
-    .shop_name_box_a {
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-weight: bold;
-        font-size: 20px;
-    }
-
-    .shop_name {
-        float: left;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-weight: bold;
-        position: relative;
-        z-index: 11;
-        text-align: center;
-        font-size: 20px;
-        background: #A01C0E;
-        padding: 0px 14px;
-    }
-
-    .shop_name_right {
-        height: 40px;
-        border-bottom: 1px solid #E8E9EC;
-        margin-top: 4px;
-        background: #F8F8F8;
-        position: relative;
-        z-index: 2;
-    }
-
-    .shop_name_right::after {
-        content: '';
-        display: block;
-        position: absolute;
-        top: 0px;
-        right: 0px;
-        height: 100%;
-        width: 16px;
-        background: url(@/public/img/9.png) no-repeat 0px bottom #fff;
-        background-size: 100% auto;
-    }
-
-    .shop_name_btn {
-        width: 24px;
-        height: 24px;
-        float: right;
-        margin: 10px 22px 0px 0px;
-        background: url(@/public/img/8.png) no-repeat center center;
-        border-radius: 50%;
-        background-size: 100% 100%;
-    }
-}
-.shop_nav {
-    border: solid 1px #E9E9E9;
-    background: #fafafa;
-    margin-top: 20px;
-
-    .shop_nav_head {
-        float: left;
-        height: 28px;
-        width: 138px;
-        margin: 30px 52px 0px 25px;
-    }
-
-    .shop_nav_head_a {
-        display: block;
-        height: 28px;
-        width: 138px;
-        background: url(@/public/img/7.png) no-repeat left top;
-        background-size: 100% 100%;
-    }
-}
-.clearfix {
-    overflow: hidden;
-}
-.shop_nav_in_a {
-    float: left;
-    height: 75px;
-    line-height: 75px;
-    color: #333;
-    font-size: 16px;
-    background: #f8f5f5;
-    width: 118px;
-    border-bottom: solid 5px #A01C0E;
-    font-weight: bold;
-    margin: 5px 0;
-    text-align: center;
-}
-
-.shop_nav_in_a:nth-of-type(4) {
-    margin-right: 8px;
-}
-
-.shop_nav_in_a:hover {
-    color: #A01C0E;
-}
-
-.shop_nav_in_a_active {
-    color: #A01C0E;
-}
-
-</style>

components/shop/swiperXcShop.vue

@@ -1,284 +0,0 @@
-<template>
-    <div class="swiper">
-        <el-carousel :interval="933993" height="300px" indicator-position="outside" @change="change_fun">
-            <el-carousel-item>
-                <div 
-                    class="shop_li_img_1 clearfix" 
-                    :class="per_index == 2 ? 'shop_li_img_1_hot' : ''"
-                    v-for="item in props.data"
-                >
-                    <nuxtLink 
-                        :to="getShopPathDetail1(item)"
-                        class="shop_li_img_1_a"
-                        :title="item.name"
-                    >
-                        <img class="shop_li_img_1_img" :src="item.imgurl" alt="item.name">
-                        <div class="shop_li_img_1_dot2 dot2">
-                            {{ item.name }}
-                        </div>
-                        <div class="shop_li_img_1_price">{{getShopType(item)}}</div>
-                    </nuxtLink>
-                </div>
-            </el-carousel-item>
-            <el-carousel-item>
-                <div 
-                    class="shop_li_img_1 clearfix" 
-                    :class="per_index == 2 ? 'shop_li_img_1_hot' : ''"
-                    v-for="item in props.data2"
-                >
-                    <nuxtLink 
-                        :to="getShopPathDetail1(item)"
-                        class="shop_li_img_1_a"
-                        :title="item.name"
-                    >
-                        <img class="shop_li_img_1_img" :src="item.imgurl" alt="item.name">
-                        <div class="shop_li_img_1_dot2 dot2">
-                            {{ item.name }}
-                        </div>
-                        <div class="shop_li_img_1_price">{{getShopType(item)}}</div>
-                    </nuxtLink>
-                </div>
-            </el-carousel-item>
-            <el-carousel-item>
-                <div 
-                    class="shop_li_img_1 clearfix" 
-                    :class="per_index == 2 ? 'shop_li_img_1_hot' : ''"
-                    v-for="item in props.data3"
-                >
-                    <nuxtLink 
-                        :to="getShopPathDetail1(item)"
-                        class="shop_li_img_1_a"
-                        :title="item.name"
-                    >
-                        <img class="shop_li_img_1_img" :src="item.imgurl" alt="item.name">
-                        <div class="shop_li_img_1_dot2 dot2">
-                            {{ item.name }}
-                        </div>
-                        <div class="shop_li_img_1_price">{{getShopType(item)}}</div>
-                    </nuxtLink>
-                </div>
-            </el-carousel-item>
-        </el-carousel>
-    </div>
-</template>
-
-<script setup>
-//1.页面必备方法 start ---------------------------------------->
-import { ElCarousel, ElCarouselItem } from 'element-plus'
-
-import { ref } from 'vue'
-const roll_num_lang = ref(3);
-const roll_num_this = ref(0);
-
-const change_fun = (the_1) => {
-    roll_num_this.value = the_1
-}
-//1.页面必备方法 end ---------------------------------------->
-
-//2.组件数据 start ---------------------------------------->
-const props = defineProps({
-    data: {
-        type: Array,
-        default: () => []
-    },
-    data2: {
-        type: Array,
-        default: () => []
-    },
-    data3: {
-        type: Array,
-        default: () => []
-    }
-})
-//2.组件数据 end ---------------------------------------->
-</script>
-
-<style lang="less" scoped>
-.dot2 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-}
-
-.shop_li_img_1 {
-    float: left;
-    width: 150px;
-    position: relative;
-    margin: 45px 14px 8px;
-}
-
-.shop_li_img_1_img {
-    display: block;
-    width: 100%;
-    height: 150px !important;
-}
-
-.shop_li_img_1_dot2 {
-    height: 36px !important;
-    line-height: 18px;
-    color: #333;
-    font-size: 14px;
-    margin: 7px auto 6px;
-    width: 140px;
-}
-
-.shop_li_img_1_price {
-    text-align: center;
-    height: 21px;
-    line-height: 21px;
-    color: #A01C0E;
-    font-size: 18px;
-    width: 140px;
-    margin: 0px auto 0px;
-    font-weight: bold;
-}
-
-.shop_li_img_1_hot::after {
-    content: '';
-    display: block;
-    position: absolute;
-    width: 35px;
-    height: 25px;
-    left: 10px;
-    top: 0px;
-    z-index: 11;
-    background: url(../../public/img/11.png) no-repeat left 0px;
-    background-size: 100% 100%;
-}
-
-.shop_li_img_1:hover .shop_li_img_1_dot2 {
-    color: #A01C0E;
-}
-
-
-
-.roll_num_box {
-    position: absolute;
-    z-index: 2;
-    left: 60px;
-    bottom: 0px;
-    height: 60px;
-    line-height: 60px;
-    color: #fff;
-    font-size: 16px;
-
-    .roll_num_box_new {
-        font-size: 20px;
-    }
-}
-
-.dot1 {
-    display: block;
-    word-break: keep-all;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.swiper {
-    width: 100%;
-    height: 405px;
-    position: relative;
-
-    img {
-        width: 100%;
-        height: 405px;
-    }
-
-    .swiper_dot1 {
-        display: block;
-        width: 100%;
-        line-height: 60px;
-        height: 60px;
-        color: red;
-        font-size: 18px;
-        text-indent: 20px;
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        z-index: 10;
-        box-sizing: border-box;
-        padding: 0 144px;
-
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
-    }
-
-}
-
-.swiper {
-    height: 300px;
-}
-
-.el-carousel {
-
-    /deep/.el-carousel__indicators--outside {
-        margin-top: -35px;
-    }
-
-    /deep/.el-carousel__arrow--right {
-        width: 35px;
-        height: 57px;
-        color: #fff;
-        background: rgba(0, 0, 0, 0);
-        position: absolute;
-        right: 9;
-        border: none;
-        border-radius: 0;
-        top: 100%;
-        margin-top: -28px;
-    }
-
-    /deep/ .el-carousel__indicators {
-        // 指示器
-        left: unset;
-        transform: unset;
-        right: 10px;
-        bottom: 11px;
-    }
-
-    /deep/ .el-carousel__button {
-        // 指示器按钮
-        width: 10px;
-        height: 10px;
-        border: none;
-        border-radius: 5px;
-        background: #EDCEA2;
-        opacity: .5;
-    }
-
-    /deep/ .is-active .el-carousel__button {
-        // 指示器激活按钮
-        background: #EDCEA2;
-
-        opacity: 1;
-
-    }
-
-    /deep/ .el-carousel__container {
-        height: 100%;
-    }
-
-
-
-
-
-
-
-}
-
-.custom-indicator button {
-    background-color: #fff;
-
-    opacity: 1;
-    width: 8px;
-    height: 8px;
-}
-
-.custom-indicator button.is-active {
-    background-color: #DD7D18;
-    width: 58px;
-
-    opacity: 1;
-}
-</style>

components/topic/head.vue

@@ -1,374 +0,0 @@
-<template>
-    <div>
-        <!-- 顶部导航 -->
-        <nav class="headerNav">
-            <div class="inner">
-                <div class="left">
-                    <span>中农兴业网团</span>
-                    <span>旗下网站：
-                        <span>农业百强网站（政府类30强）</span>
-                    </span>
-                    <span class="ad">商圈</span>
-                </div>
-                <div class="right">
-                    <div class="menu">
-                        <button class="reg" @click="goTopic">
-                            <img src="../../public/head/topicon1.png" alt="商圈">
-                            商圈
-                        </button>
-                        <button class="reg" @click="goAdvertising">
-                            <img src="../../public/head/topicon2.png" alt="广告服务">
-                            广告服务
-                        </button>
-                    </div>
-                    <div class="right-top-menu">
-                        <button class="reg" @click="goLogin" v-show="!showToken">
-                            <img src="../../public/head/topicon3.png" alt="登录">
-                            登录
-                        </button>
-                        <button class="reg" @click="goRegister" v-show="!showToken">
-                            <img src="../../public/head/topicon4.png" alt="注册">
-                            注册
-                        </button>
-                        <button class="reg" @click="userCenter" v-show="showToken">
-                            <img src="../../public/head/topicon3.png" alt="用户信息">
-                            {{ username }}
-                        </button>
-                        <button class="reg" @click="goSearch">
-                            <img src="../../public/head/searchicon.png" alt="搜索">
-                            搜索
-                        </button>
-                    </div>
-                    <ul class="userInfo11" v-if="isShow">
-                        <li @click="gotosystem">个人中心</li>
-                        <li @click="exit">退出</li>
-                    </ul>
-
-                </div>
-            </div>
-        </nav>
-        <el-dialog v-model="dialogTableVisible" title="" width="800">
-            <div class="tips">
-                <p>
-                    <img src="../../public/topic/tips.png" alt="">
-                    提示:注册请联系管理员操作!
-                </p>
-                <p>
-                    联系电话:010-56019387
-                </p>
-                <p>
-                    QQ ： 2909421493 、213552413
-                </p>
-            </div>
-        </el-dialog>
-    </div>
-
-</template>
-
-<script setup>
-import { ref, onMounted, watch } from 'vue'
-import { ElPopover, ElDialog } from 'element-plus'
-import { getToken, setToken, removeToken } from '@/store/useCookieStore'
-import { setTicket, removeTicket } from '@/store/useticketStore'
-// import { navigateTo } from '@nuxtjs/composables';
-
-const nuxtApp = useNuxtApp();
-console.log("===:", nuxtApp) // 输出: someValue
-const axios = nuxtApp.$axios;
-
-let ticket = ref('')
-let token = ref('')
-let route = useRoute()
-ticket.value = route.query.ticket
-token.value = route.query.admintoken
-if (ticket.value) {
-    setTicket(ticket.value)
-}
-if (token.value) {
-    setToken(token.value)
-}
-
-
-console.log('查询参数：', ticket.value);
-console.log('查询参数：', token.value);
-
-definePageMeta({
-    middleware: 'auth'
-});
-
-let keyword = useState('keyword', () => '')
-let username = useState('username', () => '')
-let isDel = useState('isDel', () => 1)
-let isShow = useState('isShow', () => false)
-
-//点击登录按钮
-let goLogin = () => {
-    isDel.value = 0
-    token1.value = getToken()
-    window.location.href = ("http://admindev.bjzxtw.org.cn/auth/login.php?backurl=http://nwdev.bjzxtw.org.cn")
-    token1.value = getToken()
-}
-let dialogTableVisible = ref(false)
-
-//点击注册按钮
-let goRegister = () => {
-    dialogTableVisible.value = true
-}
-let userCenter = () => {
-    if(isShow.value){
-        isShow.value = false
-        return
-    }else{
-        isShow.value = true
-        return
-    }
-}
-
-let gotosystem = () => {
-    window.location.href = ("http://admindev.bjzxtw.org.cn/#/login?userurl=http://nwdev.bjzxtw.org.cn")
-}
-
-//点击退出按钮
-let exit = () => {
-    window.location.href = ('http://nwdev.bjzxtw.org.cn/')
-
-    isDel.value = 1
-    token1.value = getToken()
-
-    // axios.get(`http://admindev.bjzxtw.org.cn/auth/logoutapi.php?token=${token}`).then(response => {
-    //     console.log("退出登录", response);
-    //     isDel.value = response.data.isDel
-    // })
-    window.location.href = (`http://admindev.bjzxtw.org.cn/auth/logout.php?backurl=http://nwdev.bjzxtw.org.cn&admintoken=${token1}`)
-    removeToken()
-    removeTicket()
-}
-
-//点击搜索按钮
-let goSearch = () => {
-    const route = `/search/search?keyword=${keyword.value}`;
-    window.open(route, '_blank');
-}
-
-// 点击广告服务
-let goAdvertising = () => {
-    // window.location.href = ('http://localhost:3000/advertising?activeName=${1}')
-    if (getToken()) {
-        window.open(`http://nwdev.bjzxtw.org.cn/advertising?activeName=${1}`, '_blank');
-    } else {
-        goLogin()
-    }
-}
-
-//点击商圈
-let goTopic = () => {
-    // window.location.href = ('http://localhost:3000/topic')
-    if (getToken()) {
-        window.open('http://nwdev.bjzxtw.org.cn/topic', '_blank');
-    } else {
-        goLogin()
-    }
-}
-
-
-//获取用户信息
-let getUserInfo = async () => {
-    try {
-        const response = await axios.get("/user/getUserInfo");
-        console.log('获取用户信息', response);
-        username.value = response.data.nickname
-
-    } catch (error) {
-        console.error(error);
-    }
-}
-
-let token1 = useState("token1", () => '')
-let showToken = useState("showToken", () => '')
-token1.value = getToken()
-
-watch(token1, (newval, oldval) => {
-    console.log(newval, oldval);
-    showToken.value = newval
-}, {
-    deep: true,
-    immediate: true,
-})
-
-onMounted(() => {
-
-    //获取用户信息
-    getUserInfo()
-
-    //获取登录状态
-    getLoginStatus()
-})
-
-//检测登录状态
-//http://admindev.bjzxtw.org.cn/auth/loginstatus.php?token=XXXXXXXXXXXX
-let tokenStatus = ref('');
-tokenStatus.value = getToken()
-console.log(tokenStatus.value);
-//获取用户信息
-let getLoginStatus = async () => {
-    try {
-        const response = await axios.get(`http://nwdev.bjzxtw.org.cn/auth/loginstatus.php?token=${tokenStatus}`);
-        console.log('登录状态', response);
-        if (response.data.code == 200) {
-            if(response.data.data.islogin == true){
-                showToken.value = true 
-            }else{
-                showToken.value = false
-                exit()
-            }
-        } else if (response.data.code == 0) {
-            //退出登录
-            exit();
-        }
-    } catch (error) {
-        console.error(error);
-    }
-}
-
-
-</script>
-
-<style lang="less" scoped>
-// 广告页面头部
-.headerNav {
-    width: 100%;
-    height: 56px;
-    line-height: 56px;
-    border-bottom: 1px solid #E5E5E5;
-    // background-color: red;
-}
-
-.headerNav .left>span {
-    margin-right: 47px;
-    color: #666666;
-}
-
-.headerNav .left>.ad {
-    border-left: 1px solid #E5E5E5;
-    padding-left: 45px;
-    color: #333333;
-    font-weight: 600px;
-}
-
-.headerNav .right {
-    display: flex;
-    margin-right: 10px;
-    position: relative;
-
-    button {
-        font-size: 12px;
-        color: #666666;
-        border: none;
-        background: none;
-        cursor: pointer;
-    }
-
-    .login {
-        width: 36px;
-        height: 19px;
-        color: #fff;
-        border-radius: 4px;
-        background-color: #028E21;
-        margin-right: 15px;
-        cursor: pointer;
-    }
-
-    .menu,
-    .right-top-menu {
-        display: flex;
-    }
-
-    .reg {
-        margin-right: 20px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        height: 50px;
-
-        img {
-            margin-right: 5px;
-        }
-    }
-}
-
-.headerNav .right {
-    float: right;
-    font-size: 12px;
-    // margin-top: 10px;
-
-    span {
-        margin-left: 26px;
-    }
-
-    .home,
-    .collection {
-        display: inline-block;
-        width: 16px;
-        height: 16px;
-        vertical-align: -3px;
-    }
-
-    .exit {
-        line-height: 30px;
-    }
-
-}
-
-.userInfo11 {
-    width: 100px;
-    height: 80px;
-    background-color: #fff;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-    border-radius: 3px;
-    position: absolute;
-    top: 50px;
-    right: 0;
-    font-size: 14px;
-    z-index: 999;
-
-    li {
-        height: 40px;
-        line-height: 40px;
-        color: #333333;
-        padding-left: 10px;
-    }
-
-    >li:hover {
-        color: #028E21;
-    }
-}
-
-//提示信息
-.tips {
-    padding: 20px 0;
-    text-align: center;
-    font-size: 20px;
-    color: #40663B;
-    font-weight: bold;
-
-    img {
-        width: 78px;
-        height: 78px;
-        vertical-align: middle;
-        margin-right: 20px;
-
-        p {
-            line-height: 30px;
-        }
-    }
-
-    p {
-        line-height: 40px;
-    }
-
-    >p:first-child {
-        margin-bottom: 30px;
-    }
-
-}
-</style>

composables/publicFunction.ts

@@ -58,10 +58,11 @@ const getLinkPath = (item: any) => {
     return `/${item.aLIas_pinyin}/index.html`;
   }
 }
+//3.2跳转到频道页
 const getLinkPath1 = (item: any) => {
   return `/${item.aLIas_pinyin}/list-1.html`;
 }
-//3.2跳转到详情页
+//3.3跳转到详情页
 const getLinkPathDetail = (item: any) => {
   if (item.islink == 1) {
     return `${item.linkurl}`;
@@ -69,6 +70,7 @@ const getLinkPathDetail = (item: any) => {
     return `/${item.pinyin}/${item.id}.html`;
   }
 }
+//3.3特殊跳转到详情页
 const getLinkPathDetail1 = (item: any) => {
   if (item.islink == 1) {
     return `${item.linkurl}`;
@@ -76,35 +78,6 @@ const getLinkPathDetail1 = (item: any) => {
     return `/${item.aLIas_pinyin}/${item.id}.html`;
   }
 }
-//3.2商城跳转
-//3.2.1 菜单
-const getShopLinkPath = (item: any) => {
-    if (item.type_id == 1) {
-        //1=供应
-        return `/${item.pinyin}/gongying/${item.good_id}.html`;
-    } else {
-        //2=求购
-        return `/${item.pinyin}/qiugou/${item.good_id}.html`;
-    }
-}
-//3.2.2 商品详情
-const getShopPathDetail1 = (item: any) => {
-    if (item.type_id == 1) {
-        //1=供应
-        return `/${item.pinyin}/gongying/${item.id}.html`;
-    } else {
-        //2=求购
-        return `/${item.pinyin}/qiugou/${item.id}.html`;
-    }
-}
-//3.2.3 商品属于求购还是供应
-const getShopType = (item: any) => {
-    if (item.type_id == 1) {
-        return '供应';
-    } else {
-        return '求购';
-    }
-}
 //3.格式化跳转路径 end ---------------------------------------->
 
 
@@ -117,8 +90,6 @@ const getRoutePath = (type: Number) => {
   const segments = fullPath.split('/');
   const targetSegmentOne = segments[1];
   const targetSegmentTwo = segments[2];
-  const targetSegmentThree = segments[3];
-  const targetSegmentFour = segments[4];
 
   if (type == 1) {
     return targetSegmentOne;
@@ -126,16 +97,9 @@ const getRoutePath = (type: Number) => {
   if (type == 2) {
     return targetSegmentTwo;
   }
-  if (type == 3) {
-    return targetSegmentThree;
-  }
-  if (type == 4) {
-    return targetSegmentFour;
-  }
 }
-//4.获得路由路径 end ---------------------------------------->
 
-export { getTime, getTitleLength, getLinkPath, getLinkPathDetail, 
-    getRoutePath, getLinkPath1, getLinkPathDetail1,getShopLinkPath,
-    getShopPathDetail1,getShopType
- };
+
+
+//4.获得路由路径 end ---------------------------------------->
+export { getTime, getTitleLength, getLinkPath, getLinkPathDetail,getLinkPathDetail1, getRoutePath, getLinkPath1 };

error.vue

@@ -1,62 +1,62 @@
 <template>
-  <div class="errorBox">
-    <img src="./public/error/404.png" alt="页面不存在" v-if="errorCode == 404">
-    <img src="./public/error/error.png" alt="服务器渲染错误" v-if="errorCode == 500">
-    <div class="errorText" v-if="errorCode == 404">对不起，您访问的页面不存在（{{ errorText }}）</div>
-    <div class="errorText" v-if="errorCode == 500">服务器渲染错误（{{ errorText }}）</div>
-    <div @click="goHome" class="goHome">返回网站首页</div>
-  </div>
-</template>
-
-<script setup>
-    //1.处理错误 start ---------------------------------------->
-    //获得错误信息
-    const error = useError();
-    //console.log('错误信息:', error.value);
-    //获得错误代码与错误文字
-    const errorCode = ref(0)
-    const errorText = ref('')
-    errorCode.value = error.value.statusCode;
-    errorText.value = error.value.message;
-    //console.log('错误代码:', errorCode.value);
-    //1.处理错误 end ---------------------------------------->
-
-    //2.处理跳转 start ---------------------------------------->
-    const router = useRouter()
-    const goHome = () => {
-        router.push('/')
-    }
-    //2.处理跳转 end ---------------------------------------->
-</script>
-
-<style lang="less" scoped>
-  .errorBox {
-    width: 100%;
-    text-align: center;
-    padding-top: 150px;
-    img {
-      width: 404px;
-      height: 302px;
-      margin: 0 auto;
-    }
-    .goHome {
-      width: 120px;
-      height: 32px;
-      line-height: 32px;
-      font-size: 14px;
-      color: #20242E;
+    <div class="errorBox">
+      <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250701/1751346180738003.jpg" alt="页面不存在" v-if="errorCode == 404">
+      <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250701/1751346208700657.jpg" alt="服务器渲染错误" v-if="errorCode == 500">
+      <div class="errorText" v-if="errorCode == 404">对不起，您访问的页面不存在（{{ errorText }}）</div>
+      <div class="errorText" v-if="errorCode == 500">服务器渲染错误（{{ errorText }}）</div>
+      <div @click="goHome" class="goHome">返回网站首页</div>
+    </div>
+  </template>
+  
+  <script setup>
+      //1.处理错误 start ---------------------------------------->
+      //获得错误信息
+      const error = useError();
+      //console.log('错误信息:', error.value);
+      //获得错误代码与错误文字
+      const errorCode = ref(0)
+      const errorText = ref('')
+      errorCode.value = error.value.statusCode;
+      errorText.value = error.value.message;
+      //console.log('错误代码:', errorCode.value);
+      //1.处理错误 end ---------------------------------------->
+  
+      //2.处理跳转 start ---------------------------------------->
+      const router = useRouter()
+      const goHome = () => {
+          router.push('/')
+      }
+      //2.处理跳转 end ---------------------------------------->
+  </script>
+  
+  <style lang="less" scoped>
+    .errorBox {
+      width: 100%;
       text-align: center;
-      margin: 0 auto;
-      background: #fff;
-      border: 1px solid #D4D6D9;
-      border-radius: 2px;
-      cursor: pointer;
-    }
-    .errorText {
-        font-size:16px;
-        color: #727785;
-        margin-top: 40px;
-        margin-bottom: 20px;
+      padding-top: 150px;
+      img {
+        width: 404px;
+        height: 302px;
+        margin: 0 auto;
+      }
+      .goHome {
+        width: 120px;
+        height: 32px;
+        line-height: 32px;
+        font-size: 14px;
+        color: #20242E;
+        text-align: center;
+        margin: 0 auto;
+        background: #fff;
+        border: 1px solid #D4D6D9;
+        border-radius: 2px;
+        cursor: pointer;
+      }
+      .errorText {
+          font-size:16px;
+          color: #727785;
+          margin-top: 40px;
+          margin-bottom: 20px;
+      }
     }
-  }
-</style>
+  </style>

middleware/auth.js

@@ -1,4 +1,3 @@
-export default function (to, from) {
-    // to是目标路由对象，from是来源路由对象
-    console.log('进入路由中间件，目标路由：', to.path,"当前路由:",from.path);
-}
+export default defineNuxtRouteMiddleware(async (to) => {
+
+});

middleware/setup.global.js

@@ -42,7 +42,7 @@ function parseRoute(url) {
         parts.pop();
     }
     
-    let all_route, last_route;
+    let all_route, last_route, other_route;
 
     // 如果路径以 xiangcunshangcheng 开头
     // if (parts[0] === "xiangcunshangcheng") {
@@ -70,11 +70,13 @@ function parseRoute(url) {
 
     all_route = parts.join('/');
     last_route = parts.length > 0 ? parts[parts.length - 1] : null;
+    other_route = parts[0]
 
     // 返回结果（只有数字.html 时才包含 id）
     const result = {
         all_route,
-        last_route
+        last_route,
+        other_route,
     };
     if (id !== undefined) {
         result.id = id;
@@ -93,12 +95,12 @@ function getRouteWhiteList(path){
         const parts = path.split('/').filter(Boolean); // 分割并过滤空字符串
         console.log(parts[0])
         let whiteList = [
-            "404",
-            "search",//搜索页
-            "xiangcunshangcheng",//乡村商城搜索页
-            "topic",//商圈
-            "advertising",//广告
-            "about",//关于我们
+            // "404",
+            // "search",//搜索页
+            // "xiangcunshangcheng",//乡村商城搜索页
+            // "topic",//商圈
+            // "advertising",//广告
+            // "about",//关于我们
         ]
 
         if(whiteList.includes(parts[0])){

nuxt.config.js

@@ -3,10 +3,10 @@ export default defineNuxtConfig({
   ssr: true,
   app: {
     head: {
-      title: '乡村网',
+      title: '',
       meta: [
-        { name: 'description', content: '乡村网' },
-        { name: 'keywords', content: '乡村网' },
+        { name: 'description', content: '' },
+        { name: 'keywords', content: '' },
       ],
     },
   },
@@ -19,17 +19,18 @@ export default defineNuxtConfig({
     '@pinia/nuxt',
   ],
   css: [
-    '~/assets/css/global.css',
-    '~/assets/css/font.css',
+    '~/assets/css/static/global.css',
+    '~/assets/css/static/font.css',
     'element-plus/dist/index.css',
     'element-plus/theme-chalk/display.css'
   ],
   build: {
-    publicPath: '/'
+    publicPath: '/',
+    transpile: ['#app-manifest'],
   },
   nitro: {
     devServer: {
-      port:3000, // 指定生产服务器的端口
+      port:10000, // 指定生产服务器的端口
     }
   },
   plugins: [
@@ -39,8 +40,15 @@ export default defineNuxtConfig({
       mode: 'client'
     }
   ],
-  server: {
-    port: process.env.PORT, // 使用环境变量或默认的3000端口
-    host: '0.0.0.0' // 允许外部访问
+  vite: {
+    optimizeDeps: {
+      include: ['#app-manifest'], // 强制包含该模块
+    },
+    server: {
+      watch: {
+        // 忽略某些文件的监听
+        ignored: ['**/node_modules/nuxt/dist/app/composables/manifest.js']
+      }
+    }
   }
 })

package.json

@@ -14,6 +14,7 @@
     "@element-plus/icons-vue": "^2.3.1",
     "@element-plus/nuxt": "^1.0.10",
     "@gauseen/nuxt-proxy": "^1.0.1",
+    "@nuxtjs/sitemap": "^7.2.6",
     "@nuxtjs/style-resources": "^1.2.2",
     "@pinia/nuxt": "^0.5.5",
     "add": "^2.0.6",
@@ -27,11 +28,6 @@
     "less-loader": "^12.2.0",
     "nuxt": "^3.13.0",
     "vue": "^3.5.12",
-    "vue-meta": "^2.4.0",
-    "vue-meta-info": "^0.1.7",
     "vue-router": "latest"
-  },
-  "devDependencies": {
-    "nuxt-vite": "^0.3.5"
   }
 }

pages/[dir]/[dir]/[id].vue

@@ -1,36 +1,32 @@
 <template>
     <!-- 页面头部 -->
     <HomePageHead></HomePageHead>
-    <!-- 页面导航 -->
-    <HomePageNavigation></HomePageNavigation>
+    <!-- 导航栏 -->
+    <HomePageNavigation1></HomePageNavigation1>
     <!-- 广告1 -->
     <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
-
-    <!-- 面包屑导航 -->
-    <!-- <div class="breadcrumb">
-        <div class="inner">
-            <span class="location">当前位置33:</span>
-            <el-breadcrumb :separator-icon="ArrowRight">
-                <el-breadcrumb-item>
-                    <NuxtLink to="/">首页</NuxtLink>
-                </el-breadcrumb-item>
-                <el-breadcrumb-item>
-                    <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
-                </el-breadcrumb-item>
-                <el-breadcrumb-item>
-                    <NuxtLink :to="`list-1.html`">{{ routLevelTitle }}</NuxtLink>
-                </el-breadcrumb-item>
-                <el-breadcrumb-item>{{ routeNewsTtitle }}</el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-    </div> -->
-
-    <PublicBreadcrumb :articleName="newsDetail.title"></PublicBreadcrumb>
-
     <!-- 资讯列表 -->
     <div class="newsDetail">
         <div class="inner">
             <div class="innerLeft">
+                <!-- 面包屑导航 -->
+                <div class="breadcrumb">
+                    <div class="inner">
+                        <span class="location">当前位置:</span>
+                        <el-breadcrumb :separator-icon="ArrowRight">
+                            <el-breadcrumb-item>
+                                <NuxtLink to="/">首页</NuxtLink>
+                            </el-breadcrumb-item>
+                            <el-breadcrumb-item v-if="parent_name != ''">
+                                <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
+                            </el-breadcrumb-item>
+                            <el-breadcrumb-item>
+                                <NuxtLink :to="`list-1.html`"> {{ routLevelTitle }}</NuxtLink>
+                            </el-breadcrumb-item>
+                            <el-breadcrumb-item>{{ routeNewsTtitle }}</el-breadcrumb-item>
+                        </el-breadcrumb>
+                    </div>
+                </div>
                 <div class="LeftTop">
                     <h1>{{ newsDetail.title }}</h1>
                     <p>
@@ -44,9 +40,8 @@
                 <div v-if="previewVisible" class="preview-modal" @click="closePreview">
                     <img :src="selectedImage" alt="Preview">
                 </div>
-
                 <!-- 免责声明: -->
-                <div class="disclaimer" v-if="newsDetail.fromurl">
+                <div class="disclaimer" v-if="newsDetail.copyfrom != '本网'">
                     <p>原文链接：{{ newsDetail.fromurl }}</p>
                     <p>[免责声明]本文来源于网络转载，仅供学习交流使用，不构成商业目的。 版权归原作者所有，如涉及作品内容，版权和其他问题，请在30日与本网联系，我们将第一时间处理。</p>
                 </div>
@@ -127,10 +122,8 @@
             </div>
         </div>
     </div>
-
     <!-- 广告1 -->
     <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
-
     <!-- 页面底部 -->
     <HomeFoot1></HomeFoot1>
 </template>
@@ -140,21 +133,12 @@
 import { onMounted } from 'vue'
 import { ElBreadcrumb, ElBreadcrumbItem, ElRadio, ElRadioGroup, ElCheckbox, ElCheckboxGroup, ElMessage, ElInput } from 'element-plus'
 import { ArrowRight } from '@element-plus/icons-vue'
+//1.页面依赖 end ---------------------------------------->
 
-
-//1.1 获得跳转过来的id
+//2.页面路径 start ---------------------------------------->
 const route = useRoute();
-const articleId = parseInt(route.params.id);  //获得该页面的id list-1.html 或者 /1.html
-
-//1.2 获得父级栏目的名称、id
-//获得当前的完整路径
-const fullPath = route.path;
-//拆分，取出来中间这一段，然后提取数字部分
-const segments = fullPath.split('/');
-const targetSegment = segments[1];
-// const numberPart = targetSegment.match(/\d+$/)?.[0]; 
-// const routeId = numberPart;
-
+const articleId = parseInt(route.params.id);
+const targetSegment = getRoutePath(1);
 
 let routeId;
 //通过导航路径反向查询导航id
@@ -172,11 +156,13 @@ if (getRouteId.code == 200) {
     console.log("后端错误反馈：", getRouteId.message)
     console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
 }
+//2.页面路径 end ---------------------------------------->
 
-//面包屑导航
+//3.面包屑 start ---------------------------------------->
 const parent_name = ref("");
 const parent_id = ref("");
 const parent_pinyin = ref("");
+
 let getParentNav = async () => {
     const listData = await requestDataPromise('/web/getOneWebsiteCategory', {
         method: 'GET',
@@ -199,20 +185,20 @@ let getParentNav = async () => {
 }
 //获得父级栏目详情
 getParentNav();
-//1.页面依赖 end ---------------------------------------->
+//3.面包屑 end ---------------------------------------->
 
-//2.页面数据 start ---------------------------------------->
-//2.1 资讯详情
+//4.新闻详情 start ---------------------------------------->
+//4.1 资讯详情
 const newsDetail = ref({})
 const routeNewsTtitle = ref("");
-//2.2 发布日期
+//4.2 发布日期
 const time = ref("");
-//2.3 路径
+//4.3 路径
 const routLevelTitle = ref("");
 const routLevelId = ref("");
-//是否展示投票
+//4.4 是否展示投票
 const articleChoice = ref(false);
-//2.4获取详情
+//4.5 获取详情
 async function getPageData() {
     const mkdata = await requestDataPromise('/web/selectWebsiteArticleInfo', {
         method: 'GET',
@@ -248,16 +234,16 @@ async function getPageData() {
     }
 }
 getPageData();
+//4.新闻详情 end ---------------------------------------->
 
-//2.5 获得广告
-//广告列表
+
+//5.广告 start ---------------------------------------->
 let adImg1 = ref([]);
 let adImg2 = ref([]);
-
 onMounted(async () => {
     const { $webUrl, $CwebUrl } = useNuxtApp();
     //广告1
-    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_detail_0001`
+    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_detail_0001`
     const responseAd1 = await fetch(url, {
         headers: {
             'Content-Type': 'application/json',
@@ -268,7 +254,7 @@ onMounted(async () => {
     const resultAd1 = await responseAd1.json();
     adImg1.value = resultAd1.data[0];
     //广告2
-    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_detail_0002`
+    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_detail_0002`
     const responseAd2 = await fetch(url2, {
         headers: {
             'Content-Type': 'application/json',
@@ -279,11 +265,9 @@ onMounted(async () => {
     const resultAd2 = await responseAd2.json();
     adImg2.value = resultAd2.data[0];
 })
+//5.广告 end ---------------------------------------->
 
-//2.页面数据 end ---------------------------------------->
-
-//3.设置seo信息 start---------------------------------------->
-//3.1 设置seo信息
+//6.设置seo信息 start---------------------------------------->
 const setData = await requestDataPromise('/web/selectWebsiteArticleInfo', {
     method: 'GET',
     query: {
@@ -305,14 +289,11 @@ if (setData.code == 200) {
         ]
     });
 } else {
-    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-    console.log("错误位置：设置详情页面SEO数据")
-    console.log("后端错误反馈：", setData.message)
-    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+    console.log("获取广告数据失败！", setData.message)
 }
-//3.设置seo信息 end---------------------------------------->
+//6.设置seo信息 end---------------------------------------->
 
-//4.投票 start---------------------------------------->
+//7.投票 start---------------------------------------->
 const radio1 = ref(''); //单选
 const check1 = ref([]); //多选
 const isDisabled = ref(false);//是否禁用提交按钮
@@ -324,7 +305,7 @@ const userIsChoice = ref('');//用于判断其他选项目前是什么值
 const showUserChoice = ref(false);//是否显示其他输入框
 const websiteSurveyData = ref([]);//投票结果
 
-//4.1获得投票列表
+//7.1获得投票列表
 let voteList = ref([]);
 async function getVoteList() {
     const voteData = await requestHome('/web/getWebsiteSurvey', { method: 'GET', query: { 'art_id': articleId } });
@@ -360,7 +341,7 @@ async function getVoteList() {
 }
 
 
-//4.2当用户选择了选项，判断是否展示其他输入框
+//7.2当用户选择了选项，判断是否展示其他输入框
 const handleRadioChange = (value) => {
     if (value == userIsChoice.value) {
         showUserChoice.value = true;
@@ -377,7 +358,7 @@ const handleCheckboxChange = (value) => {
     }
 }
 
-//4.3发起投票
+//7.3发起投票
 async function addWebsiteSurvey() {
     //判断当前是单选还是多选
     console.log(isRadio.value)
@@ -604,9 +585,9 @@ async function addWebsiteSurvey() {
         }
     }
 }
-//4.投票 end---------------------------------------->
+//7.投票 end---------------------------------------->
 
-//5.页面图片放大 start---------------------------------------->
+//8.页面图片放大 start---------------------------------------->
 const previewVisible = ref(false)
 const selectedImage = ref(' ')
 
@@ -619,7 +600,7 @@ const openPreview = (event) => {
 const closePreview = () => {
     previewVisible.value = false;
 }
-//5.页面图片放大 end---------------------------------------->
+//8.页面图片放大 end---------------------------------------->
 </script>
 
 <style lang="less" scoped>

pages/[dir]/[dir]/list-[id].vue

@@ -2,49 +2,32 @@
     <div id="newsList">
         <!-- 页面头部 -->
         <HomePageHead></HomePageHead>
-        <!-- 页面导航 -->
-        <HomePageNavigation></HomePageNavigation>
-        <!-- 广告1 -->
-        <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
-
-        <!-- 二级导航列表 -->
-        <div class="nav2top" v-if="parent_name != ''"></div>
-        <div class="nav2" v-if="parent_name != ''">
-            <ul class="inner">
-                <li class="home">
-                    <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
-                </li>
-                <li class="titleList" v-for="(item, index) in secondNav" :key="index">
-                    <NuxtLink :to="{ path: `/${targetRoute}/${item.aLIas_pinyin}/list-1.html` }">
-                        <span class="nav2_title">{{ item.alias }}</span>
-                    </NuxtLink>
-                </li>
-            </ul>
-        </div>
-        <div class="nav2btm" v-if="parent_name != ''"></div>
-
-        <!-- 面包屑导航 -->
-        <!-- <div class="breadcrumb">
-            <div class="inner">
-                <span class="location">当前位置:</span>
-                <el-breadcrumb :separator-icon="ArrowRight">
-                    <el-breadcrumb-item>
-                        <NuxtLink to="/">首页</NuxtLink>
-                    </el-breadcrumb-item>
-                    <el-breadcrumb-item v-if="parent_name != ''">
-                        <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
-                    </el-breadcrumb-item>
-                    <el-breadcrumb-item>{{ name }}</el-breadcrumb-item>
-                </el-breadcrumb>
-            </div>
-        </div> -->
-
-        <PublicBreadcrumb></PublicBreadcrumb>
-
+        <!-- 导航栏 -->
+        <HomePageNavigation1></HomePageNavigation1>
+        <!-- 列表页广告一 -->
+        <HomeTopTen :imgurl="adImg1" v-if="adImg1"></HomeTopTen>
+        <!-- 二级标题-->
+        <HomeListSecondaryHeading v-if="parent_name != ''" :name="parent_name" :nav="secondNav" :pinyin="parent_pinyin">
+        </HomeListSecondaryHeading>
         <!-- 资讯列表 -->
         <div class="newsList">
             <div class="inner">
                 <div class="innerLeft">
+                    <!-- 面包屑导航 -->
+                    <div class="breadcrumb">
+                        <div class="inner">
+                            <span class="location">当前位置:</span>
+                            <el-breadcrumb :separator-icon="ArrowRight">
+                                <el-breadcrumb-item>
+                                    <NuxtLink to="/">首页</NuxtLink>
+                                </el-breadcrumb-item>
+                                <el-breadcrumb-item v-if="parent_name != ''">
+                                    <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
+                                </el-breadcrumb-item>
+                                <el-breadcrumb-item>{{ name }}</el-breadcrumb-item>
+                            </el-breadcrumb>
+                        </div>
+                    </div>
                     <ul class="list">
                         <li v-for="(item, index) in newsList" :key="index">
                             <NuxtLink :href="getLinkPathDetail(item)" :title="item.alias">
@@ -54,16 +37,9 @@
                         </li>
                     </ul>
                     <!-- 分页器 -->
-                    <div class="pagination" v-if="total">
-                        <el-pagination 
-                            size="small" 
-                            background 
-                            layout="prev, pager, next" 
-                            :total="total" class="mt-4"
-                            v-model:page-size="pageSize" 
-                            :current-page="pageNum" 
-                            prev-text="上一页" 
-                            next-text="下一页" 
+                    <div class="pagination" v-if="total > 0">
+                        <el-pagination size="small" background layout="prev, pager, next" :total="total" class="mt-4"
+                            :page-size="pageSize" :current-page="pageNum" prev-text="上一页" next-text="下一页"
                             @current-change="changePage" />
                     </div>
                 </div>
@@ -73,51 +49,26 @@
                 </div>
             </div>
         </div>
-
         <!-- 列表页广告二 -->
-        <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
-
+        <HomeTopTen :imgurl="adImg2" v-if="adImg2"></HomeTopTen>
         <!-- 页面底部 -->
         <HomeFoot1></HomeFoot1>
     </div>
 </template>
 
 <script setup>
-import { onMounted } from 'vue';
-import { ElBreadcrumb, ElBreadcrumbItem, ElPagination, ElMessage } from 'element-plus'
+//1.页面必备依赖 start ---------------------------------------->
+import { ElBreadcrumb, ElBreadcrumbItem, ElPagination } from 'element-plus'
 import { ArrowRight } from '@element-plus/icons-vue'
+import { ref, onMounted } from 'vue';
+//1.页面必备依赖 end ---------------------------------------->
 
-
-//格式化跳转路径
-const getLinkPathDetail = (item) => {
-    if (item.islink == 1) {
-        return `${item.linkurl}`;
-    } else {
-        //return `/${item.aLIas_pinyin}/${item.id}`;
-        //return `/newsDetail/${item.id}`
-        return `/${item.pinyin}/${item.id}.html`;
-    }
-}
-
-//1.获得路由id start ---------------------------------------->
+//2.路径 start---------------------------------------->
+//当前列表名称
 const route = useRoute();
-let articleId = 0;//路由id
-let pageNum = ref(2);
-let total = ref(1);
-let page = ref(1);
-let pageSize = ref(20);
-
-//获得当前的完整路径
-const fullPath = route.path;
-//拆分，取出来中间这一段，然后提取数字部分
-const segments = fullPath.split('/');
-const targetSegment = segments[2];
-const targetRoute = segments[1];
-
-
-//const numberPart = targetSegment.match(/\d+$/)?.[0]; 
-//let routeId = 20 //排除路径错误可以打开这个
-//articleId = numberPart;
+let articleId = 0;//列表需要使用的导航id 
+const targetSegment = getRoutePath(2);//根据路由反向查询导航id
+let pageNum = ref(1);//获得路由里面的分页数据
 
 //通过导航路径反向查询导航id
 const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
@@ -129,23 +80,15 @@ const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
 if (getRouteId.code == 200) {
     articleId = getRouteId.data.category_id
 } else {
-    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-    console.log("错误位置：通过url路径查询导航池id")
     console.log("后端错误反馈：", getRouteId.message)
-    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
 }
-//获得html前的数字
-// const pageUrl = segments[3]; 
-// const pageNumber = pageUrl.split('.')[0];
-// console.log("当前URL中的页码：")
-// console.log(pageNumber)//2
-// pageNum.value = parseInt(pageNumber);
 pageNum.value = parseInt(route.params.id);
+//2.路径 end---------------------------------------->
 
-//1.获得路由id end ---------------------------------------->
+//3.列表 start ---------------------------------------->
+let total = ref(1);
+let pageSize = ref(20);
 
-//2.页面数据 start ---------------------------------------->
-//2.2新闻列表
 const newsList = ref([]);
 let newslists = async () => {
     const listData = await requestDataPromise('/web/getWebsiteArticleList', {
@@ -159,25 +102,26 @@ let newslists = async () => {
     if (listData.code == 200) {
         newsList.value = listData.data.rows;
         total.value = listData.data.count;
-        console.log('news111111', newsList.value);
 
     } else {
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：获取新闻列表")
-        console.log("后端错误反馈1111：", listData.message)
+        console.log("后端错误反馈：", listData.message)
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     }
 }
-//获得列表
 newslists();
 
-//分页事件
+//分页
 let changePage = (value) => {
     console.log("当前页码", value);
     navigateTo(`/${targetSegment}/${value}.html`)
 }
+//3.列表 end ---------------------------------------->
+
 
-//2.3获得页面名称
+//4.面包屑 start---------------------------------------->
+//3.1 获得页面名称
 const name = ref('')
 let getPageName = async () => {
     const pageName = await requestDataPromise('/web/getOneWebsiteCategory', {
@@ -189,17 +133,12 @@ let getPageName = async () => {
     if (pageName.code == 200) {
         name.value = pageName.data.alias
     } else {
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：设置页面标题")
-        console.log("后端错误反馈：", pageName.message)
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     }
 }
-//获得列表
 getPageName();
-//2.页面数据 end ---------------------------------------->
-//3.二级栏目 start ---------------------------------------->
-//3.1通过id获取父栏目
+
+//3.2 获得父级栏目
 const parent_name = ref([]);
 const parent_id = ref([]);
 const parent_pinyin = ref("");
@@ -217,17 +156,13 @@ let getParentNav = async () => {
         parent_id.value = listData.data.parent_id;
         parent_pinyin.value = listData.data.parent_pinyin;
     } else {
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-        console.log("错误位置：获取新闻列表")
-        console.log("后端错误反馈：", listData.message)
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+        console.log("错误位置：获取父级栏目")
     }
     getSecondNav();
 }
-//获得父级栏目详情
 getParentNav();
 
-// 3.2获取二级栏目
+// 3.3获取二级栏目
 const secondNav = ref([]);
 let getSecondNav = async () => {
     const listData = await requestDataPromise('/web/getWebsiteModelCategory', {
@@ -235,26 +170,21 @@ let getSecondNav = async () => {
         query: {
             'placeid': 1,
             'pid': parent_id.value,
-            'num': 8,
+            'num': 20,
         },
     });
     console.log('listData', listData);
-    // secondNav.value = listData.data;
 
     if (listData.code == 200) {
         secondNav.value = listData.data;
-        console.log('secondNav', secondNav.value);
     } else {
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-        console.log("错误位置：获取新闻列表")
-        console.log("后端错误反馈：", listData.message)
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+        console.log("错误位置：获取二级栏目列表")
     }
 }
-//3.二级栏目 end ---------------------------------------->
+//4.面包屑 end ---------------------------------------->
+
 
-//4.设置seo信息 start---------------------------------------->
-//4.1 设置seo信息
+//5.设置seo信息 start---------------------------------------->
 const setData = await requestDataPromise('/web/getWebsiteCategoryHead', {
     method: 'GET',
     query: {
@@ -277,14 +207,11 @@ if (setData.code == 200) {
         ]
     });
 } else {
-    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     console.log("错误位置：设置列表页面SEO数据")
-    console.log("后端错误反馈：", setData.message)
-    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
 }
-//4.设置seo信息 end---------------------------------------->
+//5.设置seo信息 end---------------------------------------->
 
-//5.广告 start---------------------------------------->
+//6.广告 start---------------------------------------->
 let adImg1 = ref({});
 let adImg2 = ref({});
 
@@ -292,7 +219,7 @@ onMounted(async () => {
     //从客户端获取行政职能部门 加快打开速度
     const { $webUrl, $CwebUrl } = useNuxtApp();
     //广告1
-    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_list_0001`
+    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_list_0001`
     const responseAd1 = await fetch(url, {
         headers: {
             'Content-Type': 'application/json',
@@ -304,7 +231,7 @@ onMounted(async () => {
     adImg1.value = resultAd1.data[0];
 
     //广告2
-    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_list_0002`
+    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_list_0002`
     const responseAd2 = await fetch(url2, {
         headers: {
             'Content-Type': 'application/json',
@@ -316,471 +243,9 @@ onMounted(async () => {
     adImg2.value = resultAd2.data[0];
 
 })
-//5.广告 end---------------------------------------->
-
-
+//6.广告 end---------------------------------------->
 </script>
 
 <style lang="less" scoped>
-#newsList {
-    width: 100%;
-    overflow: hidden;
-}
-
-.nav2top {
-    width: 1250px;
-    height: 3px;
-    margin: 0 auto;
-    background-color: #a01c0e;
-}
-
-.nav2btm {
-    width: 1200px;
-    height: 3px;
-    margin: 0 auto;
-    background-color: #a01c0e;
-}
-
-.nav2 {
-    width: 100%;
-    height: 48px;
-    background-color: #a01c0e;
-
-    .inner {
-        width: 1250px;
-        height: 48px;
-        line-height: 48px;
-        padding: 0 45px;
-        margin: 0 auto;
-        box-sizing: border-box;
-        display: flex;
-        // justify-content: space-between;
-
-        .titleList {
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: bold;
-            font-size: 14px;
-            color: #FFFFFF;
-
-            .nav2_title {
-                display: inline-block;
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: bold;
-                font-size: 14px;
-                color: #FFFFFF;
-            }
-
-            a {
-                padding: 0 38px;
-                color: #FFFFFF;
-                border-left: 1px solid #7E1C11;
-            }
-
-            //鼠标点击后的样式
-            .nav2_title_active {
-                display: inline-block;
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: bold;
-                font-size: 14px;
-                color: #FFFFFF;
-                border-bottom: 1px solid #FFFFFF;
-            }
-        }
-
-        .titleList:hover {
-            a {
-                color: #a01c0e;
-
-                .nav2_title {
-                    border-bottom: 1px solid #FFFFFF;
-                }
-            }
-        }
-
-        .home {
-            width: 100px;
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: bold;
-            font-size: 14px;
-            color: #F8ECD2;
-
-            a {
-                color: #F8ECD2;
-                margin-right: 39px;
-            }
-        }
-    }
-}
-
-// 资讯列表
-.newsList {
-    width: 100%;
-    // height: 675px;
-    overflow: hidden;
-    margin-bottom: 70px;
-
-    .inner {
-        width: 1200px;
-
-        .innerLeft,
-        .innerRight {
-            border-top: 1px solid #ccc;
-        }
-
-        .innerLeft {
-            width: 820px;
-            margin-right: 30px;
-
-            .list {
-                margin-bottom: 70px;
-
-                li {
-                    width: 820px;
-                    padding: 15px 0;
-
-                    a {
-                        display: flex;
-                        justify-content: space-between;
-                    }
-
-                    .listTitle {
-                        // float: left;
-                        display: inline-block;
-                        width: 486px;
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #333333;
-                        text-align: left;
-                        font-style: normal;
-                        text-transform: none;
-                    }
-
-                    .time {
-                        // float: right;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #333333;
-                    }
-
-                }
-
-                >li:hover .listTitle {
-                    color: #a01c0e;
-                }
-
-                // >li:nth-child(1)::after,
-                // >li:nth-child(2)::after {
-                //     content: "热";
-                //     margin-left: 13px;
-                //     background: #FF8A37;
-                //     color: #fff;
-                //     font-size: 14px;
-                //     padding: 0px 2px;
-                // }
-
-                >li:nth-child(5n) {
-                    border-bottom: 1px solid #D9D9D9;
-                    padding-bottom: 30px;
-                }
-
-                >li:nth-child(5n+1) {
-                    span {
-                        font-weight: bold;
-                    }
-
-                    font-weight: bold;
-                    padding-top: 30px;
-
-                }
-            }
-
-            >.pagination {
-                width: 800px;
-                height: 34px;
-                margin-left: 141px;
-                display: flex;
-                justify-content: center;
-                margin: 0;
-
-                // 鼠标移入后字体颜色
-                .el-pagination::v-deep :hover {
-                    color: #a01c0e;
-                }
-
-                .el-pagination.is-background::v-deep .btn-next,
-                .el-pagination.is-background::v-deep .btn-prev {
-                    width: 70px;
-                    height: 34px;
-                    margin: 0px 10px;
-                    border-radius: 4px;
-                }
-
-                .el-pagination.is-background::v-deep .el-pager li {
-                    margin: 0px 10px;
-                    width: 38px;
-                    height: 34px;
-                    border-radius: 4px;
-                }
-
-                .el-pagination.is-background::v-deep .btn-next.is-active,
-                .el-pagination.is-background::v-deep .btn-prev.is-active,
-                .el-pagination.is-background::v-deep .el-pager li.is-active {
-                    background-color: #a01c0e;
-                    color: #fff;
-                }
-
-
-            }
-        }
-
-        .innerRight {
-            width: 350px;
-            height: 1242px;
-            border-bottom: 1px solid #ccc;
-            // height: 605px;
-        }
-    }
-}
-
-//资讯推荐
-.zixuntuijian {
-    width: 100%;
-    height: 290px;
-    margin-bottom: 70px;
-
-    .innerLeft {
-
-        // 左侧
-        .zixunLeft {
-            margin-right: 30px;
-        }
-
-        .zixunRight,
-        .zixunLeft {
-            float: left;
-            width: 380px;
-            height: 290px;
-
-            // 标题部分
-            >.title {
-                width: 380px;
-            }
-
-            >.title>h3 {
-                height: 36px;
-                font-family: Source Han Sans, Source Han Sans;
-                font-weight: bold;
-                font-size: 24px;
-                color: #000000;
-                line-height: 28px;
-                text-align: left;
-                font-style: normal;
-                text-transform: none;
-                border-bottom: 1px solid #a01c0e;
-
-            }
-
-            >.title>h3>span {
-                float: right;
-                width: 56px;
-                height: 20px;
-                line-height: 24px;
-                font-weight: 400;
-                font-size: 14px;
-                color: #999999;
-                font-style: normal;
-                text-transform: none;
-            }
-
-            .photo_text {
-
-                >li:first-child {
-                    width: 380px;
-                    height: 120px;
-                    margin-top: 20px;
-                    margin-bottom: 15px;
-                    position: relative;
-
-                    >img {
-                        float: left;
-                        width: 160px;
-                        height: 120px;
-                    }
-
-                    >div {
-                        float: left;
-                        width: 220px;
-                        height: 120px;
-                        padding-left: 15px;
-                        padding-top: 6px;
-                        box-sizing: border-box;
-                        background-color: #f6f6f6;
-
-
-                        >h5 {
-                            width: 200px;
-                            height: 54px;
-                            display: -webkit-box;
-                            -webkit-box-orient: vertical;
-                            -webkit-line-clamp: 2;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            word-break: break-all;
-                            font-family: Source Han Sans, Source Han Sans;
-                            font-weight: 500;
-                            font-size: 18px;
-                            color: #333333;
-                            line-height: 26px;
-                            text-align: left;
-                            font-style: normal;
-                            text-transform: none;
-                        }
-
-                        >p {
-                            width: 200px;
-                            height: 22px;
-                            line-height: 20px;
-                            position: absolute;
-                            bottom: 5px;
-                            right: 0;
-
-                            >span {
-                                display: inline-block;
-                                // width: 100px;
-                                height: 18px;
-                                font-family: Source Han Sans, Source Han Sans;
-                                font-weight: 400;
-                                font-size: 12px;
-                                color: #999999;
-                                text-align: left;
-                                line-height: 14px;
-                                font-style: normal;
-                                text-transform: none;
-                            }
-
-                            >span:last-child {
-                                // width: 90px;
-                                text-align: right;
-                                margin-left: 20px;
-                            }
-
-                        }
-                    }
-                }
-
-                >li {
-                    width: 380px;
-                    height: 25px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    font-family: PingFang SC, PingFang SC;
-                    font-weight: 500;
-                    font-size: 18px;
-                    color: #333333;
-                    line-height: 21px;
-                    text-align: left;
-                    font-style: normal;
-                    text-transform: none;
-                    margin-bottom: 10px;
-
-                    em {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        border-radius: 8px;
-                        margin-right: 10px;
-                        background-color: #d9d9d9;
-                    }
-                }
-
-                >li:hover {
-                    color: #a01c0e;
-                }
-
-                >li:hover em {
-                    background-color: #a01c0e;
-                }
-            }
-        }
-    }
-
-    .innerRight {
-        width: 381px;
-        height: 290px;
-        background-color: #fbfbfb;
-
-        >.title {
-            width: 380px;
-            height: 40px;
-            line-height: 40px;
-            border-top: 1px solid #a01c0e;
-            border-bottom: 1px solid #e7e7e7;
-
-            >h4 {
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: 400;
-                margin-left: 20px;
-                font-size: 20px;
-                color: #000000;
-                text-align: left;
-                font-style: normal;
-                text-transform: none;
-
-                >span {
-                    float: right;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 14px;
-                    margin-right: 10px;
-                    color: #999999;
-                    text-align: left;
-                    font-style: normal;
-                    text-transform: none;
-                }
-            }
-
-        }
-
-        .rightList {
-            height: 540px;
-            margin-top: 20px;
-
-            >li {
-                height: 100px;
-                margin-bottom: 10px;
-
-                >img {
-                    width: 150px;
-                    height: 100px;
-                }
-
-                >p {
-                    width: 219px;
-                    height: 100px;
-                    padding-left: 12px;
-                    font-family: PingFang SC, PingFang SC;
-                    font-weight: 400;
-                    font-size: 16px;
-                    color: #333333;
-                    line-height: 22px;
-                    text-align: left;
-                    font-style: normal;
-                    text-transform: none;
-
-                }
-
-                >p:hover {
-                    box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.1);
-                }
-            }
-        }
-
-    }
-}
+@import url('@/assets/css/list.less');
 </style>

pages/[dir]/[id].vue

@@ -1,18 +1,30 @@
 <template>
     <!-- 页面头部 -->
     <HomePageHead></HomePageHead>
-    <!-- 页面导航 -->
-    <HomePageNavigation></HomePageNavigation>
+    <!-- 导航栏 -->
+    <HomePageNavigation1></HomePageNavigation1>
     <!-- 广告1 -->
     <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
 
-    <!-- 面包屑导航 -->
-    <PublicBreadcrumb :articleName="newsDetail.title"></PublicBreadcrumb>
-
     <!-- 资讯列表 -->
     <div class="newsDetail">
         <div class="inner">
             <div class="innerLeft">
+                <!-- 面包屑导航 -->
+                <div class="breadcrumb">
+                    <div class="inner">
+                        <span class="location">当前位置:</span>
+                        <el-breadcrumb :separator-icon="ArrowRight">
+                            <el-breadcrumb-item>
+                                <NuxtLink to="/">首页</NuxtLink>
+                            </el-breadcrumb-item>
+                            <el-breadcrumb-item v-if="parent_name != ''">
+                                <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
+                            </el-breadcrumb-item>
+                            <el-breadcrumb-item>{{ routeNewsTtitle }}</el-breadcrumb-item>
+                        </el-breadcrumb>
+                    </div>
+                </div>
                 <div class="LeftTop">
                     <h1>{{ newsDetail.title }}</h1>
                     <p>
@@ -26,9 +38,8 @@
                 <div v-if="previewVisible" class="preview-modal" @click="closePreview">
                     <img :src="selectedImage" alt="Preview">
                 </div>
-
                 <!-- 免责声明: -->
-                <div class="disclaimer" v-if="newsDetail.fromurl">
+                <div class="disclaimer" v-if="newsDetail.copyfrom != '本网'">
                     <p>原文链接：{{ newsDetail.fromurl }}</p>
                     <p>[免责声明]本文来源于网络转载，仅供学习交流使用，不构成商业目的。 版权归原作者所有，如涉及作品内容，版权和其他问题，请在30日与本网联系，我们将第一时间处理。</p>
                 </div>
@@ -109,7 +120,6 @@
             </div>
         </div>
     </div>
-
     <!-- 广告2 -->
     <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
     <!-- 页面底部 -->
@@ -119,22 +129,12 @@
 <script setup>
 //1.页面依赖 start ---------------------------------------->
 import { onMounted } from 'vue'
-import { ElBreadcrumb, ElBreadcrumbItem, ElRadio, ElRadioGroup, ElMessage, ElCheckboxGroup, ElCheckbox, ElInput } from 'element-plus'
+import { ElBreadcrumb, ElBreadcrumbItem, ElRadio, ElRadioGroup, ElCheckbox, ElCheckboxGroup, ElMessage, ElInput } from 'element-plus'
 import { ArrowRight } from '@element-plus/icons-vue'
+//1.页面依赖 end ---------------------------------------->
 
-//1.1 获得跳转过来的id
-const route = useRoute();
-//获得详情id
-const articleId = parseInt(route.params.id); //获得该页面的id
-
-//获得当前的完整路径
-const fullPath = route.path;
-//拆分，取出来中间这一段，然后提取数字部分
-const segments = fullPath.split('/');
-const targetSegment = segments[1];
-// const numberPart = targetSegment.match(/\d+$/)?.[0]; 
-// let routeId = 20 //排除路径错误可以打开这个
-// const routeId = numberPart;
+//2.页面路径 start ---------------------------------------->
+const targetSegment = getRoutePath(1);
 let routeId;
 //通过导航路径反向查询导航id
 const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
@@ -146,14 +146,15 @@ const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
 if (getRouteId.code == 200) {
     routeId = getRouteId.data.category_id
 } else {
-    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-    console.log("错误位置：通过url路径查询导航池id")
-    console.log("后端错误反馈：", getRouteId.message)
-    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+    console.log("错误位置：获得页面路径")
 }
+//2.页面路径 start ---------------------------------------->
 
+//3.面包屑 start ---------------------------------------->
+const route = useRoute();
+const articleId = parseInt(route.params.id); //获得该页面的id
 
-//1.2 获得父级栏目的名称、id
+//3.1 获得父级栏目的名称、id
 const parent_name = ref([]);
 const parent_id = ref([]);
 const parent_pinyin = ref("");
@@ -165,37 +166,30 @@ let getParentNav = async () => {
             'catid': routeId
         },
     });
-    console.log("获取父级栏目数据")
-    console.log(listData)
     if (listData.code == 200) {
-        console.log(listData.data);
         parent_name.value = listData.data.alias;
         parent_id.value = listData.data.parent_id;
         parent_pinyin.value = listData.data.aLIas_pinyin;
-        parent_children_count = listData.data.children_coun;
+        parent_children_count.value = listData.data.children_count;
     } else {
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：获取面包屑导航")
-        console.log("后端错误反馈：", listData.message)
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     }
 }
-//获得父级栏目详情
 getParentNav();
-//1.页面依赖 end ---------------------------------------->
+//3.页面依赖 end ---------------------------------------->
 
-//2.页面数据 start ---------------------------------------->
-//2.1 资讯详情
+//4.页面数据 start ---------------------------------------->
+//4.1 资讯详情
 const newsDetail = ref({})
 const routeNewsTtitle = ref("");
-//2.2 发布日期
+//4.2 发布日期
 const time = ref("");
-//2.3 路径
+//4.3 路径
 const routLevelTitle = ref("");
 const routLevelId = ref("");
-//是否展示投票
+//4.4 是否展示投票
 const articleChoice = ref(false);
-//2.4获取详情
+//4.5 获取详情
 async function getPageData() {
     const mkdata = await requestDataPromise('/web/selectWebsiteArticleInfo', {
         method: 'GET',
@@ -224,23 +218,20 @@ async function getPageData() {
             routeNewsTtitle.value = newsDetail.value.title
         }
     } else {
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：获取详情内容")
-        console.log("后端错误反馈：", mkdata.message)
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     }
 }
 getPageData();
+//4.页面数据 end ---------------------------------------->
 
-//2.5 获得广告
-//广告列表
+//5.广告 start ---------------------------------------->
 let adImg1 = ref([]);
 let adImg2 = ref([]);
 
 onMounted(async () => {
     const { $webUrl, $CwebUrl } = useNuxtApp();
     //广告1
-    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_detail_0001`
+    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_detail_0001`
     const responseAd1 = await fetch(url, {
         headers: {
             'Content-Type': 'application/json',
@@ -250,9 +241,8 @@ onMounted(async () => {
     });
     const resultAd1 = await responseAd1.json();
     adImg1.value = resultAd1.data[0];
-
     //广告2
-    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_detail_0002`
+    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_detail_0002`
     const responseAd2 = await fetch(url2, {
         headers: {
             'Content-Type': 'application/json',
@@ -263,11 +253,9 @@ onMounted(async () => {
     const resultAd2 = await responseAd2.json();
     adImg2.value = resultAd2.data[0];
 })
+//5.广告 end ---------------------------------------->
 
-//2.页面数据 end ---------------------------------------->
-
-//3.设置seo信息 start---------------------------------------->
-//3.1 设置seo信息
+//6.设置seo信息 start---------------------------------------->
 const setData = await requestDataPromise('/web/selectWebsiteArticleInfo', {
     method: 'GET',
     query: {
@@ -294,9 +282,9 @@ if (setData.code == 200) {
     console.log("后端错误反馈：", setData.message)
     console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
 }
-//3.设置seo信息 end---------------------------------------->
+//6.设置seo信息 end---------------------------------------->
 
-//4.投票 start---------------------------------------->
+//7.投票 start---------------------------------------->
 const radio1 = ref(''); //单选
 const check1 = ref([]); //多选
 const isDisabled = ref(false);//是否禁用提交按钮
@@ -308,12 +296,12 @@ const userIsChoice = ref('');//用于判断其他选项目前是什么值
 const showUserChoice = ref(false);//是否显示其他输入框
 const websiteSurveyData = ref([]);//投票结果
 
-//3.2获得投票列表
+//7.2获得投票列表
 let voteList = ref([]);
 async function getVoteList() {
     const voteData = await requestHome('/web/getWebsiteSurvey', { method: 'GET', query: { 'art_id': articleId } });
     console.log(778899)
-    console.log('778899', voteData)
+    console.log(voteData)
     if (voteData.code == 200) {
         voteList.value = voteData.data;
         console.log(voteList.value)
@@ -344,9 +332,8 @@ async function getVoteList() {
 }
 
 
-//3.2当用户选择了选项，判断是否展示其他输入框
+//7.3当用户选择了选项，判断是否展示其他输入框
 const handleRadioChange = (value) => {
-    console.log('11111', value, userIsChoice.value);
     if (value == userIsChoice.value) {
         showUserChoice.value = true;
     } else {
@@ -362,7 +349,7 @@ const handleCheckboxChange = (value) => {
     }
 }
 
-//3.2发起投票
+//7.4发起投票
 async function addWebsiteSurvey() {
     //判断当前是单选还是多选
     console.log(isRadio.value)
@@ -420,9 +407,6 @@ async function addWebsiteSurvey() {
                     ElMessage.error('请输入选项内容！')
                 }
             } else {
-                console.log('111', userSurId.value);
-                console.log('222', radio1.value);
-
                 //如果没选择其他，直接提交选择的内容
                 const mkData = await requestHome('/web/addWebsiteSurveyVote', {
                     method: 'GET',
@@ -592,9 +576,9 @@ async function addWebsiteSurvey() {
         }
     }
 }
-//4.投票 end---------------------------------------->
+//7.投票 end---------------------------------------->
 
-//5.页面图片放大 start---------------------------------------->
+//8.页面图片放大 start---------------------------------------->
 const previewVisible = ref(false)
 const selectedImage = ref(' ')
 
@@ -607,7 +591,7 @@ const openPreview = (event) => {
 const closePreview = () => {
     previewVisible.value = false;
 }
-//5.页面图片放大 end---------------------------------------->
+//8.页面图片放大 end---------------------------------------->
 </script>
 
 <style lang="less" scoped>

pages/[dir]/list-[id].vue

@@ -2,33 +2,32 @@
     <div id="newsList">
         <!-- 页面头部 -->
         <HomePageHead></HomePageHead>
-        <!-- 页面导航 -->
-        <HomePageNavigation></HomePageNavigation>
-        <!-- 广告1 -->
-        <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
-
-        <!-- 二级导航列表 -->
-        <div class="nav2top" v-if="parent_name != ''"></div>
-        <div class="nav2" v-if="parent_name != ''">
-            <ul class="inner">
-                <li class="home">
-                    <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
-                </li>
-                <li class="titleList" v-for="(item, index) in secondNav" :key="index">
-                    <NuxtLink :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }">
-                        <span class="nav2_title">{{ item.alias }}</span>
-                    </NuxtLink>
-                </li>
-            </ul>
-        </div>
-        <div class="nav2btm" v-if="parent_name != ''"></div>
-
-        <!-- 面包屑导航 -->
-        <PublicBreadcrumb></PublicBreadcrumb>
+        <!-- 导航栏 -->
+        <HomePageNavigation1></HomePageNavigation1>
+        <!-- 列表页广告一 -->
+        <HomeTopTen :imgurl="adImg1" v-if="adImg1"></HomeTopTen>
+        <!-- 二级标题-->
+        <HomeListSecondaryHeading v-if="parent_name != ''" :name="parent_name" :nav="secondNav" :pinyin="parent_pinyin">
+        </HomeListSecondaryHeading>
         <!-- 资讯列表 -->
         <div class="newsList">
             <div class="inner">
                 <div class="innerLeft">
+                    <!-- 面包屑导航 -->
+                    <div class="breadcrumb">
+                        <div class="inner">
+                            <span class="location">当前位置:</span>
+                            <el-breadcrumb :separator-icon="ArrowRight">
+                                <el-breadcrumb-item>
+                                    <NuxtLink to="/">首页</NuxtLink>
+                                </el-breadcrumb-item>
+                                <el-breadcrumb-item v-if="parent_name != ''">
+                                    <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
+                                </el-breadcrumb-item>
+                                <el-breadcrumb-item>{{ name }}</el-breadcrumb-item>
+                            </el-breadcrumb>
+                        </div>
+                    </div>
                     <ul class="list">
                         <li v-for="(item, index) in newsList" :key="index">
                             <NuxtLink :href="getLinkPathDetail(item)" :title="item.alias">
@@ -38,9 +37,9 @@
                         </li>
                     </ul>
                     <!-- 分页器 -->
-                    <div class="pagination" v-if="total">
+                    <div class="pagination" v-if="total > 0">
                         <el-pagination size="small" background layout="prev, pager, next" :total="total" class="mt-4"
-                            v-model:page-size="pageSize" prev-text="上一页" next-text="下一页" :current-page="pageNum"
+                            :page-size="pageSize" :current-page="pageNum" prev-text="上一页" next-text="下一页"
                             @current-change="changePage" />
                     </div>
                 </div>
@@ -50,39 +49,25 @@
                 </div>
             </div>
         </div>
-
         <!-- 列表页广告二 -->
-        <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
-
+        <HomeTopTen :imgurl="adImg2" v-if="adImg2"></HomeTopTen>
         <!-- 页面底部 -->
         <HomeFoot1></HomeFoot1>
     </div>
 </template>
 
 <script setup>
-import { onMounted } from 'vue';
-import { ElBreadcrumb, ElBreadcrumbItem, ElPagination, ElMessage } from 'element-plus'
-import { ArrowRight } from '@element-plus/icons-vue'
-
-// const nuxtApp = useNuxtApp();
-// const axios = nuxtApp.$axios;
-
+//1.页面必备依赖 start ---------------------------------------->
+import { ElBreadcrumb, ElBreadcrumbItem, ElPagination } from 'element-plus';
+import { ArrowRight } from '@element-plus/icons-vue';
+import { ref, onMounted } from 'vue';
+//1.页面必备依赖 end ---------------------------------------->
 
-//1.获得路由id start ---------------------------------------->
+//2.页面路径 start ---------------------------------------->
 const route = useRoute();
-let articleId = 0;//路由id
-let pageNum = ref(2);
-let total = ref(1);
-let pageSize = ref(20);
-
-//获得当前的完整路径
-const fullPath = route.path;
-//拆分，取出来中间这一段，然后提取数字部分
-const segments = fullPath.split('/');
-const targetSegment = segments[1];
-//const numberPart = targetSegment.match(/\d+$/)?.[0]; 
-//let routeId = 20 //排除路径错误可以打开这个
-
+let articleId = 0; //获取哪个导航下的列表
+//2.1 获得当前的完整路径
+const targetSegment = getRoutePath(1);
 //通过导航路径反向查询导航id
 const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
     method: 'GET',
@@ -93,24 +78,17 @@ const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
 if (getRouteId.code == 200) {
     articleId = getRouteId.data.category_id
 } else {
-    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-    console.log("错误位置：通过url路径查询导航池id")
-    console.log("后端错误反馈：", getRouteId.message)
-    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+    console.log("错误位置：获得页面路径")
 }
+//2.页面路径 end ---------------------------------------->
 
-//获得html前的数字
-// const pageUrl = segments[2]; 
-// const pageNumber = pageUrl.split('.')[0];
-// console.log("当前URL中的页码：")
-// console.log(pageNumber)//2
-// pageNum.value = parseInt(pageNumber);
-pageNum.value = parseInt(route.params.id);
+//3.页面数据 start ---------------------------------------->
+let pageNum = ref(2); //当前页码
+pageNum.value = parseInt(route.params.id);//路由中传递的分页页码
+let total = ref(1); //总条数
+let pageSize = ref(20); //每页条数
 
-//1.获得路由id end ---------------------------------------->
-
-//2.页面数据 start ---------------------------------------->
-//2.2新闻列表
+//3.1 新闻列表
 const newsList = ref([]);
 let newslists = async () => {
     const listData = await requestDataPromise('/web/getWebsiteArticleList', {
@@ -124,26 +102,24 @@ let newslists = async () => {
     if (listData.code == 200) {
         newsList.value = listData.data.rows;
         total.value = listData.data.count;
-        console.log('news111111', newsList.value);
 
     } else {
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：获取新闻列表")
-        console.log("后端错误反馈1111：", listData.message)
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     }
 }
 //获得列表
 newslists();
 
-//分页事件
+//3.2 分页事件
 let changePage = (value) => {
     console.log("当前页码", value);
     navigateTo(`/${targetSegment}/list-${value}.html`)
 }
+//3.页面数据 end ---------------------------------------->
 
-//2.3获得页面名称
+//4.面包屑 start ---------------------------------------->
 const name = ref('')
+//4.1 当前频道名称
 let getPageName = async () => {
     const pageName = await requestDataPromise('/web/getOneWebsiteCategory', {
         method: 'GET',
@@ -154,17 +130,12 @@ let getPageName = async () => {
     if (pageName.code == 200) {
         name.value = pageName.data.alias
     } else {
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-        console.log("错误位置：设置页面标题")
-        console.log("后端错误反馈：", pageName.message)
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+        console.log("错误位置：获取当前频道名称", pageName.message)
     }
 }
-//获得列表
 getPageName();
-//2.页面数据 end ---------------------------------------->
-//3.二级栏目 start ---------------------------------------->
-//3.1通过id获取父栏目
+
+//4.2 查询是否含有父级导航
 const parent_name = ref([]);
 const parent_id = ref([]);
 const parent_pinyin = ref("");
@@ -176,23 +147,17 @@ let getParentNav = async () => {
         },
     });
     if (listData.code == 200) {
-        // console.log(111999)
-        // console.log(listData.data);
         parent_name.value = listData.data.parent_name;
         parent_id.value = listData.data.parent_id;
         parent_pinyin.value = listData.data.parent_pinyin;
     } else {
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-        console.log("错误位置：获取新闻列表")
-        console.log("后端错误反馈：", listData.message)
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+        console.log("错误位置：查询父级导航信息")
     }
     getSecondNav();
 }
-//获得父级栏目详情
 getParentNav();
 
-// 3.2获取二级栏目
+//4.3 获取二级栏目列表
 const secondNav = ref([]);
 let getSecondNav = async () => {
     const listData = await requestDataPromise('/web/getWebsiteModelCategory', {
@@ -204,22 +169,16 @@ let getSecondNav = async () => {
         },
     });
     console.log('listData', listData);
-    // secondNav.value = listData.data;
 
     if (listData.code == 200) {
-        secondNav.value = listData.data;
-        console.log('secondNav', secondNav.value);
+        secondNav.value = listData.data
     } else {
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-        console.log("错误位置：获取新闻列表")
-        console.log("后端错误反馈：", listData.message)
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+        console.log("错误位置：获得二级栏目列表")
     }
 }
-//3.二级栏目 end ---------------------------------------->
+//4.面包屑 end ---------------------------------------->
 
-//4.设置seo信息 start---------------------------------------->
-//4.1 设置seo信息
+//5.设置seo信息 start---------------------------------------->
 const setData = await requestDataPromise('/web/getWebsiteCategoryHead', {
     method: 'GET',
     query: {
@@ -237,8 +196,8 @@ if (setData.code == 200) {
     useSeoMeta({
         title: seoTitle + "_" + seoName + "_" + seoSuffix,
         meta: [
-            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
-            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
+            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
+            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
         ]
     });
 } else {
@@ -247,17 +206,18 @@ if (setData.code == 200) {
     console.log("后端错误反馈：", setData.message)
     console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
 }
-//4.设置seo信息 end---------------------------------------->
+//5.设置seo信息 end---------------------------------------->
 
-//5.广告 start---------------------------------------->
+//6.广告 start---------------------------------------->
 let adImg1 = ref({});
 let adImg2 = ref({});
 
 onMounted(async () => {
+
     //从客户端获取行政职能部门 加快打开速度
     const { $webUrl, $CwebUrl } = useNuxtApp();
     //广告1
-    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_list_0001`
+    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_list_0001`
     const responseAd1 = await fetch(url, {
         headers: {
             'Content-Type': 'application/json',
@@ -267,12 +227,9 @@ onMounted(async () => {
     });
     const resultAd1 = await responseAd1.json();
     adImg1.value = resultAd1.data[0];
-    console.log('adImg1', adImg1.value);
-
-
 
     //广告2
-    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_list_0002`
+    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_list_0002`
     const responseAd2 = await fetch(url2, {
         headers: {
             'Content-Type': 'application/json',
@@ -283,474 +240,10 @@ onMounted(async () => {
     const resultAd2 = await responseAd2.json();
     adImg2.value = resultAd2.data[0];
 
-
 })
-//5.广告 end---------------------------------------->
-
-// 6.跳转 start ---------------------------------------->
-const getLinkPathDetail = (item) => {
-    if (item.islink == 1) {
-        return `${item.linkurl}`;
-    } else {
-        return `/${item.pinyin}/${item.id}.html`;
-    }
-}
-// 6.跳转 end ---------------------------------------->
-
+//6.广告 end---------------------------------------->
 </script>
 
 <style lang="less" scoped>
-#newsList {
-    width: 100%;
-    overflow: hidden;
-}
-
-.nav2top {
-    width: 1250px;
-    height: 3px;
-    margin: 0 auto;
-    background-color: #a01c0e;
-}
-
-.nav2btm {
-    width: 1200px;
-    height: 3px;
-    margin: 0 auto;
-    background-color: #a01c0e;
-}
-
-.nav2 {
-    width: 100%;
-    height: 48px;
-    background-color: #a01c0e;
-
-    .inner {
-        width: 1250px;
-        height: 48px;
-        line-height: 48px;
-        padding: 0 45px;
-        margin: 0 auto;
-        box-sizing: border-box;
-        display: flex;
-        // justify-content: space-between;
-
-        .titleList {
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: bold;
-            font-size: 14px;
-            color: #FFFFFF;
-
-            .nav2_title {
-                display: inline-block;
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: bold;
-                font-size: 14px;
-                color: #FFFFFF;
-            }
-
-            a {
-                padding: 0 38px;
-                color: #FFFFFF;
-                border-left: 1px solid #7E1C11;
-            }
-
-            //鼠标点击后的样式
-            .nav2_title_active {
-                display: inline-block;
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: bold;
-                font-size: 14px;
-                color: #FFFFFF;
-                border-bottom: 1px solid #FFFFFF;
-            }
-        }
-
-        .titleList:hover {
-            a {
-                color: #a01c0e;
-
-                .nav2_title {
-                    border-bottom: 1px solid #FFFFFF;
-                }
-            }
-        }
-
-        .home {
-            width: 100px;
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: bold;
-            font-size: 14px;
-            color: #F8ECD2;
-
-            a {
-                color: #F8ECD2;
-                margin-right: 39px;
-            }
-        }
-    }
-}
-
-
-
-// 资讯列表
-.newsList {
-    width: 100%;
-    // height: 675px;
-    overflow: hidden;
-    margin-bottom: 70px;
-
-    .inner {
-        width: 1200px;
-
-        .innerLeft,
-        .innerRight {
-            border-top: 1px solid #ccc;
-        }
-
-        .innerLeft {
-            width: 820px;
-            margin-right: 30px;
-
-            .list {
-                margin-bottom: 70px;
-
-                li {
-                    width: 820px;
-                    padding: 15px 0;
-
-                    a {
-                        display: flex;
-                        justify-content: space-between;
-                    }
-
-                    .listTitle {
-                        // float: left;
-                        display: inline-block;
-                        width: 486px;
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #333333;
-                        text-align: left;
-                        font-style: normal;
-                        text-transform: none;
-                    }
-
-                    .time {
-                        // float: right;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #333333;
-                    }
-
-                }
-
-                >li:hover .listTitle {
-                    color: #a01c0e;
-                }
-
-                >li:nth-child(5n) {
-                    border-bottom: 1px solid #D9D9D9;
-                    padding-bottom: 30px;
-                }
-
-                >li:nth-child(5n+1) {
-                    span {
-                        font-weight: bold;
-                    }
-
-                    font-weight: bold;
-                    padding-top: 30px;
-
-                }
-            }
-
-            >.pagination {
-                width: 800px;
-                height: 34px;
-                margin-left: 141px;
-                display: flex;
-                justify-content: center;
-                margin: 0;
-
-                // 鼠标移入后字体颜色
-                .el-pagination::v-deep :hover {
-                    color: #a01c0e;
-                }
-
-                .el-pagination.is-background::v-deep .btn-next,
-                .el-pagination.is-background::v-deep .btn-prev {
-                    width: 70px;
-                    height: 34px;
-                    margin: 0px 10px;
-                    border-radius: 4px;
-                }
-
-                .el-pagination.is-background::v-deep .el-pager li {
-                    margin: 0px 10px;
-                    width: 38px;
-                    height: 34px;
-                    border-radius: 4px;
-                }
-
-                .el-pagination.is-background::v-deep .btn-next.is-active,
-                .el-pagination.is-background::v-deep .btn-prev.is-active,
-                .el-pagination.is-background::v-deep .el-pager li.is-active {
-                    background-color: #a01c0e;
-                    color: #fff;
-                }
-
-
-            }
-        }
-
-        .innerRight {
-            width: 350px;
-            height: 1242px;
-            border-bottom: 1px solid #ccc;
-            // height: 605px;
-        }
-    }
-}
-
-//资讯推荐
-.zixuntuijian {
-    width: 100%;
-    height: 290px;
-    margin-bottom: 70px;
-
-    .innerLeft {
-
-        // 左侧
-        .zixunLeft {
-            margin-right: 30px;
-        }
-
-        .zixunRight,
-        .zixunLeft {
-            float: left;
-            width: 380px;
-            height: 290px;
-
-            // 标题部分
-            >.title {
-                width: 380px;
-            }
-
-            >.title>h3 {
-                height: 36px;
-                font-family: Source Han Sans, Source Han Sans;
-                font-weight: bold;
-                font-size: 24px;
-                color: #000000;
-                line-height: 28px;
-                text-align: left;
-                font-style: normal;
-                text-transform: none;
-                border-bottom: 1px solid #a01c0e;
-
-            }
-
-            >.title>h3>span {
-                float: right;
-                width: 56px;
-                height: 20px;
-                line-height: 24px;
-                font-weight: 400;
-                font-size: 14px;
-                color: #999999;
-                font-style: normal;
-                text-transform: none;
-            }
-
-            .photo_text {
-
-                >li:first-child {
-                    width: 380px;
-                    height: 120px;
-                    margin-top: 20px;
-                    margin-bottom: 15px;
-                    position: relative;
-
-                    >img {
-                        float: left;
-                        width: 160px;
-                        height: 120px;
-                    }
-
-                    >div {
-                        float: left;
-                        width: 220px;
-                        height: 120px;
-                        padding-left: 15px;
-                        padding-top: 6px;
-                        box-sizing: border-box;
-                        background-color: #f6f6f6;
-
-
-                        >h5 {
-                            width: 200px;
-                            height: 54px;
-                            display: -webkit-box;
-                            -webkit-box-orient: vertical;
-                            -webkit-line-clamp: 2;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            word-break: break-all;
-                            font-family: Source Han Sans, Source Han Sans;
-                            font-weight: 500;
-                            font-size: 18px;
-                            color: #333333;
-                            line-height: 26px;
-                            text-align: left;
-                            font-style: normal;
-                            text-transform: none;
-                        }
-
-                        >p {
-                            width: 200px;
-                            height: 22px;
-                            line-height: 20px;
-                            position: absolute;
-                            bottom: 5px;
-                            right: 0;
-
-                            >span {
-                                display: inline-block;
-                                // width: 100px;
-                                height: 18px;
-                                font-family: Source Han Sans, Source Han Sans;
-                                font-weight: 400;
-                                font-size: 12px;
-                                color: #999999;
-                                text-align: left;
-                                line-height: 14px;
-                                font-style: normal;
-                                text-transform: none;
-                            }
-
-                            >span:last-child {
-                                // width: 90px;
-                                text-align: right;
-                                margin-left: 20px;
-                            }
-
-                        }
-                    }
-                }
-
-                >li {
-                    width: 380px;
-                    height: 25px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    font-family: PingFang SC, PingFang SC;
-                    font-weight: 500;
-                    font-size: 18px;
-                    color: #333333;
-                    line-height: 21px;
-                    text-align: left;
-                    font-style: normal;
-                    text-transform: none;
-                    margin-bottom: 10px;
-
-                    em {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        border-radius: 8px;
-                        margin-right: 10px;
-                        background-color: #d9d9d9;
-                    }
-                }
-
-                >li:hover {
-                    color: #a01c0e;
-                }
-
-                >li:hover em {
-                    background-color: #a01c0e;
-                }
-            }
-        }
-    }
-
-    .innerRight {
-        width: 381px;
-        height: 290px;
-        background-color: #fbfbfb;
-
-        >.title {
-            width: 380px;
-            height: 40px;
-            line-height: 40px;
-            border-top: 1px solid #a01c0e;
-            border-bottom: 1px solid #e7e7e7;
-
-            >h4 {
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: 400;
-                margin-left: 20px;
-                font-size: 20px;
-                color: #000000;
-                text-align: left;
-                font-style: normal;
-                text-transform: none;
-
-                >span {
-                    float: right;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 14px;
-                    margin-right: 10px;
-                    color: #999999;
-                    text-align: left;
-                    font-style: normal;
-                    text-transform: none;
-                }
-            }
-
-        }
-
-        .rightList {
-            height: 540px;
-            margin-top: 20px;
-
-            >li {
-                height: 100px;
-                margin-bottom: 10px;
-
-                >img {
-                    width: 150px;
-                    height: 100px;
-                }
-
-                >p {
-                    width: 219px;
-                    height: 100px;
-                    padding-left: 12px;
-                    font-family: PingFang SC, PingFang SC;
-                    font-weight: 400;
-                    font-size: 16px;
-                    color: #333333;
-                    line-height: 22px;
-                    text-align: left;
-                    font-style: normal;
-                    text-transform: none;
-
-                }
-
-                >p:hover {
-                    box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.1);
-                }
-            }
-        }
-
-    }
-}
+@import url('@/assets/css/list.less');
 </style>

pages/about/[dir]/[dir]/[id].vue

@@ -1,11 +1,10 @@
 <template>
     <!-- 页面头部 -->
     <HomePageHead></HomePageHead>
-
-    <HomePageNavigation></HomePageNavigation>
-    <!-- 广告位 1 -->
-    <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
-
+    <!-- 导航栏 -->
+    <HomePageNavigation1></HomePageNavigation1>
+    <!-- 列表页广告一 -->
+    <HomeTopTen :imgurl="adImg1" v-if="adImg1"></HomeTopTen>
     <!-- 面包屑导航 -->
     <div class="breadcrumb">
         <div class="inner">
@@ -14,16 +13,12 @@
                 <el-breadcrumb-item>
                     <NuxtLink to="/">首页</NuxtLink>
                 </el-breadcrumb-item>
-                <!-- <el-breadcrumb-item v-show="name">
-                    <NuxtLink :to="{ path: `/primaryNavigation/${listid}`}">{{name}}</NuxtLink>
-                </el-breadcrumb-item> -->
                 <el-breadcrumb-item>
                     {{ newsDetail.con_title }}
                 </el-breadcrumb-item>
             </el-breadcrumb>
         </div>
     </div>
-
     <!-- 资讯列表 -->
     <div class="newsDetail">
         <div class="inner">
@@ -62,10 +57,8 @@
             <div style="clear: both;"></div>
         </div>
     </div>
-
-    <!-- 广告位 2 -->
-    <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
-
+    <!-- 广告二 -->
+    <HomeTopTen :imgurl="adImg2" v-if="adImg2"></HomeTopTen>
     <!-- 页面底部 -->
     <HomeFoot1></HomeFoot1>
 </template>
@@ -108,29 +101,48 @@ if (getRouteId.code == 200) {
 
 //2.页面数据 start ---------------------------------------->
 //广告列表
+const adList = ref([]);
 let adImg1 = ref([]);
 let adImg2 = ref([]);
+async function getAdData() {
+    const adData = await requestDataPromise('/web/getWebsiteAdvertisement', { method: 'GET', query: { 'ad_tag': 'PAGE' } });
+    adList.value = adData.data;
+    if (adData.code == 200) {
+        for (let item of adData.data) {
+            if (item.ad_tag == 'PAGE_0001') {
+                adImg1.value = item;
+            }
+            if (item.ad_tag == 'PAGE_0002') {
+                adImg2.value = item;
+            }
+        }
+    } else {
+        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+        console.log("错误位置：获取详情页广告列表")
+        console.log("后端错误反馈：", adData.message)
+        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+    }
+}
+getAdData();
 
-//获取详情
 const newsDetail = ref({})
+const bottomMenu = ref([]);
+
 async function getPageData() {
     const mkdata = await requestDataPromise('/web/getWebsiteFooterCategoryInfo', {
         method: 'GET',
         query: {
             'fcat_id': articleId,
-            'type': '0'
+            'type': '0',
         },
     });
     console.log('newsDetail.value', mkdata.data);
 
     newsDetail.value = mkdata.data;
     console.log('newsDetail.value', newsDetail.value);
-
 }
 getPageData();
 
-//获得底部导航
-const bottomMenu = ref([]);
 async function getPageMenu() {
     const mkdata = await requestDataPromise('/web/getWebsiteFooterCategory', {
         method: 'GET',
@@ -140,6 +152,8 @@ async function getPageMenu() {
 }
 getPageMenu();
 //2.页面数据 end ---------------------------------------->
+
+
 //4.设置seo信息 start---------------------------------------->
 //4.1 设置seo信息
 const setData = await requestDataPromise('/web/getWebsiteFootInfo', {
@@ -166,7 +180,7 @@ onMounted(async () => {
     //从客户端获取行政职能部门 加快打开速度
     const { $webUrl, $CwebUrl } = useNuxtApp();
     //广告1
-    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_page_0001`
+    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_page_0001`
     const responseAd1 = await fetch(url, {
         headers: {
             'Content-Type': 'application/json',
@@ -178,7 +192,7 @@ onMounted(async () => {
     adImg1.value = resultAd1.data[0];
 
     //广告2
-    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_page_0002`
+    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_page_0002`
     const responseAd2 = await fetch(url2, {
         headers: {
             'Content-Type': 'application/json',
@@ -189,7 +203,6 @@ onMounted(async () => {
     const resultAd2 = await responseAd2.json();
     adImg2.value = resultAd2.data[0];
 })
-
 </script>
 
 <style lang="less" scoped>

pages/about/[dir]/index.html.vue

@@ -1,11 +1,10 @@
 <template>
     <!-- 页面头部 -->
     <HomePageHead></HomePageHead>
-
-    <HomePageNavigation></HomePageNavigation>
-    <!-- 广告位 1 -->
-    <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
-
+    <!-- 导航栏 -->
+    <HomePageNavigation1></HomePageNavigation1>
+    <!-- 列表页广告一 -->
+    <HomeTopTen :imgurl="adImg1" v-if="adImg1"></HomeTopTen>
     <!-- 面包屑导航 -->
     <div class="breadcrumb">
         <div class="inner">
@@ -20,7 +19,7 @@
             </el-breadcrumb>
         </div>
     </div>
-
+    
     <!-- 资讯列表 -->
     <div class="newsDetail">
         <div class="inner">
@@ -47,11 +46,10 @@
                         </NuxtLink>
                         <NuxtLink :to="`/about/${item.name_pinyin}/list-1.html`" :title="item.name"
                             v-if="item.id == 7 && pageId == 7 && routeHref == '/specialList/7'" class="active">
-                            {{ item.name }}
+                            {{item.name }}
                         </NuxtLink>
-                        <NuxtLink :to="`/about/${item.name_pinyin}/list-1.html`" :title="item.name"
-                            v-else-if="item.id == 7">
-                            {{ item.name }}
+                        <NuxtLink :to="`/about/${item.name_pinyin}/list-1.html`" :title="item.name" v-else-if="item.id == 7">
+                            {{ item.name}}
                         </NuxtLink>
                     </li>
                 </ul>
@@ -59,10 +57,8 @@
             <div style="clear: both;"></div>
         </div>
     </div>
-
-    <!-- 广告位 2 -->
-    <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
-
+    <!-- 广告二 -->
+    <HomeTopTen :imgurl="adImg2" v-if="adImg2"></HomeTopTen>
     <!-- 页面底部 -->
     <HomeFoot1></HomeFoot1>
 </template>
@@ -78,8 +74,8 @@ const route = useRoute();
 //获得当前的完整路径
 const fullPath = route.path;
 //拆分，取出来中间这一段，然后提取数字部分
-const segments = fullPath.split('/');
-const targetSegment = segments[2];
+const segments = fullPath.split('/'); 
+const targetSegment = segments[2]; 
 //const numberPart = targetSegment.match(/\d+$/)?.[0]; 
 
 let articleId;
@@ -91,13 +87,13 @@ const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
         'foot_pinyin': targetSegment,
     },
 });
-if (getRouteId.code == 200) {
+if(getRouteId.code == 200){
     articleId = getRouteId.data.id;
     pageId = getRouteId.data.id;
-} else {
+}else{
     console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     console.log("错误位置：通过url路径查询导航池id")
-    console.log("后端错误反馈：", getRouteId.message)
+    console.log("后端错误反馈：",getRouteId.message)
     console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
 }
 
@@ -105,31 +101,47 @@ if (getRouteId.code == 200) {
 
 //2.页面数据 start ---------------------------------------->
 //广告列表
+const adList = ref([]);
 let adImg1 = ref([]);
 let adImg2 = ref([]);
+async function getAdData(){
+    const adData = await requestDataPromise('/web/getWebsiteAdvertisement',{method:'GET',query:{'ad_tag':'PAGE'}});
+    adList.value = adData.data;
+    if(adData.code==200){
+        for(let item of adData.data){
+            if(item.ad_tag == 'PAGE_0001'){
+                adImg1.value = item;
+            }
+            if(item.ad_tag == 'PAGE_0002'){
+                adImg2.value = item;
+            }
+        }
+    }else{
+        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+        console.log("错误位置：获取详情页广告列表")
+        console.log("后端错误反馈：",adData.message)
+        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+    }
+}
+getAdData();
 
-//获取详情
 const newsDetail = ref({})
+const bottomMenu = ref([]);
+
 async function getPageData() {
-    const mkdata = await requestDataPromise('/web/getWebsiteFooterCategoryInfo', {
+    const mkdata =  await requestDataPromise('/web/getWebsiteFooterCategoryInfo', {
         method: 'GET',
         query: {
             'fcat_id': articleId,
             'type': '0'
         },
     });
-    console.log('newsDetail.value', mkdata.data);
-
     newsDetail.value = mkdata.data;
-    console.log('newsDetail.value', newsDetail.value);
-
 }
 getPageData();
 
-//获得底部导航
-const bottomMenu = ref([]);
 async function getPageMenu() {
-    const mkdata = await requestDataPromise('/web/getWebsiteFooterCategory', {
+    const mkdata =  await requestDataPromise('/web/getWebsiteFooterCategory', {
         method: 'GET',
         query: {},
     });
@@ -137,9 +149,11 @@ async function getPageMenu() {
 }
 getPageMenu();
 //2.页面数据 end ---------------------------------------->
+
+
 //4.设置seo信息 start---------------------------------------->
 //4.1 设置seo信息
-const setData = await requestDataPromise('/web/getWebsiteFootInfo', {
+const setData =  await requestDataPromise('/web/getWebsiteFootInfo', {
     method: 'GET',
     query: {},
 });
@@ -153,17 +167,17 @@ let seoName = setData.data.website_head.website_name;
 useSeoMeta({
     title: seoTitle + "_" + seoSuffix,
     meta: [
-        { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
-        { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
+        { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10  },
+        { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix , tagPriority: 10 }
     ]
 });
 //4.设置seo信息 end---------------------------------------->
 
-onMounted(async () => {
+onMounted(async ()  => {
     //从客户端获取行政职能部门 加快打开速度
     const { $webUrl, $CwebUrl } = useNuxtApp();
     //广告1
-    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_page_0001`
+    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_page_0001`
     const responseAd1 = await fetch(url, {
         headers: {
             'Content-Type': 'application/json',
@@ -173,9 +187,9 @@ onMounted(async () => {
     });
     const resultAd1 = await responseAd1.json();
     adImg1.value = resultAd1.data[0];
-
+    
     //广告2
-    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_page_0002`
+    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_page_0002`
     const responseAd2 = await fetch(url2, {
         headers: {
             'Content-Type': 'application/json',
@@ -186,9 +200,8 @@ onMounted(async () => {
     const resultAd2 = await responseAd2.json();
     adImg2.value = resultAd2.data[0];
 })
-
 </script>
 
 <style lang="less" scoped>
-@import '@/assets/css/about.less';
+    @import '@/assets/css/about.less';
 </style>

pages/about/[dir]/list-[id].vue

@@ -184,7 +184,7 @@ onMounted(async ()  => {
     //从客户端获取行政职能部门 加快打开速度
     const { $webUrl, $CwebUrl } = useNuxtApp();
     //广告1
-    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_page_0001`
+    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_page_0001`
     const responseAd1 = await fetch(url, {
         headers: {
             'Content-Type': 'application/json',
@@ -196,7 +196,7 @@ onMounted(async ()  => {
     adImg1.value = resultAd1.data[0];
     
     //广告2
-    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_page_0002`
+    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_page_0002`
     const responseAd2 = await fetch(url2, {
         headers: {
             'Content-Type': 'application/json',

pages/advertising/adDetail.vue

@@ -183,10 +183,14 @@ onMounted(() => {
     getOrderstatus()
 })
 
-
-
-
-
+//seo
+useSeoMeta({
+    title: "广告服务" + "_" + "三农资讯网_全国政务信息一体化应用平台",
+    meta: [
+        { name: 'description', content: "三农资讯网以服务于党和国家各级职能部门三农政务资讯发布及政务公开信息公示为基点，为全国县级以上各级党政机关及其职能部门配置各自公开独立网络发布平台。主要频道有：三农政务资讯，农科资讯，农资购销，农产购销，农贸资讯，三农致富信息，农村文化生活，三农政策法规，三农之窗，三农调查，三农服务，三农知识，农民工，打假维权等。三农资讯网打造最具影响力的三农信息发布平台，并成为最具权威的三农资讯网。_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 },
+        { name: 'keywords', content: "三农资讯,农业,三农,三农在线,农业新闻,三农资讯网_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 }
+    ]
+});
 </script>
 
 <style lang="less" scoped>

pages/advertising/index.vue

@@ -4,7 +4,7 @@
         <!-- 广告页面头部 -->
         <!-- <AdvertisingHead></AdvertisingHead> -->
         <HomePageHead></HomePageHead>
-        <HomePageNavigation></HomePageNavigation>
+        <HomePageNavigation1></HomePageNavigation1>
 
         <div class="adtips">
             <div class="inner">
@@ -184,7 +184,7 @@ import { CircleCloseFilled } from '@element-plus/icons-vue'
 import { Plus, DArrowRight, Edit, Picture, UploadFilled } from '@element-plus/icons-vue'
 import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
 import { getToken, setToken, removeToken } from '@/store/useCookieStore'
-const { $webUrl, $CwebUrl, $BwebUrl } = useNuxtApp()
+const { $webUrl, $CwebUrl, $BwebUrl,$LoginWebUrl } = useNuxtApp()
 
 
 import { useRoute } from 'vue-router'
@@ -257,7 +257,10 @@ let goAD = () => {
 let goLogin = () => {
     token.value = getToken()
     // window.location.href = ("http://adminpre.bjzxtw.org.cn/#/login?backurl=http%3a%2f%2fnwdev.bjzxtw.org.cn%2f")
-    let url = $BwebUrl + '/auth/login.php?backurl=' + $CwebUrl;
+    //王鹏
+    // let url = $BwebUrl + '/auth/login.php?backurl=' + $CwebUrl;
+    //刘佳伟
+    let url = $LoginWebUrl + '/api/goLogin?backurl=' + $CwebUrl;
     window.location.href = url;
     token.value = getToken()
 }
@@ -557,7 +560,7 @@ onMounted(() => {
 let adSizeList = () => {
     // 搜索按钮接口
     axios.post("/order/getAD").then(response => {
-        console.log("response111", response);
+        console.log("response", response);
         options.value = response.data
         for (let item of options.value) {
             console.log(item);
@@ -790,7 +793,14 @@ watch(ad, (newval) => {
     immediate: true
 })
 
-
+//seo
+useSeoMeta({
+    title: "广告服务" + "_" + "三农资讯网_全国政务信息一体化应用平台",
+    meta: [
+        { name: 'description', content: "三农资讯网以服务于党和国家各级职能部门三农政务资讯发布及政务公开信息公示为基点，为全国县级以上各级党政机关及其职能部门配置各自公开独立网络发布平台。主要频道有：三农政务资讯，农科资讯，农资购销，农产购销，农贸资讯，三农致富信息，农村文化生活，三农政策法规，三农之窗，三农调查，三农服务，三农知识，农民工，打假维权等。三农资讯网打造最具影响力的三农信息发布平台，并成为最具权威的三农资讯网。_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 },
+        { name: 'keywords', content: "三农资讯,农业,三农,三农在线,农业新闻,三农资讯网_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 }
+    ]
+});
 </script>
 
 <style lang="less" scoped>

pages/search/search.vue → pages/search/[id].vue

@@ -3,9 +3,9 @@
         <!-- 页面头部 -->
         <HomePageHead></HomePageHead>
         <!-- 导航栏 -->
-        <HomePageNavigation></HomePageNavigation>
+        <HomePageNavigation1></HomePageNavigation1>
         <!-- 列表页广告一 -->
-        <HomeAdvertising :imgurl="adImg1" v-if="adImg1"></HomeAdvertising>
+        <HomeTopTen :imgurl="adImg1" v-if="adImg1"></HomeTopTen>
         <!-- 搜索框 -->
         <div class="search">
             <div class="inner">
@@ -31,9 +31,9 @@
                         <li v-for="(item, index) in newsList" :key="index">
                             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                 :target="item.islink == 1 ? '_blank' : '_self'">
-                                {{ item.title }}
+                                <span class="listText"> {{ item.title }}</span>
+                                <span class="time">{{ getTime(item.updated_at, 'month', 1) }}</span>
                             </NuxtLink>
-                            <span class="time right">{{ getTime(item.updated_at, 'month', 1) }}</span>
                         </li>
                     </ul>
                     <div v-if="newsList.length == 0" class="empty">
@@ -43,15 +43,15 @@
                         </div>
                     </div>
                     <!-- 分页器 -->
-                    <div class="pagination">
+                    <div class="pagination" v-if="total > 0">
                         <el-pagination size="small" background layout="prev, pager, next" :total="total" class="mt-4"
-                            v-model:page-size="pageSize" prev-text="上一页" next-text="下一页" @change="changePage" />
+                            :page-size="pageSize" prev-text="上一页" next-text="下一页" @change="changePage" />
                     </div>
                 </div>
             </div>
         </div>
         <!-- 列表页广告二 -->
-        <HomeAdvertising :imgurl="adImg1" v-if="adImg1"></HomeAdvertising>
+        <HomeTopTen :imgurl="adImg2" v-if="adImg2"></HomeTopTen>
         <!-- 页面底部 -->
         <HomeFoot1></HomeFoot1>
     </div>
@@ -65,9 +65,14 @@ import { ref, onMounted } from 'vue';
 
 const route = useRoute();
 //const pageCatids = route.query.catids;
-const pageCatids = route.params.id
+const pageCatids = ""
+if (route.params.id == 'search') {
+
+} else {
+    const pageCatids = route.params.id
+}
+
 const pageDepartment_id = route.query.department_id;
-const keyword = route.query.keyword; //关键词
 
 //const category_id = route.query.category_id; //获得该页面的id
 // const searchKey = route.query.keyword
@@ -92,12 +97,11 @@ const getLinkPathDetail = (item) => {
 //2.1 广告
 let adImg1 = ref([]);
 let adImg2 = ref([]);
-
 onMounted(async () => {
     //从客户端获取行政职能部门 加快打开速度
     const { $webUrl, $CwebUrl } = useNuxtApp();
     //广告1
-    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_search_0001`
+    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_search_0001`
     const responseAd1 = await fetch(url, {
         headers: {
             'Content-Type': 'application/json',
@@ -109,7 +113,7 @@ onMounted(async () => {
     adImg1.value = resultAd1.data[0];
 
     //广告2
-    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_search_0002`
+    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_search_0002`
     const responseAd2 = await fetch(url2, {
         headers: {
             'Content-Type': 'application/json',
@@ -125,7 +129,6 @@ onMounted(async () => {
 // 新闻列表
 const newsList = ref([]);
 let keywordInput = ref("");
-keywordInput.value = keyword;
 
 //搜索
 let goSearch = async () => {
@@ -157,6 +160,103 @@ let goSearch = async () => {
 }
 
 goSearch();
+//基于导航池搜索
+// let goSearchFont = async (font) => {
+//     const listData =  await requestDataPromise('/web/getWebsiteArticleList', {
+//         method: 'GET',
+//         query: {
+//             'page': page.value,
+//             'pageSize': pageSize.value,
+//             'catid': font
+//         },
+//     });
+//     newsList.value = listData.data.rows;
+//     total.value = listData.data.count;
+// }
+
+// //基于导航池与关键词搜索
+// let goSearchFontandCid = async (font) => {
+//     const listData =  await requestDataPromise('/web/getWebsiteArticleList', {
+//         method: 'GET',
+//         query: {
+//             'page': page.value,
+//             'pageSize': pageSize.value,
+//             'catid': category_id,
+//             'keyword':searchKey
+//         },
+//     });
+//     newsList.value = listData.data.rows;
+//     total.value = listData.data.count;
+// }
+
+
+//直接查新闻
+// const newslists = async () => {
+//     try {
+//         // 从地区跳转
+//         if (route.query.catids && route.query.catids.length > 0) {
+//             // 将字符串转换回数组，并过滤掉可能的空值
+//             catids.value = route.query.catids.split(',').filter(id => id);
+
+//             if (catids.value.length > 0) {
+//                 // 有效的 catids 数组，可以进行后续操作
+//                 console.log('接收到的分类ID数组：', catids.value);
+//                 let font = catids.value.join(",")
+//                 font = "[" + font + "]"
+
+//                 goSearchFont(font);
+//             } else {
+//                 // 处理空数组情况
+//                 console.log('未接收到有效的分类ID');
+//             }
+//         } else {
+//             if (category_id == undefined) {
+//                 //直接搜索 默认进来没有导航池的话 不执行搜索
+//                 goSearch();
+//             } else {
+//                 goSearchFontandCid();
+//             }
+//         }
+//     } catch (error) {
+//         console.error(error);
+//     }
+// }
+// newslists();
+
+
+// 查询导航池的方法
+// const newslists = async () => {
+//     try {
+//         // 从地区跳转
+//         if (route.query.catids && route.query.catids.length > 0) {
+//             // 将字符串转换回数组，并过滤掉可能的空值
+//             catids.value = route.query.catids.split(',').filter(id => id);
+
+//             if (catids.value.length > 0) {
+//                 // 有效的 catids 数组，可以进行后续操作
+//                 console.log('接收到的分类ID数组：', catids.value);
+//                 let font = catids.value.join(",")
+//                 font = "[" + font + "]"
+
+//                 goSearchFont(font);
+//             } else {
+//                 // 处理空数组情况
+//                 console.log('未接收到有效的分类ID');
+//             }
+//         } else {
+//             if (category_id == undefined) {
+//                 //直接搜索 默认进来没有导航池的话 不执行搜索
+//                 goSearch();
+//             } else {
+//                 goSearchFontandCid();
+//             }
+//         }
+//     } catch (error) {
+//         console.error(error);
+//     }
+// }
+
+// newslists();
 
 //分页事件
 let changePage = (value) => {

pages/topic/[id].vue

@@ -281,7 +281,14 @@ const addReply = () => {
 }
 
 //3.获取商圈详情 end ---------------------------------------->
-
+//seo
+useSeoMeta({
+    title: "商圈" + "_" + "三农资讯网_全国政务信息一体化应用平台",
+    meta: [
+        { name: 'description', content: "三农资讯网以服务于党和国家各级职能部门三农政务资讯发布及政务公开信息公示为基点，为全国县级以上各级党政机关及其职能部门配置各自公开独立网络发布平台。主要频道有：三农政务资讯，农科资讯，农资购销，农产购销，农贸资讯，三农致富信息，农村文化生活，三农政策法规，三农之窗，三农调查，三农服务，三农知识，农民工，打假维权等。三农资讯网打造最具影响力的三农信息发布平台，并成为最具权威的三农资讯网。_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 },
+        { name: 'keywords', content: "三农资讯,农业,三农,三农在线,农业新闻,三农资讯网_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 }
+    ]
+});
 </script>
 
 <style lang="less" scoped>

pages/topic/index.vue

@@ -2,7 +2,7 @@
     <div>
         <!-- 页面头部 -->
         <HomePageHead></HomePageHead>
-        <HomePageNavigation></HomePageNavigation>
+        <HomePageNavigation1></HomePageNavigation1>
 
         <div class="topicBox">
             <div class="inner">
@@ -206,7 +206,14 @@ onMounted(() => {
 
 //5.获取分类和状态 end ---------------------------------------->
 
-
+//seo
+useSeoMeta({
+    title: "商圈" + "_" + "三农资讯网_全国政务信息一体化应用平台",
+    meta: [
+        { name: 'description', content: "三农资讯网以服务于党和国家各级职能部门三农政务资讯发布及政务公开信息公示为基点，为全国县级以上各级党政机关及其职能部门配置各自公开独立网络发布平台。主要频道有：三农政务资讯，农科资讯，农资购销，农产购销，农贸资讯，三农致富信息，农村文化生活，三农政策法规，三农之窗，三农调查，三农服务，三农知识，农民工，打假维权等。三农资讯网打造最具影响力的三农信息发布平台，并成为最具权威的三农资讯网。_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 },
+        { name: 'keywords', content: "三农资讯,农业,三农,三农在线,农业新闻,三农资讯网_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 }
+    ]
+});
 </script>
 
 <style lang="less" scoped>

plugins/category.ts

@@ -1,57 +1,29 @@
 
 //master 环境
 const navMaster: number[] = [
-    445,//模块1 三农资讯445
-    27, //模块2 三农服务27
-    410,//模块3 网站公告410
-    325,//模块4 乡村招商325
-    320,//模块5 乡村建设320
-    319,//模块6 乡村管理319
-    321,//模块7 乡村文化321
-    12, //模块8 三农投资12
-    322,//模块9 乡村生活322
-    323,//模块10 乡村经济323
-    318,//模块11 乡村风采318
-    407,//模块12 乡村名企407
-    331,//模块13 特色乡村331 
-    330,//模块14 产业集群330
-    18, //模块15 三农人物18
-    335,//模块16 三农名企335
-    348,//模块17 农技推广348
-    23, //模块18 致富信息23
-    16, //模块19 三农探索16
-    344,//模块20 招工求职344
-    // 不包含资讯的导航
-    346, //乡村商场346
-    345, //市场报价345
-    343  //乡土特色343
+    372,
+    499,
+    377,
+    375,
+    373,
+    432,
+    431,
+    374,
+    433,
+    748
 ]
 
 const navPre: number[] = [
-    328,//模块1 三农资讯328
-    27, //模块2 三农服务27
-    410,//模块3 网站公告410
-    325,//模块4 乡村招商325
-    320,//模块5 乡村建设320
-    319,//模块6 乡村管理319
-    321,//模块7 乡村文化321
-    12, //模块8 三农投资12
-    322,//模块9 乡村生活322
-    323,//模块10 乡村经济323
-    318,//模块11 乡村风采318
-    407,//模块12 乡村名企407
-    331,//模块13 特色乡村331 
-    330,//模块14 产业集群330
-    18, //模块15 三农人物18
-    335,//模块16 三农名企335
-    348,//模块17 农技推广348
-    23, //模块18 致富信息23
-    16, //模块19 三农探索16
-    344,//模块20 招工求职344
-    // 不包含资讯的导航
-    346, //乡村商场346
-    345, //市场报价345
-    343  //乡土特色343
+    372,
+    328,
+    377,
+    375,
+    373,
+    426,
+    425,
+    374,
+    427,
+    491
 ]
 
 export default defineNuxtPlugin((nuxtApp) => {

plugins/globals.js

@@ -1,19 +1,21 @@
 export default defineNuxtPlugin((nuxtApp) => {
-  //乡村网pre环境
-  nuxtApp.provide('webUrl', 'http://apipre1.bjzxtw.org.cn:29501')
-  nuxtApp.provide('CwebUrl', 'http://pre.china-village.com.cn')
-  nuxtApp.provide('BwebUrl', 'http://adminpre.bjzxtw.org.cn')
-  nuxtApp.provide('LoginWebUrl', 'http://adminpre.bjzxtw.org.cn/adminapi')
-  nuxtApp.provide('userUrl', 'http://localhost:3000')
+  //农民网Pre环境
+  // nuxtApp.provide('webUrl', 'http://apipre1.bjzxtw.org.cn:29501')
+  // nuxtApp.provide('CwebUrl', 'http://pre.nmwwt.org')
+  // nuxtApp.provide('BwebUrl', 'http://adminpre.bjzxtw.org.cn')
+  // nuxtApp.provide('LoginWebUrl', 'http://adminpre.bjzxtw.org.cn/adminapi')
+  // nuxtApp.provide('userUrl', 'http://localhost:3002')
+
+  //农民网正式环境
+  nuxtApp.provide('webUrl', 'https://flzxw.bjzxtw.org.cn')
+  nuxtApp.provide('CwebUrl', 'http://nw.nmwwt.org')
+  nuxtApp.provide('BwebUrl', 'https://admin.bjzxtw.org.cn')
+  nuxtApp.provide('LoginWebUrl', 'http://admin.bjzxtw.org.cn/adminapi')
+  nuxtApp.provide('userUrl', 'http://localhost:3002')
+
   //Dev环境
   // nuxtApp.provide('webUrl', 'http://apidev.bjzxtw.org.cn')
   // nuxtApp.provide('CwebUrl', 'http://nwdev.bjzxtw.org.cn')
   // nuxtApp.provide('BwebUrl', 'http://admindev.bjzxtw.org.cn')
   // nuxtApp.provide('userUrl', 'http://localhost:3000')
-  //乡村网正式环境
-//   nuxtApp.provide('webUrl', 'https://flzxw.bjzxtw.org.cn')
-//   nuxtApp.provide('CwebUrl', 'http://nw.china-village.com.cn')
-//   nuxtApp.provide('BwebUrl', 'https://admin.bjzxtw.org.cn')
-//   nuxtApp.provide('LoginWebUrl', 'http://admin.bjzxtw.org.cn/adminapi')
-//   nuxtApp.provide('userUrl', 'http://localhost:3001')
 })

plugins/request.js

@@ -3,13 +3,14 @@ import axios from 'axios'
 import { getToken } from '@/store/useCookieStore'
 
 export default defineNuxtPlugin(nuxtApp => {
+
     let Url = {
         //正式环境
         webUrl: 'https://flzxw.bjzxtw.org.cn', //接口地址
-        CwebUrl: 'nw.china-village.com.cn' //页面地址
+        CwebUrl: 'nw.nmwwt.org/' //页面地址
         //pre环境
         // webUrl: 'http://apipre1.bjzxtw.org.cn:29501', //pre接口地址
-        // CwebUrl: 'pre.china-village.com.cn' //页面地址
+        // CwebUrl: 'pre.nmwwt.org' //页面地址
     }
 
     const service = axios.create({
@@ -21,10 +22,11 @@ export default defineNuxtPlugin(nuxtApp => {
         // console.log("请求拦截器",config);
         // 从cookie中获取数据
         const token = getToken()
-        // const token = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJwaHBlcjY2Ni9qd3QiLCJ1aWQiOjY0OCwidXNlcl9uYW1lIjoiMTM5MzA4OTg4ODgiLCJtb2JpbGUiOiIiLCJlbWFpbCI6IiIsImxldmVsX2lkIjowLCJ0eXBlX2lkIjoxMDAwMCwiand0X3NjZW5lIjoiZGVmYXVsdCIsImp0aSI6ImRlZmF1bHRfNjdmMzlmNWUzZjY2MjMuODM0ODQ2NTciLCJpYXQiOjE3NDQwMTkyOTQsIm5iZiI6MTc0NDAxOTI5NCwiZXhwIjoxNzQ0MTA1Njk0fQ.rzEcEy8hNn43P3bE3PTOS4nGeG_Zg1mmac40VNjx6mU"
+        //const token = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJwaHBlcjY2Ni9qd3QiLCJ1aWQiOjc2LCJ1c2VyX25hbWUiOiIxNzM0MDUzMTQ1NCIsIm1vYmlsZSI6IjE3MzExMTExMTExIiwiZW1haWwiOiIiLCJsZXZlbF9pZCI6MCwidHlwZV9pZCI6MTAwMDAsImp3dF9zY2VuZSI6ImRlZmF1bHQiLCJqdGkiOiJkZWZhdWx0XzY3ZDBmYmQ2OWUwZDk2LjY3MTU1NDM5IiwiaWF0IjoxNzQxNzQ5MjA2LCJuYmYiOjE3NDE3NDkyMDYsImV4cCI6MTc0MTgzNTYwNn0.1pfYged1EOSVaQNdAlaKA_kvBJLgOkWKkk38yog_xoU"
         if (token) {
             config.headers.token = token;
         }
+
         config.headers.userurl = Url.CwebUrl;
         return config;
     }, error => {