diff --git a/src/components/service-info/app-info.vue b/src/components/service-info/app-info.vue
index 562b48f113835e9e7e84e11f0f8db7820efce356..1d2ed02570947f9e837574719d4484656d8d402f 100644
--- a/src/components/service-info/app-info.vue
+++ b/src/components/service-info/app-info.vue
@@ -222,17 +222,12 @@ export default {
   width: 220px;
   margin-left: 20px;
 }
-.application_info .el-button--primary {
+</style>
+
+<style>
+.application_info.apaas_button .el-button--primary {
+  color: #fff;
   background-color: #515fe7;
   border-color: #515fe7;
 }
-.application_info .el-button--warning.is-plain {
-  background-color: #fcefd6;
-  border-color: #fac266;
-  color: #e56600;
-}
-.application_info .el-button--warning {
-  background-color: #e56600;
-  border-color: #e56600;
-}
 </style>
diff --git a/src/components/service-info/service-info.vue b/src/components/service-info/service-info.vue
index 200f818964cc922d184975030bc90ed9c2adb7a5..5bbede289b75066196aeca322185eadf6d68d9e4 100644
--- a/src/components/service-info/service-info.vue
+++ b/src/components/service-info/service-info.vue
@@ -21,7 +21,7 @@
         <img :src="data.cover" width="100%" />
         <map-view
           v-if="data.type === 'Map Service'"
-          :id="data.portal_id" 
+          :id="data.portal_id"
         ></map-view>
       </div>
       <div class="main_container-right">
@@ -98,7 +98,7 @@
             ></el-input-number>
           </div>
         </div>
-        <div class="apaas_button commodity_action">
+        <div class=" commodity_action">
           <el-button
             type="warning"
             plain
@@ -398,3 +398,11 @@ export default {
   margin-left: 20px;
 }
 </style>
+
+<style>
+.service_info.apaas_button .el-button--primary {
+  color: #fff;
+  background-color: #515fe7;
+  border-color: #515fe7;
+}
+</style>