diff --git a/bi.lessconfig.json b/bi.lessconfig.json
index aa64c08d9..fafccaff8 100644
--- a/bi.lessconfig.json
+++ b/bi.lessconfig.json
@@ -16,7 +16,6 @@
   "@font-color-light-gray": "rgba(9, 30, 64, 0.66)",
   "@font-color-tips": "rgba(9, 30, 64, 0.47)",
   "@font-color-disabled": "rgba(9, 30, 64, 0.25)",
-
   "@color-bi-background-active-radio": "transparent",
   "@color-bi-border-radio": "rgba(9, 30, 64, 0.37)",
   "@color-bi-border-disabled-radio": "rgba(9, 30, 64, 0.19)",
@@ -36,5 +35,6 @@
   "@color-bi-color-toast-warning": "#FAAA39",
   "@color-bi-color-toast-error": "#E65251",
   "@color-bi-color-toast-normal": "#2C60DB",
-  "@color-bi-color-toast-text": "#000A19"
+  "@color-bi-color-toast-text": "#000A19",
+  "@color-bi-color-toast-shadow": "rgba(9, 30, 64, 0.16)"
 }
diff --git a/src/less/base/single/tip/tip.toast.less b/src/less/base/single/tip/tip.toast.less
index 4e33930ac..cb39afe70 100644
--- a/src/less/base/single/tip/tip.toast.less
+++ b/src/less/base/single/tip/tip.toast.less
@@ -4,6 +4,7 @@
   color: @color-bi-color-toast-text;
   line-height: @font-size-16;
   .border-radius(2px);
+  .box-shadow(0 6px 20px -2px, @color-bi-color-toast-shadow);
 
   &.toast-success {
     background: @color-bi-background-toast-success;
diff --git a/src/less/lib/theme.less b/src/less/lib/theme.less
index 87d578943..2a570c985 100644
--- a/src/less/lib/theme.less
+++ b/src/less/lib/theme.less
@@ -32,6 +32,7 @@
 @color-bi-color-toast-error: @color-bi-text;
 @color-bi-color-toast-normal: @color-bi-text;
 @color-bi-color-toast-text: @color-bi-text;
+@color-bi-color-toast-shadow: @color-bi-background-black;
 
 //bubble
 @color-bi-background-bubble-success: @color-bi-background-light-success;