diff --git a/public/css/style.css b/public/css/style.css
new file mode 100644
index 0000000..c982d08
--- /dev/null
+++ b/public/css/style.css
@@ -0,0 +1,137 @@
+.loading-bg {
+ background-color: #f4c042;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -100;
+}
+
+.box {
+ width: 306px;
+ height: 300px;
+ margin: 300px auto 0;
+ background: url(../img/1.png) no-repeat left bottom;
+ position: relative;
+}
+
+.sun {
+ width: 136px;
+ height: 136px;
+ position: absolute;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ top: 135px;
+ z-index: -1;
+ animation: move 2.7s infinite linear;
+}
+
+.sun .eye {
+ position: absolute;
+ top: 43%;
+ left: 30%;
+ animation: eye 2.7s infinite linear;
+}
+
+.sun .sunbody {
+ animation: scroll 2.7s infinite linear;
+}
+
+.box p {
+ text-align: center;
+ padding-top: 230px;
+ font-family: '苹方';
+ font-size: 25px;
+ color: #7a5600;
+ animation: opp 2.7s infinite linear;
+}
+
+@keyframes move {
+ 0% {
+ transform: translateY(0);
+ }
+
+ 10% {
+ transform: translateY(0);
+ }
+
+ 40% {
+ transform: translateY(-40px);
+ }
+
+ 70% {
+ transform: translateY(-40px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes scroll {
+ 0% {
+ transform: rotate(0);
+ }
+
+ 40% {
+ transform: rotate(0);
+ }
+
+ 50% {
+ transform: rotate(45deg);
+ }
+
+ 60% {
+ transform: rotate(45deg);
+ }
+
+ 100% {
+ transform: rotate(45deg);
+ }
+}
+
+@keyframes eye {
+ 0% {
+ transform: translateX(0px);
+ }
+
+ 50% {
+ transform: translateX(0px) scale(1, 1);
+ }
+
+ 55% {
+ transform: translateX(0px) scale(1, 0.1);
+ }
+
+ 60% {
+ transform: translateX(0px) scale(1);
+ }
+
+ 70% {
+ transform: translateX(30px);
+ }
+
+ 100% {
+ transform: translateX(30px);
+ }
+}
+
+@keyframes opp {
+ 0% {
+ opacity: 1;
+ }
+
+ 40% {
+ opacity: 1;
+ }
+
+ 60% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
\ No newline at end of file
diff --git a/public/img/1.png b/public/img/1.png
new file mode 100644
index 0000000..ff4e71d
Binary files /dev/null and b/public/img/1.png differ
diff --git a/public/img/eye.png b/public/img/eye.png
new file mode 100644
index 0000000..5310f28
Binary files /dev/null and b/public/img/eye.png differ
diff --git a/public/img/sun.png b/public/img/sun.png
new file mode 100644
index 0000000..6e881ca
Binary files /dev/null and b/public/img/sun.png differ
diff --git a/public/index.html b/public/index.html
index f088a29..9d83824 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,6 +9,7 @@
<%= htmlWebpackPlugin.options.title %>
+
@@ -16,14 +17,23 @@
We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
Please enable it to continue.
+
+
+
+
+
+
+
加载中 请稍等....
+