优化加载界面

jshERP-web/public/index.html

@@ -17,7 +17,7 @@
     .chromeframe {
       margin: 0.2em 0;
       background: #ccc;
-      color: #000;
+      color: #999;
       padding: 0.2em 0;
     }
     #loader-wrapper {
@@ -39,7 +39,7 @@
       border-radius: 50%;
       border: 3px solid transparent;
       /* COLOR 1 */
-      border-top-color: #FFF;
+      border-top-color: #999;
       -webkit-animation: spin 2s linear infinite;
       /* Chrome, Opera 15+, Safari 5+ */
       -ms-animation: spin 2s linear infinite;
@@ -62,7 +62,7 @@
       border-radius: 50%;
       border: 3px solid transparent;
       /* COLOR 2 */
-      border-top-color: #FFF;
+      border-top-color: #999;
       -webkit-animation: spin 3s linear infinite;
       /* Chrome, Opera 15+, Safari 5+ */
       -moz-animation: spin 3s linear infinite;
@@ -83,7 +83,7 @@
       bottom: 15px;
       border-radius: 50%;
       border: 3px solid transparent;
-      border-top-color: #FFF;
+      border-top-color: #999;
       /* COLOR 3 */
       -moz-animation: spin 1.5s linear infinite;
       /* Chrome, Opera 15+, Safari 5+ */
@@ -137,7 +137,7 @@
       top: 0;
       width: 51%;
       height: 100%;
-      background: #49a9ee;
+      background: #fff;
       /* Old browsers */
       z-index: 1000;
       -webkit-transform: translateX(0);
@@ -199,7 +199,7 @@
     }
     #loader-wrapper .load_title {
       font-family: 'Open Sans';
-      color: #FFF;
+      color: #999;
       font-size: 14px;
       width: 100%;
       text-align: center;
@@ -213,7 +213,7 @@
       font-weight: normal;
       font-style: italic;
       font-size: 14px;
-      color: #FFF;
+      color: #999;
       opacity: 0.5;
     }
     /* 滚动条优化 start */