diff --git a/src/screens/PlayDetail/Landscape/components/Header.js b/src/screens/PlayDetail/Landscape/components/Header.js
index 2428ed4..b5b4ac2 100644
--- a/src/screens/PlayDetail/Landscape/components/Header.js
+++ b/src/screens/PlayDetail/Landscape/components/Header.js
@@ -85,7 +85,6 @@ export default memo(() => {
 
   return (
     <View style={{ ...styles.header, backgroundColor: theme.primary }} nativeID="header">
-      <StatusBar backgroundColor="rgba(0,0,0,0)" barStyle="dark-content" translucent={true} />
       <View style={{ ...styles.container }}>
         <TouchableOpacity onPress={back} style={styles.button}>
           <Icon name="chevron-left" style={{ color: theme.normal }} size={24} />
@@ -106,8 +105,7 @@ export default memo(() => {
 
 const styles = StyleSheet.create({
   header: {
-    height: 40 + StatusBar.currentHeight,
-    paddingTop: StatusBar.currentHeight,
+    height: 40,
   },
   container: {
     flexDirection: 'row',
@@ -126,7 +124,7 @@ const styles = StyleSheet.create({
   title: {
     flex: 1,
     // textAlign: 'center',
-    fontSize: 15,
+    fontSize: 14,
   },
   icon: {
     paddingLeft: 4,
diff --git a/src/screens/PlayDetail/Landscape/index.js b/src/screens/PlayDetail/Landscape/index.js
index b9255b9..6989f40 100644
--- a/src/screens/PlayDetail/Landscape/index.js
+++ b/src/screens/PlayDetail/Landscape/index.js
@@ -1,5 +1,5 @@
 import React, { memo, useEffect, useCallback, useMemo } from 'react'
-import { View, Text, StyleSheet } from 'react-native'
+import { View, Text, StyleSheet, StatusBar } from 'react-native'
 import { useGetter, useDispatch } from '@/store'
 import { screenkeepAwake, screenUnkeepAwake } from '@/utils/utils'
 import { onNavigationComponentDidDisappearEvent } from '@/navigation'
@@ -37,9 +37,10 @@ export default memo(({ componentId, animated }) => {
   const component = useMemo(() => {
     return (
       <>
-        <Header />
+        <StatusBar backgroundColor="rgba(0,0,0,0)" barStyle="dark-content" translucent={true} />
         <View style={{ ...styles.container, backgroundColor: theme.primary }}>
           <View style={styles.left}>
+            <Header />
             <Pic componentId={componentId} animated={animated} />
             <View style={styles.controlBtn} nativeID="pageIndicator">
               <MoreBtn />
@@ -59,6 +60,7 @@ export default memo(({ componentId, animated }) => {
 
 const styles = StyleSheet.create({
   container: {
+    paddingTop: StatusBar.currentHeight,
     flex: 1,
     flexDirection: 'row',
   },