diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 20d1917d1da341c45e3a4e502a1b7bb86297eae0..4ac5b2b4b3cdcfd496b2400b9a1e03f81fc29df4 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -474,4 +474,20 @@ width: 620px!important;
 }
 .bread_crumb1 .is-link {
   color: #898d9e !important;
+}
+
+/* 应用超市详情页公共样式 */
+.sevice_detail {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+.sevice_breadcrumb > .el-breadcrumb .el-breadcrumb__inner {
+  font-size: 14px;
+  font-weight: bold;
+  color: #898d9e;
+  line-height: 42px;
+}
+.sevice_breadcrumb > .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner  {
+  color: #242c43;
+  font-weight: normal;
 }
\ No newline at end of file
diff --git a/src/pages/sjfwDetail.vue b/src/pages/sjfwDetail.vue
index 98f22ff7f7afc76fe350910cca220b3361c6ed0e..d0f71bfaeff157ecc8f0544e7801319862291523 100644
--- a/src/pages/sjfwDetail.vue
+++ b/src/pages/sjfwDetail.vue
@@ -2,8 +2,10 @@
   <div class="sevice_detail">
     <div class="sevice_breadcrumb">
       <el-breadcrumb separator="/">
-        <el-breadcrumb-item>服务超市</el-breadcrumb-item>
-        <el-breadcrumb-item>数据服务</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop">服务超市</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop/data_service_list"
+          >数据服务</el-breadcrumb-item
+        >
         <el-breadcrumb-item>服务详情信息</el-breadcrumb-item>
       </el-breadcrumb>
     </div>
@@ -68,13 +70,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.sevice_detail {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-.sevice_breadcrumb > .el-breadcrumb {
-  line-height: 42px;
-}
-</style>
diff --git a/src/pages/skfwDetail.vue b/src/pages/skfwDetail.vue
index 17d4feb9a079fefe21319b14c2f0668079b9089b..13cef4ae8b3ecb4d6262ddb0ee210f0241c707a9 100644
--- a/src/pages/skfwDetail.vue
+++ b/src/pages/skfwDetail.vue
@@ -2,8 +2,10 @@
   <div class="sevice_detail">
     <div class="sevice_breadcrumb">
       <el-breadcrumb separator="/">
-        <el-breadcrumb-item>服务超市</el-breadcrumb-item>
-        <el-breadcrumb-item>数据服务</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop">服务超市</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop/space_time_service_list"
+          >时空服务</el-breadcrumb-item
+        >
         <el-breadcrumb-item>服务详情信息</el-breadcrumb-item>
       </el-breadcrumb>
     </div>
@@ -65,13 +67,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.sevice_detail {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-.sevice_breadcrumb > .el-breadcrumb {
-  line-height: 42px;
-}
-</style>
diff --git a/src/pages/yysdDetail.vue b/src/pages/yysdDetail.vue
index c7328729b7d327f7dcc44677c2795b81e45ed3c6..68c1863d6aab170e96302f77996454a6a42bb14f 100644
--- a/src/pages/yysdDetail.vue
+++ b/src/pages/yysdDetail.vue
@@ -2,8 +2,10 @@
   <div class="sevice_detail">
     <div class="sevice_breadcrumb">
       <el-breadcrumb separator="/">
-        <el-breadcrumb-item>服务超市</el-breadcrumb-item>
-        <el-breadcrumb-item>应用商店</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop">服务超市</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop/app_store_list"
+          >应用商店</el-breadcrumb-item
+        >
         <el-breadcrumb-item>应用详情信息</el-breadcrumb-item>
       </el-breadcrumb>
     </div>
@@ -69,13 +71,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.sevice_detail {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-.sevice_breadcrumb > .el-breadcrumb {
-  line-height: 42px;
-}
-</style>
diff --git a/src/pages/zhyyfwDetail.vue b/src/pages/zhyyfwDetail.vue
index 130e768e188e836019659a10858af0da5c91a84f..942305f8097d233202c751b040d91d472685a8fd 100644
--- a/src/pages/zhyyfwDetail.vue
+++ b/src/pages/zhyyfwDetail.vue
@@ -2,8 +2,10 @@
   <div class="sevice_detail">
     <div class="sevice_breadcrumb">
       <el-breadcrumb separator="/">
-        <el-breadcrumb-item>服务超市</el-breadcrumb-item>
-        <el-breadcrumb-item>数据服务</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop">服务超市</el-breadcrumb-item>
+        <el-breadcrumb-item to="/shop/comprehensive_app_list"
+          >综合应用服务</el-breadcrumb-item
+        >
         <el-breadcrumb-item>服务详情信息</el-breadcrumb-item>
       </el-breadcrumb>
     </div>
@@ -65,13 +67,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.sevice_detail {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-.sevice_breadcrumb > .el-breadcrumb {
-  line-height: 42px;
-}
-</style>
diff --git a/src/router/index.js b/src/router/index.js
index 12bb250cee44b8a1398d79cba31ffd566f326196..d9c43bd7f3571f48f79ac666a7f665fbd55ce376 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -119,22 +119,22 @@ export default new Router({
           ],
         },
         {
-          path: "/sjfwDetail/:id",
+          path: "/shop/sjfwDetail/:id",
           name: "sjfwDetail",
           component: () => import("@/pages/sjfwDetail"),
         }, // 数据服务详情
         {
-          path: "/skfwDetail/:id",
+          path: "/shop/skfwDetail/:id",
           name: "skfwDetail",
           component: () => import("@/pages/skfwDetail"),
         }, // 时空服务详情
         {
-          path: "/zhyyfwDetail/:id",
+          path: "/shop/zhyyfwDetail/:id",
           name: "zhyyfwDetail",
           component: () => import("@/pages/zhyyfwDetail"),
         }, // 综合应用服务详情
         {
-          path: "/yysdDetail/:id",
+          path: "/shop/yysdDetail/:id",
           name: "yysdDetail",
           component: () => import("@/pages/yysdDetail"),
         }, // 应用详情