diff --git a/dist/base.css b/dist/base.css
index c268a921d0..5a5c474abf 100644
--- a/dist/base.css
+++ b/dist/base.css
@@ -997,6 +997,8 @@
 }
 .bi-pane {
   min-height: 55px;
+}
+.bi-pane .loading-container {
   background-color: rgba(247, 248, 250, 0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00f7f8fa,endColorstr=#00f7f8fa);
 }
diff --git a/dist/base.js b/dist/base.js
index 49447d1021..62c4b8f836 100644
--- a/dist/base.js
+++ b/dist/base.js
@@ -282,6 +282,7 @@ BI.Pane = BI.inherit(BI.Widget, {
             if (!BI.Layers.has(this.getName())) {
                 BI.createWidget({
                     type: "bi.absolute_center_adapt",
+                    cls: "loading-container",
                     items: [{
                         el: loadingAnimation
                     }],
@@ -295,6 +296,7 @@ BI.Pane = BI.inherit(BI.Widget, {
             BI.createWidget({
                 type: "bi.absolute_center_adapt",
                 element: this,
+                cls: "loading-container",
                 items: [{
                     el: this._loading,
                     left: 0,
diff --git a/dist/bundle.css b/dist/bundle.css
index 1f9302f0d4..a076bc5645 100644
--- a/dist/bundle.css
+++ b/dist/bundle.css
@@ -2951,6 +2951,8 @@ textarea {
 }
 .bi-pane {
   min-height: 55px;
+}
+.bi-pane .loading-container {
   background-color: rgba(247, 248, 250, 0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00f7f8fa,endColorstr=#00f7f8fa);
 }
diff --git a/dist/bundle.js b/dist/bundle.js
index 7385952ecc..c90fb06f55 100644
--- a/dist/bundle.js
+++ b/dist/bundle.js
@@ -35578,6 +35578,7 @@ BI.Pane = BI.inherit(BI.Widget, {
             if (!BI.Layers.has(this.getName())) {
                 BI.createWidget({
                     type: "bi.absolute_center_adapt",
+                    cls: "loading-container",
                     items: [{
                         el: loadingAnimation
                     }],
@@ -35591,6 +35592,7 @@ BI.Pane = BI.inherit(BI.Widget, {
             BI.createWidget({
                 type: "bi.absolute_center_adapt",
                 element: this,
+                cls: "loading-container",
                 items: [{
                     el: this._loading,
                     left: 0,
diff --git a/dist/fineui.css b/dist/fineui.css
index 3a812fd72f..e64b1afc8d 100644
--- a/dist/fineui.css
+++ b/dist/fineui.css
@@ -2951,6 +2951,8 @@ textarea {
 }
 .bi-pane {
   min-height: 55px;
+}
+.bi-pane .loading-container {
   background-color: rgba(247, 248, 250, 0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00f7f8fa,endColorstr=#00f7f8fa);
 }
diff --git a/dist/fineui.js b/dist/fineui.js
index 62313952e7..86695c4fbe 100644
--- a/dist/fineui.js
+++ b/dist/fineui.js
@@ -35820,6 +35820,7 @@ BI.Pane = BI.inherit(BI.Widget, {
             if (!BI.Layers.has(this.getName())) {
                 BI.createWidget({
                     type: "bi.absolute_center_adapt",
+                    cls: "loading-container",
                     items: [{
                         el: loadingAnimation
                     }],
@@ -35833,6 +35834,7 @@ BI.Pane = BI.inherit(BI.Widget, {
             BI.createWidget({
                 type: "bi.absolute_center_adapt",
                 element: this,
+                cls: "loading-container",
                 items: [{
                     el: this._loading,
                     left: 0,
diff --git a/dist/fineui_without_jquery_polyfill.js b/dist/fineui_without_jquery_polyfill.js
index 7421951020..8edd9e85d9 100644
--- a/dist/fineui_without_jquery_polyfill.js
+++ b/dist/fineui_without_jquery_polyfill.js
@@ -24410,6 +24410,7 @@ BI.Pane = BI.inherit(BI.Widget, {
             if (!BI.Layers.has(this.getName())) {
                 BI.createWidget({
                     type: "bi.absolute_center_adapt",
+                    cls: "loading-container",
                     items: [{
                         el: loadingAnimation
                     }],
@@ -24423,6 +24424,7 @@ BI.Pane = BI.inherit(BI.Widget, {
             BI.createWidget({
                 type: "bi.absolute_center_adapt",
                 element: this,
+                cls: "loading-container",
                 items: [{
                     el: this._loading,
                     left: 0,
diff --git a/src/base/pane.js b/src/base/pane.js
index ef12a481d0..09aa803274 100644
--- a/src/base/pane.js
+++ b/src/base/pane.js
@@ -81,6 +81,7 @@ BI.Pane = BI.inherit(BI.Widget, {
             if (!BI.Layers.has(this.getName())) {
                 BI.createWidget({
                     type: "bi.absolute_center_adapt",
+                    cls: "loading-container",
                     items: [{
                         el: loadingAnimation
                     }],
@@ -94,6 +95,7 @@ BI.Pane = BI.inherit(BI.Widget, {
             BI.createWidget({
                 type: "bi.absolute_center_adapt",
                 element: this,
+                cls: "loading-container",
                 items: [{
                     el: this._loading,
                     left: 0,
diff --git a/src/css/base/pane.css b/src/css/base/pane.css
index b978d88b98..d382f079a2 100644
--- a/src/css/base/pane.css
+++ b/src/css/base/pane.css
@@ -344,6 +344,8 @@
 }
 .bi-pane {
   min-height: 55px;
+}
+.bi-pane .loading-container {
   background-color: rgba(247, 248, 250, 0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00f7f8fa,endColorstr=#00f7f8fa);
 }
diff --git a/src/less/base/pane.less b/src/less/base/pane.less
index 605d44bb8c..0cc614ff52 100644
--- a/src/less/base/pane.less
+++ b/src/less/base/pane.less
@@ -2,7 +2,9 @@
 @import "../resource/background";
 .bi-pane {
     min-height: 55px;
-    .background-color(@color-bi-background-normal, 0);
+    & .loading-container {
+        .background-color(@color-bi-background-normal, 0);
+    }
 }
 
 .bi-loading-widget {