diff --git a/pages/index/components/drivingLicence.vue b/pages/index/components/drivingLicence.vue
index 1c3246c..b388c35 100644
--- a/pages/index/components/drivingLicence.vue
+++ b/pages/index/components/drivingLicence.vue
@@ -1,6 +1,6 @@
 <template>
-  <view class="">
-    <view class="van-nav-bar">
+  <view style="background-color: #2c66a9; width: 100%; height: 5vh" :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
+    <view :style="{ paddingTop: safeAreaInsets.top + 'px' }"  class="van-nav-bar">
       <view class="van-nav-bar__content">
         <view class="page-icon" @click="gotoBack">
           <uni-icons color="#fff" type="back" size="26"></uni-icons>
@@ -83,6 +83,7 @@
 		onMounted
 	} from 'vue'
 	import * as echarts from 'echarts';
+  const { safeAreaInsets } = uni.getSystemInfoSync();
 	const gotoBack = () => {
 		uni.navigateBack({
 			delta: 1