diff --git a/docs/uncompiled/artplayer-plugin-control/index.js b/docs/uncompiled/artplayer-plugin-control/index.js
index 45df6161b..cc391020d 100644
--- a/docs/uncompiled/artplayer-plugin-control/index.js
+++ b/docs/uncompiled/artplayer-plugin-control/index.js
@@ -186,7 +186,7 @@ function artplayerPluginControl() {
 exports.default = artplayerPluginControl;
 artplayerPluginControl.env = "development";
 artplayerPluginControl.version = "1.0.0";
-artplayerPluginControl.build = "2022-12-31 23:35:00";
+artplayerPluginControl.build = "2022-12-31 23:39:50";
 if (typeof document !== "undefined") {
     if (!document.getElementById("artplayer-plugin-control")) {
         const $style = document.createElement("style");
@@ -198,7 +198,7 @@ if (typeof document !== "undefined") {
 if (typeof window !== "undefined") window["artplayerPluginControl"] = artplayerPluginControl;
 
 },{"bundle-text:./style.less":"cLvfB","@parcel/transformer-js/src/esmodule-helpers.js":"5dUr6"}],"cLvfB":[function(require,module,exports) {
-module.exports = ".artplayer-plugin-control .art-bottom {\n  height: 68px;\n  min-width: 400px;\n  max-width: 600px;\n  user-select: none;\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  backdrop-filter: saturate(180%) blur(20px);\n  pointer-events: auto;\n  background-color: #000000b3;\n  background-image: none;\n  border-radius: 10px;\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n  font-size: 13px;\n  transition: opacity .3s;\n  display: flex;\n  position: absolute;\n  bottom: 10px;\n  left: 50%;\n  transform: translateX(-50%);\n  box-shadow: 0 10px 15px -3px #0003, 0 4px 6px -4px #0003;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress {\n  width: 65%;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-control-thumbnails {\n  bottom: 35px;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-control-progress {\n  width: 100%;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-control-progress .art-control-progress-inner, .artplayer-plugin-control .art-bottom .art-progress .art-control-progress .art-progress-loaded, .artplayer-plugin-control .art-bottom .art-progress .art-control-progress .art-progress-played {\n  border-radius: 5px;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-progress-tip {\n  top: -40px !important;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls {\n  width: 100%;\n  height: auto;\n  flex: 1;\n  padding: 0 5px;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls .art-control-time {\n  display: none;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls .art-volume-panel {\n  width: 60px !important;\n}\n\n.artplayer-plugin-control .art-bottom .art-selector-list {\n  background-color: #000c !important;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-current, .artplayer-plugin-control .art-bottom .apa-control-duration {\n  width: 17.5%;\n  justify-content: center;\n  line-height: 1;\n  display: flex;\n  position: absolute;\n  top: 10px;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-current {\n  left: 0;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-duration {\n  right: 0;\n}\n\n.artplayer-plugin-control .art-settings {\n  bottom: 85px;\n}\n\n.artplayer-plugin-control.art-control-show .art-subtitle {\n  bottom: 80px;\n}\n\n.apa-control-current, .apa-control-duration {\n  display: none;\n}\n\n";
+module.exports = ".artplayer-plugin-control .art-bottom {\n  height: 68px;\n  min-width: 400px;\n  max-width: 600px;\n  user-select: none;\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  backdrop-filter: saturate(180%) blur(20px);\n  pointer-events: auto;\n  background-color: #000000b3;\n  background-image: none;\n  border-radius: 10px;\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n  font-size: 13px;\n  transition: opacity .3s;\n  display: flex;\n  position: absolute;\n  bottom: 10px;\n  left: 50%;\n  transform: translateX(-50%);\n  box-shadow: 0 10px 15px -3px #0003, 0 4px 6px -4px #0003;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress {\n  width: 65%;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-control-thumbnails {\n  bottom: 35px;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-control-progress {\n  width: 100%;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-control-progress .art-control-progress-inner, .artplayer-plugin-control .art-bottom .art-progress .art-control-progress .art-progress-loaded, .artplayer-plugin-control .art-bottom .art-progress .art-control-progress .art-progress-played {\n  border-radius: 5px;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-progress-tip {\n  top: -40px !important;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls {\n  width: 100%;\n  height: auto;\n  flex: 1;\n  padding: 0 5px;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls .art-control-time, .artplayer-plugin-control .art-bottom .art-controls .art-controls-center {\n  display: none;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls .art-volume-panel {\n  width: 60px !important;\n}\n\n.artplayer-plugin-control .art-bottom .art-selector-list {\n  background-color: #000c !important;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-current, .artplayer-plugin-control .art-bottom .apa-control-duration {\n  width: 17.5%;\n  justify-content: center;\n  line-height: 1;\n  display: flex;\n  position: absolute;\n  top: 10px;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-current {\n  left: 0;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-duration {\n  right: 0;\n}\n\n.artplayer-plugin-control .art-settings {\n  bottom: 85px;\n}\n\n.artplayer-plugin-control.art-control-show .art-subtitle {\n  bottom: 80px;\n}\n\n.apa-control-current, .apa-control-duration {\n  display: none;\n}\n\n";
 
 },{}],"5dUr6":[function(require,module,exports) {
 exports.interopDefault = function(a) {
diff --git a/packages/artplayer-plugin-control/src/style.less b/packages/artplayer-plugin-control/src/style.less
index c81a38ad3..a1e426fc8 100644
--- a/packages/artplayer-plugin-control/src/style.less
+++ b/packages/artplayer-plugin-control/src/style.less
@@ -54,7 +54,7 @@
             flex: 1;
             padding: 0 5px;
 
-            .art-control-time {
+            .art-control-time, .art-controls-center {
                 display: none;
             }