调整整体样式

packages/artplayer/src/style/artplayer.scss

@@ -1,17 +1,20 @@
 .artplayer-video-player {
+    display: flex;
     position: relative;
+    margin: 0 auto;
     z-index: 10;
     width: 100%;
     height: 100%;
     outline: 0;
-    font-family: Roboto,Arial,Helvetica,sans-serif;
+    zoom: 1;
+    font-family: Roboto, Arial, Helvetica, sans-serif;
     color: #eee;
     text-align: left;
     direction: ltr;
     font-size: 14px;
     line-height: 1.3;
     user-select: none;
-    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     touch-action: manipulation;
     -ms-high-contrast-adjust: none;
 
@@ -22,10 +25,12 @@
     }
 
     .art-icon {
-        display: inline-block;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
         line-height: 1.5;
         svg {
             fill: #fff;
         }
     }
-}
+}