diff --git a/src/screens/PlayDetail/Vertical/Pic.tsx b/src/screens/PlayDetail/Vertical/Pic.tsx
index c4d9d2d..2af9100 100644
--- a/src/screens/PlayDetail/Vertical/Pic.tsx
+++ b/src/screens/PlayDetail/Vertical/Pic.tsx
@@ -61,6 +61,7 @@ const styles = createStyle({
     flexShrink: 1,
     justifyContent: 'center',
     alignItems: 'center',
+    // backgroundColor: 'rgba(0,0,0,0.1)',
   },
   content: {
     // elevation: 3,
diff --git a/src/screens/PlayDetail/Vertical/Player/components/ControlBtn.tsx b/src/screens/PlayDetail/Vertical/Player/components/ControlBtn.tsx
index 79da7c9..21d6786 100644
--- a/src/screens/PlayDetail/Vertical/Player/components/ControlBtn.tsx
+++ b/src/screens/PlayDetail/Vertical/Player/components/ControlBtn.tsx
@@ -65,7 +65,7 @@ const styles = createStyle({
     flexGrow: 1,
     flexShrink: 1,
     paddingHorizontal: '4%',
-    paddingVertical: 6,
+    paddingVertical: 12,
     // backgroundColor: 'rgba(0, 0, 0, .1)',
   },
   cotrolBtn: {
diff --git a/src/screens/PlayDetail/Vertical/Player/index.tsx b/src/screens/PlayDetail/Vertical/Player/index.tsx
index c6aed4a..6fdd5a3 100644
--- a/src/screens/PlayDetail/Vertical/Player/index.tsx
+++ b/src/screens/PlayDetail/Vertical/Player/index.tsx
@@ -31,7 +31,9 @@ const styles = createStyle({
     // paddingTop: progressContentPadding,
     // marginTop: -progressContentPadding,
     // backgroundColor: 'rgba(0, 0, 0, .1)',
-    padding: 15,
+    paddingHorizontal: 15,
+    paddingBottom: 15,
+    paddingTop: 5,
     // backgroundColor: AppColors.primary,
     // backgroundColor: 'red',
     flexDirection: 'column',
diff --git a/src/screens/PlayDetail/Vertical/index.tsx b/src/screens/PlayDetail/Vertical/index.tsx
index b2c0d2e..8fbf218 100644
--- a/src/screens/PlayDetail/Vertical/index.tsx
+++ b/src/screens/PlayDetail/Vertical/index.tsx
@@ -76,7 +76,7 @@ export default memo(({ componentId }: { componentId: string }) => {
         <PagerView
           onPageSelected={onPageSelected}
           // onPageScrollStateChanged={onPageScrollStateChanged}
-          style={{ flexGrow: 0, flexShrink: 1, height: `${64 * global.lx.fontSize}%` }}
+          style={{ flexGrow: 0, flexShrink: 1, height: '64%' }}
         >
           <View collapsable={false}>
             <Pic componentId={componentId} />