diff --git a/src/components/PublicComponent/PublicComponent.vue b/src/components/PublicComponent/PublicComponent.vue
index 8fb9063..897c805 100644
--- a/src/components/PublicComponent/PublicComponent.vue
+++ b/src/components/PublicComponent/PublicComponent.vue
@@ -76,7 +76,7 @@ onMounted(() => {
     send(`type:online`)
   }, 30000)
 
-  store.SET_CURRENT_THEME('luxury')
+  store.SET_CURRENT_THEME('business')
   // let i = 0
   // setInterval(() => {
   //   i++
diff --git a/src/themes/business/activity.png b/src/themes/business/activity.png
new file mode 100644
index 0000000..d802f28
Binary files /dev/null and b/src/themes/business/activity.png differ
diff --git a/src/themes/business/back.png b/src/themes/business/back.png
new file mode 100644
index 0000000..57de606
Binary files /dev/null and b/src/themes/business/back.png differ
diff --git a/src/themes/business/billBoardBg.png b/src/themes/business/billBoardBg.png
new file mode 100644
index 0000000..6d74afc
Binary files /dev/null and b/src/themes/business/billBoardBg.png differ
diff --git a/src/themes/business/grid.png b/src/themes/business/grid.png
new file mode 100644
index 0000000..098b5cf
Binary files /dev/null and b/src/themes/business/grid.png differ
diff --git a/src/themes/business/gridActive.png b/src/themes/business/gridActive.png
new file mode 100644
index 0000000..368f960
Binary files /dev/null and b/src/themes/business/gridActive.png differ
diff --git a/src/themes/business/index.js b/src/themes/business/index.js
new file mode 100644
index 0000000..e11fdbc
--- /dev/null
+++ b/src/themes/business/index.js
@@ -0,0 +1,10 @@
+import style from './style.json'
+function importAll(r) {
+  const obj = {}
+  r.keys().forEach(key => {
+    obj[key.replace('./', '').replace('.png', '')] = r(key)
+  })
+  return obj
+}
+const images = importAll(require.context('./', false, /\.(png|jpe?g|svg)$/))
+export default { ...style, images }
diff --git a/src/themes/business/loc.png b/src/themes/business/loc.png
new file mode 100644
index 0000000..eb3e38c
Binary files /dev/null and b/src/themes/business/loc.png differ
diff --git a/src/themes/business/mall.png b/src/themes/business/mall.png
new file mode 100644
index 0000000..41133c8
Binary files /dev/null and b/src/themes/business/mall.png differ
diff --git a/src/themes/business/member.png b/src/themes/business/member.png
new file mode 100644
index 0000000..8ed90e5
Binary files /dev/null and b/src/themes/business/member.png differ
diff --git a/src/themes/business/movie.png b/src/themes/business/movie.png
new file mode 100644
index 0000000..e8b3e2b
Binary files /dev/null and b/src/themes/business/movie.png differ
diff --git a/src/themes/business/parking.png b/src/themes/business/parking.png
new file mode 100644
index 0000000..985c416
Binary files /dev/null and b/src/themes/business/parking.png differ
diff --git a/src/themes/business/row.png b/src/themes/business/row.png
new file mode 100644
index 0000000..e310d9d
Binary files /dev/null and b/src/themes/business/row.png differ
diff --git a/src/themes/business/rowActive.png b/src/themes/business/rowActive.png
new file mode 100644
index 0000000..a9a6359
Binary files /dev/null and b/src/themes/business/rowActive.png differ
diff --git a/src/themes/business/searchClear.png b/src/themes/business/searchClear.png
new file mode 100644
index 0000000..840894a
Binary files /dev/null and b/src/themes/business/searchClear.png differ
diff --git a/src/themes/business/searchClose.png b/src/themes/business/searchClose.png
new file mode 100644
index 0000000..101bbb3
Binary files /dev/null and b/src/themes/business/searchClose.png differ
diff --git a/src/themes/business/searchIcon.png b/src/themes/business/searchIcon.png
new file mode 100644
index 0000000..6189260
Binary files /dev/null and b/src/themes/business/searchIcon.png differ
diff --git a/src/themes/business/style.json b/src/themes/business/style.json
new file mode 100644
index 0000000..7af0e83
--- /dev/null
+++ b/src/themes/business/style.json
@@ -0,0 +1,97 @@
+{
+  "global": {
+    "background": "linear-gradient(180deg, #7C9DC4 0%, #BFD3E1 100%)",
+    "appBackground": "#dee6f6"
+  },
+  "weather": {
+    "iconColor": "#FFFFFF",
+    "textColor": "#FFFFFF"
+  },
+  "time": {
+    "timeColor": "#FFFFFF",
+    "monthColor": "#FFFFFF",
+    "weekColor": "#5D8ACE"
+  },
+  "searchBar": {
+    "backBorderRadius": "0",
+    "background": "rgba(255, 255, 255, 0.6)",
+    "border": "none",
+    "borderRadius": "0",
+    "placeholderColor": "rgba(0, 0, 0, 0.4)",
+    "stickBg": "#5D8ACE",
+    "color": "rgba(0, 0, 0, 0.8)"
+  },
+  "menu": {
+    "bg1": "rgba(255, 255, 255, 0.4)",
+    "bg2": "rgba(255, 255, 255, 0.4)",
+    "bg3": "rgba(255, 255, 255, 0.4)",
+    "bg4": "rgba(255, 255, 255, 0.4)",
+    "bg5": "rgba(255, 255, 255, 0.4)",
+    "activeBg1": "#ffffff",
+    "activeBg2": "#ffffff",
+    "activeBg3": "#ffffff",
+    "activeBg4": "#ffffff",
+    "activeBg5": "#ffffff",
+    "color": "rgba(0, 0, 0, 0.4)",
+    "activeColor": "rgba(0, 0, 0, 0.8)",
+    "indexColor": "rgba(0, 0, 0, 0.8)",
+    "barBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)"
+  },
+  "index": {
+    "recTitleColor": "#FFFFFF",
+    "guideBackground": "#435B7D",
+    "guideBorder": "none",
+    "guideTopBg": "linear-gradient(180deg, #334B6F 0%, #728EB5 100%)",
+    "guideQrcodeBg": "rgba(255, 255, 255, 0.2)",
+    "guideColor": "#FFFFFF",
+    "guideMetaColor": "rgba(255, 255, 255, 0.8)",
+    "foodBg": "linear-gradient(180deg, #334B6F 0%, #728EB5 100%)",
+    "foodBorder": "none",
+    "recBg": "linear-gradient(180deg, #334B6F 0%, #728EB5 100%)",
+    "recBorder": "none"
+  },
+  "brand": {
+    "background": "rgba(255, 255, 255, 0.6)",
+    "floorNameColor": "rgba(0, 0, 0, 0.8)",
+    "floorMetaColor": "rgba(0, 0, 0, 0.6)"
+  },
+  "food": {
+    "background": "linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%)"
+  },
+  "carousel": {
+    "titleColor": "rgba(0, 0, 0, 0.8)",
+    "introColor": "rgba(0, 0, 0, 0.6)"
+  },
+  "map": {
+    "background": "#DEE6F6"
+  },
+  "billboard": {
+    "background": "linear-gradient(180deg, #7C9DC4 0%, #BFD3E1 100%)",
+    "arrowRadius": "100px",
+    "titleColor": "#000000",
+    "metaColor": "rgba(0, 0, 0, 0.6)"
+  },
+  "guide": {
+    "floorBg": "linear-gradient(113.71deg, #435acd 0%, #749cf3 100%)",
+    "allFloorBg": "left / 150px 100% no-repeat linear-gradient(180deg, #334B6F 0%, #728EB5 100%), #dee6f6",
+    "arrowRadius": "0",
+    "floorColor": "#FFFFFF",
+    "floorActiveColor": "rgba(0, 0, 0, 0.8)",
+    "floorActiveBg": "linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #FFFFFF 100%)",
+    "currentBg": "linear-gradient(99.5deg, #F0B92B 0%, #F9D556 100%)",
+    "currentColor": "rgba(0, 0, 0, 0.6)"
+  },
+  "search": {
+    "background": "linear-gradient(180deg, #E0E3EE 0%, #D4D9E7 100%)",
+    "barBackground": "#fff",
+    "placeholderMetaColor": "rgba(81, 109, 216, 1)",
+    "keyboardActiveBg": "linear-gradient(180deg, #435ACD 0%, #749CF3 100%)",
+    "writeColor": "#516DD8"
+  },
+  "activities": {
+    "btnBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)",
+    "btnColor": "#FFFFFF",
+    "detailBg": "#FFFFFF",
+    "radius": "16px"
+  }
+}
diff --git a/src/themes/index.js b/src/themes/index.js
index 8baa8b7..b85eba3 100644
--- a/src/themes/index.js
+++ b/src/themes/index.js
@@ -2,5 +2,6 @@ import main from './main/index'
 import fashion from './fashion/index'
 import highend from './highend/index'
 import luxury from './luxury/index'
+import business from './business/index'
 
-export default { main, fashion, highend, luxury }
+export default { main, fashion, highend, luxury, business }