diff --git a/.npmignore b/.npmignore
index beea499..a36f7c9 100644
--- a/.npmignore
+++ b/.npmignore
@@ -25,5 +25,4 @@ _site
 sea-modules
 spm_modules
 .cache
-dist
 coverage
diff --git a/build/Upload.css b/build/Upload.css
new file mode 100644
index 0000000..c13947a
--- /dev/null
+++ b/build/Upload.css
@@ -0,0 +1,1702 @@
+@charset "UTF-8";
+/*  IMAGES  */
+/* 默认颜色 */
+/* 客户化 */
+/* 波纹效果 */
+/*贝塞尔曲线动画 */
+/* 阴影 */
+/* ==========  文本字体  ========== */
+/* 控件 */
+/* 不同背景下对应的文字颜色 */
+/* UButton */
+/* UText */
+/*  Navlayout  */
+/* gridlayout */
+/* menu */
+/* Alert */
+/* Checkbox */
+/*  Radio  */
+/* Switch  */
+/* loading */
+/* datetimepicker */
+/* message */
+/* DATA TABLE */
+/* tooltip*/
+/* 进度条 */
+/* ==========  Content Tabs  ========== */
+/* CARD */
+/* Card dimensions */
+/* Cover image */
+/* ==========  Card  ========== */
+/* ============ Forms ============*/
+/* BADGE */
+/* Typography */
+/* Shadows */
+/* Animations */
+@-webkit-keyframes antSlideUpIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); } }
+
+@keyframes antSlideUpIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); } }
+
+@-webkit-keyframes antSlideUpOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); } }
+
+@keyframes antSlideUpOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); } }
+
+@-webkit-keyframes antSlideDownIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); } }
+
+@keyframes antSlideDownIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); } }
+
+@-webkit-keyframes antSlideDownOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); } }
+
+@keyframes antSlideDownOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); } }
+
+@-webkit-keyframes antSlideLeftIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); } }
+
+@keyframes antSlideLeftIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); } }
+
+@-webkit-keyframes antSlideLeftOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); } }
+
+@keyframes antSlideLeftOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); } }
+
+@-webkit-keyframes antSlideRightIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); } }
+
+@keyframes antSlideRightIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); } }
+
+@-webkit-keyframes antSlideRightOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); } }
+
+@keyframes antSlideRightOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); } }
+
+@-webkit-keyframes antSwingIn {
+  0%,
+  100% {
+    -webkit-transform: translateX(0px);
+    transform: translateX(0px); }
+  20% {
+    -webkit-transform: translateX(-10px);
+    transform: translateX(-10px); }
+  40% {
+    -webkit-transform: translateX(10px);
+    transform: translateX(10px); }
+  60% {
+    -webkit-transform: translateX(-5px);
+    transform: translateX(-5px); }
+  80% {
+    -webkit-transform: translateX(5px);
+    transform: translateX(5px); } }
+
+@keyframes antSwingIn {
+  0%,
+  100% {
+    -webkit-transform: translateX(0px);
+    transform: translateX(0px); }
+  20% {
+    -webkit-transform: translateX(-10px);
+    transform: translateX(-10px); }
+  40% {
+    -webkit-transform: translateX(10px);
+    transform: translateX(10px); }
+  60% {
+    -webkit-transform: translateX(-5px);
+    transform: translateX(-5px); }
+  80% {
+    -webkit-transform: translateX(5px);
+    transform: translateX(5px); } }
+
+@-webkit-keyframes antZoomIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.2);
+    transform: scale(0.2); }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@keyframes antZoomIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.2);
+    transform: scale(0.2); }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@-webkit-keyframes antZoomOut {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.2);
+    transform: scale(0.2); } }
+
+@keyframes antZoomOut {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.2);
+    transform: scale(0.2); } }
+
+@-webkit-keyframes antZoomBigIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@keyframes antZoomBigIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@-webkit-keyframes antZoomBigOut {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@keyframes antZoomBigOut {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@-webkit-keyframes antZoomUpIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@keyframes antZoomUpIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@-webkit-keyframes antZoomUpOut {
+  0% {
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@keyframes antZoomUpOut {
+  0% {
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@-webkit-keyframes antZoomLeftIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@keyframes antZoomLeftIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@-webkit-keyframes antZoomLeftOut {
+  0% {
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@keyframes antZoomLeftOut {
+  0% {
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@-webkit-keyframes antZoomRightIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@keyframes antZoomRightIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@-webkit-keyframes antZoomRightOut {
+  0% {
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@keyframes antZoomRightOut {
+  0% {
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@-webkit-keyframes antZoomDownIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@keyframes antZoomDownIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@-webkit-keyframes antZoomDownOut {
+  0% {
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@keyframes antZoomDownOut {
+  0% {
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@keyframes rcMenuOpenZoomIn {
+  0% {
+    opacity: 0;
+    transform: scale(0, 0); }
+  100% {
+    opacity: 1;
+    transform: scale(1, 1); } }
+
+@keyframes rcMenuOpenZoomOut {
+  0% {
+    transform: scale(1, 1); }
+  100% {
+    opacity: 0;
+    transform: scale(0, 0); } }
+
+@keyframes rcMenuOpenSlideUpIn {
+  0% {
+    opacity: 0;
+    transform-origin: 0% 0%;
+    transform: scaleY(0); }
+  100% {
+    opacity: 1;
+    transform-origin: 0% 0%;
+    transform: scaleY(1); } }
+
+@keyframes rcMenuOpenSlideUpOut {
+  0% {
+    opacity: 1;
+    transform-origin: 0% 0%;
+    transform: scaleY(1); }
+  100% {
+    opacity: 0;
+    transform-origin: 0% 0%;
+    transform: scaleY(0); } }
+
+/*  IMAGES  */
+/* 默认颜色 */
+/* 客户化 */
+/* 波纹效果 */
+/*贝塞尔曲线动画 */
+/* 阴影 */
+/* ==========  文本字体  ========== */
+/* 控件 */
+/* 不同背景下对应的文字颜色 */
+/* UButton */
+/* UText */
+/*  Navlayout  */
+/* gridlayout */
+/* menu */
+/* Alert */
+/* Checkbox */
+/*  Radio  */
+/* Switch  */
+/* loading */
+/* datetimepicker */
+/* message */
+/* DATA TABLE */
+/* tooltip*/
+/* 进度条 */
+/* ==========  Content Tabs  ========== */
+/* CARD */
+/* Card dimensions */
+/* Cover image */
+/* ==========  Card  ========== */
+/* ============ Forms ============*/
+/* BADGE */
+/* Typography */
+/* Shadows */
+/* Animations */
+@-webkit-keyframes antSlideUpIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); } }
+
+@keyframes antSlideUpIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); } }
+
+@-webkit-keyframes antSlideUpOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); } }
+
+@keyframes antSlideUpOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); } }
+
+@-webkit-keyframes antSlideDownIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); } }
+
+@keyframes antSlideDownIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); } }
+
+@-webkit-keyframes antSlideDownOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); } }
+
+@keyframes antSlideDownOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: scaleY(0.8);
+    transform: scaleY(0.8); } }
+
+@-webkit-keyframes antSlideLeftIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); } }
+
+@keyframes antSlideLeftIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); } }
+
+@-webkit-keyframes antSlideLeftOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); } }
+
+@keyframes antSlideLeftOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+    transform-origin: 0% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); } }
+
+@-webkit-keyframes antSlideRightIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); } }
+
+@keyframes antSlideRightIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); } }
+
+@-webkit-keyframes antSlideRightOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); } }
+
+@keyframes antSlideRightOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 0%;
+    transform-origin: 100% 0%;
+    -webkit-transform: scaleX(0.8);
+    transform: scaleX(0.8); } }
+
+@-webkit-keyframes antSwingIn {
+  0%,
+  100% {
+    -webkit-transform: translateX(0px);
+    transform: translateX(0px); }
+  20% {
+    -webkit-transform: translateX(-10px);
+    transform: translateX(-10px); }
+  40% {
+    -webkit-transform: translateX(10px);
+    transform: translateX(10px); }
+  60% {
+    -webkit-transform: translateX(-5px);
+    transform: translateX(-5px); }
+  80% {
+    -webkit-transform: translateX(5px);
+    transform: translateX(5px); } }
+
+@keyframes antSwingIn {
+  0%,
+  100% {
+    -webkit-transform: translateX(0px);
+    transform: translateX(0px); }
+  20% {
+    -webkit-transform: translateX(-10px);
+    transform: translateX(-10px); }
+  40% {
+    -webkit-transform: translateX(10px);
+    transform: translateX(10px); }
+  60% {
+    -webkit-transform: translateX(-5px);
+    transform: translateX(-5px); }
+  80% {
+    -webkit-transform: translateX(5px);
+    transform: translateX(5px); } }
+
+@-webkit-keyframes antZoomIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.2);
+    transform: scale(0.2); }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@keyframes antZoomIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.2);
+    transform: scale(0.2); }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@-webkit-keyframes antZoomOut {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.2);
+    transform: scale(0.2); } }
+
+@keyframes antZoomOut {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.2);
+    transform: scale(0.2); } }
+
+@-webkit-keyframes antZoomBigIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@keyframes antZoomBigIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@-webkit-keyframes antZoomBigOut {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@keyframes antZoomBigOut {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@-webkit-keyframes antZoomUpIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@keyframes antZoomUpIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@-webkit-keyframes antZoomUpOut {
+  0% {
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@keyframes antZoomUpOut {
+  0% {
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 0%;
+    transform-origin: 50% 0%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@-webkit-keyframes antZoomLeftIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@keyframes antZoomLeftIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@-webkit-keyframes antZoomLeftOut {
+  0% {
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@keyframes antZoomLeftOut {
+  0% {
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 50%;
+    transform-origin: 0% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@-webkit-keyframes antZoomRightIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@keyframes antZoomRightIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@-webkit-keyframes antZoomRightOut {
+  0% {
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@keyframes antZoomRightOut {
+  0% {
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@-webkit-keyframes antZoomDownIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@keyframes antZoomDownIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); }
+  100% {
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(1);
+    transform: scale(1); } }
+
+@-webkit-keyframes antZoomDownOut {
+  0% {
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@keyframes antZoomDownOut {
+  0% {
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(1);
+    transform: scale(1); }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8); } }
+
+@keyframes rcMenuOpenZoomIn {
+  0% {
+    opacity: 0;
+    transform: scale(0, 0); }
+  100% {
+    opacity: 1;
+    transform: scale(1, 1); } }
+
+@keyframes rcMenuOpenZoomOut {
+  0% {
+    transform: scale(1, 1); }
+  100% {
+    opacity: 0;
+    transform: scale(0, 0); } }
+
+@keyframes rcMenuOpenSlideUpIn {
+  0% {
+    opacity: 0;
+    transform-origin: 0% 0%;
+    transform: scaleY(0); }
+  100% {
+    opacity: 1;
+    transform-origin: 0% 0%;
+    transform: scaleY(1); } }
+
+@keyframes rcMenuOpenSlideUpOut {
+  0% {
+    opacity: 1;
+    transform-origin: 0% 0%;
+    transform: scaleY(1); }
+  100% {
+    opacity: 0;
+    transform-origin: 0% 0%;
+    transform: scaleY(0); } }
+
+.u-progress {
+  overflow: hidden;
+  height: 20px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
+
+.u-progress-bar {
+  float: left;
+  width: 0;
+  height: 100%;
+  font-size: 12px;
+  line-height: 20px;
+  color: #fff;
+  text-align: center;
+  background-color: rgb(63,81,181);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -webkit-transition: width .6s ease;
+  transition: width .6s ease; }
+
+.u-progress.sm {
+  height: 10px; }
+
+.u-progress.xm {
+  height: 5px;
+  width: 170px; }
+
+.u-progress-bar-success {
+  background-color: rgb(76,175,80); }
+
+.u-progress-bar-warning {
+  background-color: rgb(255,152,0); }
+
+.u-progress-bar-danger {
+  background-color: rgb(244,67,54); }
+
+.u-progress-bar-info {
+  background-color: rgb(0,188,212); }
+
+.u-progress-bar-primary {
+  background-color: rgb(63,81,181); }
+
+.u-progress-bar-dark {
+  background-color: rgb(97,97,97); }
+
+.u-progress-bar-striped, .u-progress-striped .u-progress-bar {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 75%, transparent 0, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 75%, transparent 0, transparent);
+  background-size: 40px 40px; }
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.u-progress-bar.active, .u-progress.active .u-progress-bar {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+  animation: progress-bar-stripes 2s linear infinite; }
+
+@-webkit-key-keyframes progress-bar-stripes {
+  0% {
+    background-position: 40px 0; }
+  to {
+    background-position: 0 0; } }
+
+@keyframes progress-bar-stripes {
+  0% {
+    background-position: 40px 0; }
+  to {
+    background-position: 0 0; } }
+
+.u-upload .uf {
+  text-align: center; }
+
+.avatar-uploader-trigger {
+  display: table-cell;
+  vertical-align: middle;
+  font-size: 28px;
+  color: #999; }
+
+.avatar-uploader, .avatar-uploader-trigger, .avatar {
+  width: 150px;
+  height: 150px; }
+
+.upload-list-inline .u-upload-list-item {
+  display: inline-block;
+  width: 200px;
+  margin-right: 8px; }
+
+.avatar-uploader,
+.avatar-uploader-trigger,
+.avatar {
+  width: 150px;
+  height: 150px; }
+
+.avatar-uploader {
+  display: block;
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer; }
+
+.avatar-uploader-trigger {
+  display: table-cell;
+  vertical-align: middle;
+  font-size: 28px;
+  color: #999; }
+
+.u-upload-list a {
+  color: #108ee9;
+  background: transparent;
+  text-decoration: none;
+  outline: none;
+  cursor: pointer;
+  -webkit-transition: color .3s ease;
+  transition: color .3s ease; }
+
+.u-upload {
+  font-size: 12px;
+  outline: 0; }
+
+.u-upload-btn {
+  display: block;
+  width: 100%;
+  outline: none; }
+
+.u-upload input[type="file"] {
+  cursor: pointer; }
+
+.u-upload.u-upload-select {
+  display: inline-block; }
+
+.u-upload.u-upload-select-picture-card {
+  border: 1px dashed #d9d9d9;
+  width: 96px;
+  height: 96px;
+  border-radius: 4px;
+  background-color: #fbfbfb;
+  text-align: center;
+  cursor: pointer;
+  -webkit-transition: border-color 0.3s ease;
+  transition: border-color 0.3s ease;
+  display: inline-block;
+  vertical-align: top;
+  margin-right: 8px;
+  margin-bottom: 8px; }
+
+.u-upload.u-upload-select-picture-card > .u-upload {
+  display: block;
+  width: 100%;
+  height: 100%;
+  padding: 20px 0; }
+
+.u-upload.u-upload-select-picture-card:hover {
+  border-color: #108ee9; }
+
+.u-upload.u-upload-drag {
+  border: 1px dashed #d9d9d9;
+  -webkit-transition: border-color 0.3s ease;
+  transition: border-color 0.3s ease;
+  cursor: pointer;
+  border-radius: 4px;
+  text-align: center;
+  width: 100%;
+  height: 100%;
+  position: relative; }
+
+.u-upload.u-upload-drag.u-upload-drag-hover:not(.u-upload-disabled) {
+  border: 2px dashed #40a5ed; }
+
+.u-upload.u-upload-drag.u-upload-disabled {
+  cursor: not-allowed; }
+
+.u-upload.u-upload-drag .u-upload-btn {
+  display: table;
+  height: 100%; }
+
+.u-upload.u-upload-drag .u-upload-drag-container {
+  display: table-cell;
+  vertical-align: middle; }
+
+.u-upload.u-upload-drag:not(.u-upload-disabled):hover {
+  border-color: #40a5ed; }
+
+.u-upload.u-upload-drag p.u-upload-drag-icon {
+  height: 60px;
+  margin-bottom: 24px; }
+
+.u-upload.u-upload-drag p.u-upload-drag-icon .uf {
+  font-size: 60px;
+  margin-top: -5px;
+  color: #40a5ed; }
+
+.u-upload.u-upload-drag p.u-upload-text {
+  font-size: 14px; }
+
+.u-upload.u-upload-drag p.u-upload-hint {
+  font-size: 12px;
+  color: #999; }
+
+.u-upload.u-upload-drag .uf-plus-black-symbol {
+  font-size: 30px;
+  -webkit-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+  color: #ccc; }
+
+.u-upload.u-upload-drag .uf-plus-black-symbol:hover {
+  color: #999; }
+
+.u-upload.u-upload-drag:hover .uf-plus-black-symbol {
+  color: #999; }
+
+.u-upload-list {
+  overflow: hidden; }
+
+.u-upload-list-item {
+  overflow: hidden;
+  margin-top: 8px;
+  font-size: 12px; }
+
+.u-upload-list-item-info {
+  height: 22px;
+  line-height: 22px;
+  padding: 0 4px;
+  -webkit-transition: background-color 0.3s ease;
+  transition: background-color 0.3s ease; }
+
+.u-upload-list-item-info .anticon-paper-clip {
+  margin-right: 4px;
+  font-size: 12px;
+  color: #999; }
+
+.u-upload-list-item-info .uf-removesymbol {
+  display: inline-block;
+  font-size: 12px;
+  font-size: 10px \9;
+  -webkit-transform: scale(0.83333) rotate(0deg);
+  -ms-transform: scale(0.83333) rotate(0deg);
+  transform: scale(0.83333) rotate(0deg);
+  /* IE6-IE8 */
+  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
+  zoom: 1;
+  -webkit-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+  opacity: 0;
+  cursor: pointer;
+  float: right;
+  color: #999;
+  line-height: 22px; }
+
+:root .u-upload-list-item-info .uf-removesymbol {
+  -webkit-filter: none;
+  filter: none; }
+
+:root .u-upload-list-item-info .uf-removesymbol {
+  font-size: 12px; }
+
+.u-upload-list-item-info .uf-removesymbol:hover {
+  color: #666; }
+
+.u-upload-list-item:hover .u-upload-list-item-info {
+  background-color: #e7f4fd; }
+
+.u-upload-list-item:hover .uf-removesymbol {
+  opacity: 1; }
+
+.u-upload-list-item-error,
+.u-upload-list-item-error .anticon-paper-clip {
+  color: #f50; }
+
+.u-upload-list-item-error .uf-removesymbol {
+  opacity: 1; }
+
+.u-upload-list-item-progress {
+  padding: 0 8px 0 20px;
+  margin-top: -2px;
+  margin-bottom: 1px;
+  font-size: 12px; }
+
+.u-upload-list-item-progress .u-progress-line-inner {
+  vertical-align: middle; }
+
+.u-upload-list-picture .u-upload-list-item,
+.u-upload-list-picture-card .u-upload-list-item {
+  padding: 8px;
+  border-radius: 4px;
+  border: 1px solid #d9d9d9;
+  height: 66px;
+  position: relative; }
+
+.u-upload-list-picture .u-upload-list-item:hover,
+.u-upload-list-picture-card .u-upload-list-item:hover {
+  background: transparent; }
+
+.u-upload-list-picture .u-upload-list-item-info,
+.u-upload-list-picture-card .u-upload-list-item-info {
+  padding: 0; }
+
+.u-upload-list-picture .u-upload-list-item:hover .u-upload-list-item-info,
+.u-upload-list-picture-card .u-upload-list-item:hover .u-upload-list-item-info {
+  background: transparent; }
+
+.u-upload-list-picture .u-upload-list-item-uploading,
+.u-upload-list-picture-card .u-upload-list-item-uploading {
+  border-style: dashed; }
+
+.u-upload-list-picture .u-upload-list-item-thumbnail,
+.u-upload-list-picture-card .u-upload-list-item-thumbnail {
+  width: 48px;
+  height: 48px;
+  position: absolute;
+  top: 8px;
+  left: 8px; }
+
+.u-upload-list-picture .u-upload-list-item-thumbnail img,
+.u-upload-list-picture-card .u-upload-list-item-thumbnail img {
+  width: 48px;
+  height: 48px;
+  display: block;
+  overflow: hidden;
+  border-radius: 2px; }
+
+.u-upload-list-picture .u-upload-list-item-thumbnail.anticon:before,
+.u-upload-list-picture-card .u-upload-list-item-thumbnail.anticon:before {
+  line-height: 48px;
+  font-size: 24px;
+  color: #999; }
+
+.u-upload-list-picture .u-upload-list-item-name,
+.u-upload-list-picture-card .u-upload-list-item-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin: 0 0 0 8px;
+  line-height: 44px;
+  -webkit-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+  padding-left: 48px;
+  padding-right: 8px;
+  max-width: 100%;
+  display: inline-block;
+  box-sizing: border-box; }
+
+.u-upload-list-picture .u-upload-list-item-uploading .u-upload-list-item-name,
+.u-upload-list-picture-card .u-upload-list-item-uploading .u-upload-list-item-name {
+  line-height: 28px; }
+
+.u-upload-list-picture .u-upload-list-item-progress,
+.u-upload-list-picture-card .u-upload-list-item-progress {
+  padding-left: 56px;
+  margin-top: 0; }
+
+.u-upload-list-picture .uf-removesymbol,
+.u-upload-list-picture-card .uf-removesymbol {
+  position: absolute;
+  right: 8px;
+  top: 8px;
+  line-height: 1; }
+
+.u-upload-list-picture-card {
+  display: inline; }
+
+.u-upload-list-picture-card .u-upload-list-item {
+  display: inline-block;
+  width: 96px;
+  height: 96px;
+  margin: 0 8px 8px 0; }
+
+.u-upload-list-picture-card .u-upload-list-item-info {
+  height: 100%;
+  position: relative; }
+
+.u-upload-list-picture-card .u-upload-list-item-info:before {
+  content: ' ';
+  position: absolute;
+  z-index: 1;
+  background-color: #808080;
+  -webkit-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+  opacity: 0;
+  width: 100%;
+  height: 100%; }
+
+.u-upload-list-picture-card .u-upload-list-item-info .anticon-eye-o,
+.u-upload-list-picture-card .u-upload-list-item-info .anticon-delete {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  z-index: 10;
+  -webkit-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+  cursor: pointer;
+  font-size: 16px;
+  width: 16px;
+  line-height: 1;
+  color: #eee;
+  opacity: 0;
+  margin-top: -8px;
+  margin-left: -22px; }
+
+.u-upload-list-picture-card .u-upload-list-item-info .anticon-eye-o:hover,
+.u-upload-list-picture-card .u-upload-list-item-info .anticon-delete:hover {
+  color: #fff; }
+
+.u-upload-list-picture-card .u-upload-list-item-info .anticon-delete {
+  left: 50%;
+  margin-left: 6px; }
+
+.u-upload-list-picture-card .u-upload-list-item-info:hover:before {
+  opacity: .8; }
+
+.u-upload-list-picture-card .u-upload-list-item-info:hover .anticon-eye-o,
+.u-upload-list-picture-card .u-upload-list-item-info:hover .anticon-delete {
+  opacity: 1; }
+
+.u-upload-list-picture-card .u-upload-list-item-thumbnail,
+.u-upload-list-picture-card .u-upload-list-item-thumbnail img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  position: static; }
+
+.u-upload-list-picture-card .u-upload-list-item-name {
+  display: none; }
+
+.u-upload-list-picture-card .u-upload-list-item-uploading.u-upload-list-item {
+  background-color: #fbfbfb; }
+
+.u-upload-list-picture-card .u-upload-list-item-uploading .u-upload-list-item-info {
+  height: auto; }
+
+.u-upload-list-picture-card .u-upload-list-item-uploading .u-upload-list-item-info:before,
+.u-upload-list-picture-card .u-upload-list-item-uploading .u-upload-list-item-info .anticon-eye-o,
+.u-upload-list-picture-card .u-upload-list-item-uploading .u-upload-list-item-info .anticon-delete {
+  display: none; }
+
+.u-upload-list-picture-card .u-upload-list-item-uploading-text {
+  margin-top: 18px;
+  color: #999; }
+
+.u-upload-list-picture-card .u-upload-list-item-progress {
+  padding-left: 0; }
+
+.u-upload-list .u-upload-success-icon {
+  color: #87d068;
+  font-weight: bold; }
+
+.u-upload-list .u-upload-margin-top-enter {
+  -webkit-animation: uploadMarginTopIn 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+  animation: uploadMarginTopIn 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }
+
+.u-upload-list .u-upload-margin-top-leave {
+  -webkit-animation: uploadMarginTopOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+  animation: uploadMarginTopOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }
+
+@-webkit-keyframes uploadMarginTopIn {
+  from {
+    margin-top: -25px;
+    opacity: 0; } }
+
+@keyframes uploadMarginTopIn {
+  from {
+    margin-top: -25px;
+    opacity: 0; } }
+
+@-webkit-keyframes uploadMarginTopOut {
+  to {
+    margin-top: -25px;
+    opacity: 0; } }
+
+@keyframes uploadMarginTopOut {
+  to {
+    margin-top: -25px;
+    opacity: 0; } }
diff --git a/package.json b/package.json
index bcaee3a..e2d01ce 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,7 @@
   "bee-icon": "0.0.2",
   "bee-progress-bar": "^0.1.1",
   "classnames": "^2.2.5",
-  "tinper-bee-core": "0.0.12",
+  "tinper-bee-core": "latest",
   "warning": "2.x"
  },
  "devDependencies": {