diff --git a/src/assets/imgs/shop_ic_enter.png b/src/assets/imgs/shop_ic_enter.png
new file mode 100644
index 0000000000000000000000000000000000000000..fcd8422bc5f82c27f707d61f0784ae951b59a401
Binary files /dev/null and b/src/assets/imgs/shop_ic_enter.png differ
diff --git a/src/assets/imgs/shop_ic_yysd.png b/src/assets/imgs/shop_ic_yysd.png
new file mode 100644
index 0000000000000000000000000000000000000000..5fdb2d6905d08480822a3f19b842653464ebc8ee
Binary files /dev/null and b/src/assets/imgs/shop_ic_yysd.png differ
diff --git a/src/assets/imgs/shop_ic_yysd_sel.png b/src/assets/imgs/shop_ic_yysd_sel.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba1d21818d5933cce3b85cad4a5a0ae50ab63249
Binary files /dev/null and b/src/assets/imgs/shop_ic_yysd_sel.png differ
diff --git a/src/assets/imgs/shop_tool_ic_ganzhifw.png b/src/assets/imgs/shop_tool_ic_ganzhifw.png
new file mode 100644
index 0000000000000000000000000000000000000000..f8664289b5ba28e34d86401e3d571f209feb6973
Binary files /dev/null and b/src/assets/imgs/shop_tool_ic_ganzhifw.png differ
diff --git a/src/assets/imgs/shop_tool_ic_ganzhifw_sel.png b/src/assets/imgs/shop_tool_ic_ganzhifw_sel.png
new file mode 100644
index 0000000000000000000000000000000000000000..19e01aabf55cea75c3a365c96038569b729c83e7
Binary files /dev/null and b/src/assets/imgs/shop_tool_ic_ganzhifw_sel.png differ
diff --git a/src/assets/imgs/shop_tool_ic_sjfw.png b/src/assets/imgs/shop_tool_ic_sjfw.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d5a7e9aed04b39597f367d8b410b7df471c0ca2
Binary files /dev/null and b/src/assets/imgs/shop_tool_ic_sjfw.png differ
diff --git a/src/assets/imgs/shop_tool_ic_sjfw_sel.png b/src/assets/imgs/shop_tool_ic_sjfw_sel.png
new file mode 100644
index 0000000000000000000000000000000000000000..2428a8a105ea15a5e6f02573df4f18abda53a168
Binary files /dev/null and b/src/assets/imgs/shop_tool_ic_sjfw_sel.png differ
diff --git a/src/assets/imgs/shop_tool_ic_skfw.png b/src/assets/imgs/shop_tool_ic_skfw.png
new file mode 100644
index 0000000000000000000000000000000000000000..9528f2a990686106b86e33400cb9e29cde4af3ed
Binary files /dev/null and b/src/assets/imgs/shop_tool_ic_skfw.png differ
diff --git a/src/assets/imgs/shop_tool_ic_skfw_sel.png b/src/assets/imgs/shop_tool_ic_skfw_sel.png
new file mode 100644
index 0000000000000000000000000000000000000000..c643720c911af5e37b86246db42cb2cb39eeb0ea
Binary files /dev/null and b/src/assets/imgs/shop_tool_ic_skfw_sel.png differ
diff --git a/src/assets/imgs/shop_tool_ic_spfw.png b/src/assets/imgs/shop_tool_ic_spfw.png
new file mode 100644
index 0000000000000000000000000000000000000000..3951fbfa52c7ce7e884636a8e351116d22024f94
Binary files /dev/null and b/src/assets/imgs/shop_tool_ic_spfw.png differ
diff --git a/src/assets/imgs/shop_tool_ic_spfw_sel.png b/src/assets/imgs/shop_tool_ic_spfw_sel.png
new file mode 100644
index 0000000000000000000000000000000000000000..22f692ce25721a0d14e39af4698bcd7d4d9f5abb
Binary files /dev/null and b/src/assets/imgs/shop_tool_ic_spfw_sel.png differ
diff --git a/src/assets/imgs/shop_tool_ic_yzyfw.png b/src/assets/imgs/shop_tool_ic_yzyfw.png
new file mode 100644
index 0000000000000000000000000000000000000000..c528951740646e5b2ed7e42e9a4e1a5496d1494c
Binary files /dev/null and b/src/assets/imgs/shop_tool_ic_yzyfw.png differ
diff --git a/src/assets/imgs/shop_tool_ic_yzyfw_sel.png b/src/assets/imgs/shop_tool_ic_yzyfw_sel.png
new file mode 100644
index 0000000000000000000000000000000000000000..b85663f86cf1a0606f837fbb841b3b85078ea11a
Binary files /dev/null and b/src/assets/imgs/shop_tool_ic_yzyfw_sel.png differ
diff --git a/src/assets/imgs/shop_tool_ic_zhyyfw.png b/src/assets/imgs/shop_tool_ic_zhyyfw.png
new file mode 100644
index 0000000000000000000000000000000000000000..aa0bf23a9382d2cca574790443ce46b7e3b945f9
Binary files /dev/null and b/src/assets/imgs/shop_tool_ic_zhyyfw.png differ
diff --git a/src/assets/imgs/shop_tool_ic_zhyyfw_sel.png b/src/assets/imgs/shop_tool_ic_zhyyfw_sel.png
new file mode 100644
index 0000000000000000000000000000000000000000..177723b6cb44daac7f4385f48d345bcffa7398dd
Binary files /dev/null and b/src/assets/imgs/shop_tool_ic_zhyyfw_sel.png differ
diff --git a/src/components/service-info/service-info.vue b/src/components/service-info/service-info.vue
index 5ee4b8a5c7c6252b8569094a51706bf6225923b0..e96404630b1ca4d4f4d594aefc5b495eff98dff2 100644
--- a/src/components/service-info/service-info.vue
+++ b/src/components/service-info/service-info.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="service_info apaas_button" v-if="data">
+  <div class="service_info apaas_button" v-if="data && showItem">
     <div class="service_title">
       <span class="service_name" v-text="data.name"></span>
       <span class="service_type" v-if="data.type" v-text="data.type"></span>
@@ -89,7 +89,13 @@
             class="commodity_text"
             >暂无</span
           >
-          <div v-else class="btn_container">
+          <div
+            v-else-if="
+              data.serviceRequestSpcs.spcs_type_1 &&
+              data.serviceRequestSpcs.spcs_type_1.length != 0
+            "
+            class="btn_container"
+          >
             <el-button
               v-for="(item, index) in data.serviceRequestSpcs.spcs_type_1"
               :key="'spcs_' + index"
@@ -191,6 +197,7 @@ export default {
     specification: {}, // 规格
     duration: 1, // 时长
     showTime: false,
+    showItem: false,
   }),
   computed: {
     actionDisabled() {
@@ -268,10 +275,15 @@ export default {
   mounted() {
     // 初始化购买方式
     if (this.data.serviceRequestSpcs && this.data.serviceRequestSpcs.length) {
+      if (!this.data.serviceRequestSpcs.spcs_type_1) {
+        this.data.serviceRequestSpcs.spcs_type_1 = [];
+      }
+      if (!this.data.serviceRequestSpcs.spcs_type_2) {
+        this.data.serviceRequestSpcs.spcs_type_2 = [];
+      }
       let types = Array.from(
         new Set(this.data.serviceRequestSpcs.map((item) => item.type))
       );
-
       if (types.indexOf(3) > -1) {
         this.types = [
           {
@@ -316,6 +328,7 @@ export default {
     ) {
       this.specification = this.data.serviceRequestSpcs.spcs_type_2[0];
     }
+    this.showItem = true;
   },
 };
 </script>
diff --git a/src/components/service-list/service_shop_menu.vue b/src/components/service-list/service_shop_menu.vue
index 53959fd40cad3260affa3577bbcae299e838936d..85fcbb17607997ab987e398faa6373ca9938e278 100644
--- a/src/components/service-list/service_shop_menu.vue
+++ b/src/components/service-list/service_shop_menu.vue
@@ -65,32 +65,32 @@ export default {
             }
             switch (uri) {
               case "data_service_list":
-                item.active = "tool_ic_shujufw_sel";
-                item.default = "tool_ic_shujufw";
+                item.active = "shop_tool_ic_sjfw_sel";
+                item.default = "shop_tool_ic_sjfw";
                 break;
               case "space_time_service_list":
-                item.active = "tool_ic_shikongfw_sel";
-                item.default = "tool_ic_shikongfw";
+                item.active = "shop_tool_ic_skfw_sel";
+                item.default = "shop_tool_ic_skfw";
                 break;
               case "video_service_list":
-                item.active = "tool_ic_shipinfw_sel";
-                item.default = "tool_ic_shipinfw";
+                item.active = "shop_tool_ic_spfw_sel";
+                item.default = "shop_tool_ic_spfw";
                 break;
               case "perception_service_list":
-                item.active = "tool_ic_ganzhifw_sel";
-                item.default = "tool_ic_ganzhifw";
+                item.active = "shop_tool_ic_ganzhifw_sel";
+                item.default = "shop_tool_ic_ganzhifw";
                 break;
               case "comprehensive_app_list":
-                item.active = "tool_ic_zongheyyfw_sel";
-                item.default = "tool_ic_zongheyyfw";
+                item.active = "shop_tool_ic_zhyyfw_sel";
+                item.default = "shop_tool_ic_zhyyfw";
                 break;
               case "cloud":
-                item.active = "tool_ic_yunziyuanfw_sel";
-                item.default = "tool_ic_yunziyuanfw";
+                item.active = "shop_tool_ic_yzyfw_sel";
+                item.default = "shop_tool_ic_yzyfw";
                 break;
               case "app_store_list":
-                item.active = "tool_ic_yingyongsd_sel";
-                item.default = "tool_ic_yingyongsd";
+                item.active = "shop_ic_yysd_sel";
+                item.default = "shop_ic_yysd";
                 break;
               default:
                 item.active = "1";
@@ -111,24 +111,25 @@ export default {
 .service_shop_menu {
   background-color: #0d1847;
   position: fixed;
-  top: 58px;
-  left: 0;
+  top: 76px;
+  left: calc(50% - 600px);
   width: 180px;
-  height: 100%;
-  padding-top: 30px;
+  padding: 8px;
+	background-color: #ffffff;
+	box-shadow: 0px 3px 6px 0px 
+		rgba(15, 19, 65, 0.04);
+	border-radius: 8px;
 }
 .service_shop_menu_list > li {
   padding: 16px 10px 8px 22px;
-  border-left: 5px solid #0d1847;
   font-size: 15px;
   line-height: 24px;
   cursor: pointer;
 }
 .service_shop_menu_list > li:hover,
 .service_shop_menu_list > li.current {
-  border-left: 5px solid #e56600;
-  background-color: #182665;
-  color: #e6ebfe;
+  background-color: rgba(242, 246, 253, 0.4);
+  color: #515fe7;
 }
 .menu_img {
   width: 25px;
@@ -136,12 +137,16 @@ export default {
 }
 .menu_item {
   position: relative;
-  color: #6573ae;
+  font-weight: bold;
+  font-size: 15px;
+  color: #96a0c5;
   top: -6px;
 }
 .menu_item_active {
   position: relative;
-  color: #e6ebfe;
+  font-weight: bold;
+  font-size: 15px;
+  color: #515fe7;
   top: -6px;
 }
 </style>
diff --git a/src/pages/service_shop/shop_list.vue b/src/pages/service_shop/shop_list.vue
index 369e9ec8af37a03f8fbc7ad5a5f7d0dc8ddc4ca9..2b813cc9298c38dd26b6527eb7d44b24e1d0cd52 100644
--- a/src/pages/service_shop/shop_list.vue
+++ b/src/pages/service_shop/shop_list.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="shop_list_cont">
     <el-container>
       <el-aside width="180px">
         <service-shop-menu></service-shop-menu>
@@ -123,4 +123,9 @@ export default {
   background: url("~@/assets/imgs/img_default_quesheng.png") no-repeat center
     center;
 }
+.shop_list_cont {
+  width: 1200px;
+  margin: 0 auto;
+  position: relative;
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/service_shop/skfwDetail.vue b/src/pages/service_shop/skfwDetail.vue
index ead5ccfa65646d466962ebb4bf13e991b331128e..b83905f7bb0def015d43e4ba171a200ffbe34d28 100644
--- a/src/pages/service_shop/skfwDetail.vue
+++ b/src/pages/service_shop/skfwDetail.vue
@@ -14,7 +14,6 @@
 
     <service-tabs
       :detail-data="detailData"
-      :specification-data="specificationData"
       :provider-data="providerData"
       :comments-data="commentsData"
       :comments-url="commentsUrl"
@@ -34,7 +33,6 @@ export default {
   data: () => ({
     baseInfo: null,
     detailData: null,
-    specificationData: null,
     providerData: null,
     commentsData: null,
   }),
@@ -61,17 +59,6 @@ export default {
         })
         .then(({ data }) => {
           let datas = data.data;
-          let specificationData =
-            (datas.serviceRequestSpcs &&
-              datas.serviceRequestSpcs.map((item) => ({
-                id: item.id,
-                type: item.type,
-                pv: item.pv,
-                count: item.count,
-                name: `访问次数：${item.pv}次/日 访问量：${item.count}次/日`,
-                descript: item.des,
-              }))) ||
-            [];
 
           this.baseInfo = {
             portal_id: datas.portal_id || "", // 时空服务id
@@ -93,9 +80,9 @@ export default {
               datas.data_service_type3_name,
             ],
             descript: datas.descript,
-            serviceRequestSpcs: specificationData,
             scoreDetail: datas.scoreDetail,
             month_sale: data.month_sale,
+            serviceRequestSpcs: datas.serviceRequestSpcs,
           };
 
           this.detailData = [
@@ -145,7 +132,6 @@ export default {
               ],
             }, */
           ];
-          this.specificationData = specificationData;
           this.providerData = {
             organization_name: datas.organization_name,
             picture_path: datas.organization_picture,
diff --git a/src/pages/service_shop/zhfwDetail.vue b/src/pages/service_shop/zhfwDetail.vue
index dc0a036846e346b9765971399a98034ce4502e63..575ada852fc7401543780479c1ebbbe3823f249a 100644
--- a/src/pages/service_shop/zhfwDetail.vue
+++ b/src/pages/service_shop/zhfwDetail.vue
@@ -14,7 +14,6 @@
 
     <service-tabs
       :detail-data="detailData"
-      :specification-data="specificationData"
       :provider-data="providerData"
       :comments-data="commentsData"
       :comments-url="commentsUrl"
@@ -34,7 +33,6 @@ export default {
   data: () => ({
     baseInfo: null,
     detailData: null,
-    specificationData: null,
     providerData: null,
     commentsData: null,
   }),
@@ -56,18 +54,6 @@ export default {
         })
         .then(({ data }) => {
           let datas = data.data;
-          let specificationData =
-            (datas.serviceRequestSpcs &&
-              datas.serviceRequestSpcs.map((item) => ({
-                id: item.id,
-                type: item.type,
-                pv: item.pv,
-                count: item.count,
-                name: `访问次数：${item.pv}次/日 访问量：${item.count}次/日`,
-                descript: item.des,
-              }))) ||
-            [];
-
           this.baseInfo = {
             service_id: this.id,
             app_id: 0,
@@ -88,7 +74,7 @@ export default {
               datas.data_service_type3_name,
             ],
             descript: datas.descript,
-            serviceRequestSpcs: specificationData,
+            serviceRequestSpcs: datas.serviceRequestSpcs,
             scoreDetail: datas.scoreDetail,
             month_sale: data.month_sale,
           };
@@ -141,7 +127,6 @@ export default {
               value: datas.workflows_id,
             });
           }
-          this.specificationData = specificationData;
           this.providerData = {
             organization_name: datas.organization_name,
             picture_path: datas.organization_picture,