diff --git a/OCH/mogo-och-bus-passenger/src/m1/res/drawable-nodpi/bus_p_car_speed.png b/OCH/mogo-och-bus-passenger/src/m1/res/drawable-nodpi/bus_p_car_speed.png
new file mode 100644
index 0000000000..baaa80c765
Binary files /dev/null and b/OCH/mogo-och-bus-passenger/src/m1/res/drawable-nodpi/bus_p_car_speed.png differ
diff --git a/OCH/mogo-och-bus-passenger/src/m1/res/drawable/bus_p_distance_info_bg.xml b/OCH/mogo-och-bus-passenger/src/m1/res/drawable/bus_p_distance_info_bg.xml
new file mode 100644
index 0000000000..8e2c136cba
--- /dev/null
+++ b/OCH/mogo-och-bus-passenger/src/m1/res/drawable/bus_p_distance_info_bg.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <corners android:radius="@dimen/dp_18"/>
+    <solid android:color="@color/bus_p_m1_CCFFFFFF"/>
+</shape>
\ No newline at end of file
diff --git a/OCH/mogo-och-bus-passenger/src/m1/res/drawable/bus_p_function_distance_split_bg.xml b/OCH/mogo-och-bus-passenger/src/m1/res/drawable/bus_p_function_distance_split_bg.xml
new file mode 100644
index 0000000000..98e4a2c6aa
--- /dev/null
+++ b/OCH/mogo-och-bus-passenger/src/m1/res/drawable/bus_p_function_distance_split_bg.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <gradient android:startColor="@android:color/transparent" android:centerColor="@android:color/holo_blue_light" android:endColor="@android:color/transparent"/>
+</shape>
\ No newline at end of file
diff --git a/OCH/mogo-och-bus-passenger/src/m1/res/layout/bus_p_fragment.xml b/OCH/mogo-och-bus-passenger/src/m1/res/layout/bus_p_fragment.xml
index ed49a275e5..8c7d595af8 100644
--- a/OCH/mogo-och-bus-passenger/src/m1/res/layout/bus_p_fragment.xml
+++ b/OCH/mogo-och-bus-passenger/src/m1/res/layout/bus_p_fragment.xml
@@ -6,7 +6,8 @@
 
     <com.mogo.eagle.core.function.view.MapBizView
         android:id="@+id/mapBizView"
-        android:layout_width="@dimen/dp_1860"
+        android:layout_width="0dp"
+        app:layout_constraintWidth_percent="0.662"
         android:layout_height="match_parent"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintTop_toTopOf="parent"
@@ -20,6 +21,137 @@
         android:layout_width="@dimen/dp_40"
         android:layout_height="@dimen/dp_100"/>
 
+    <LinearLayout
+        android:id="@+id/ll_car_speed"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_marginTop="@dimen/dp_74"
+        android:layout_marginStart="@dimen/dp_29"
+        android:layout_width="@dimen/dp_152"
+        android:gravity="center"
+        android:background="@drawable/bus_p_car_speed"
+        android:orientation="vertical"
+        android:layout_height="@dimen/dp_152">
+        <TextView
+            android:text="68"
+            android:textSize="@dimen/dp_60"
+            android:textColor="@color/bus_p_m1_f5fbff"
+            android:includeFontPadding="false"
+            android:lineSpacingMultiplier="0.9"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"/>
+        <TextView
+            android:textSize="@dimen/dp_19"
+            android:text="@string/bus_p_m1_speed_unit"
+            android:textColor="@android:color/white"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"/>
+    </LinearLayout>
+    
+    <androidx.constraintlayout.widget.ConstraintLayout
+        app:layout_constraintTop_toBottomOf="@+id/ll_car_speed"
+        app:layout_constraintStart_toStartOf="@+id/ll_car_speed"
+        app:layout_constraintEnd_toEndOf="@+id/ll_car_speed"
+        android:background="@drawable/bus_p_distance_info_bg"
+        android:layout_width="@dimen/dp_112"
+        android:layout_height="@dimen/dp_346">
+
+        <TextView
+            android:id="@+id/tv_distance"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintBottom_toTopOf="@+id/tv_distance_unit"
+            app:layout_constraintVertical_chainStyle="packed"
+            android:text="23.64"
+            android:textSize="@dimen/dp_37"
+            android:textColor="@color/bus_p_m1_203555"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"/>
+
+        <TextView
+            android:id="@+id/tv_distance_unit"
+            app:layout_constraintTop_toBottomOf="@+id/tv_distance"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintBottom_toTopOf="@+id/v_line_01"
+            android:text="距离（KM）"
+            android:textSize="@dimen/dp_17"
+            android:textColor="@color/bus_p_m1_112b57"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"/>
+
+        <View
+            android:id="@+id/v_line_01"
+            android:background="@drawable/bus_p_function_distance_split_bg"
+            app:layout_constraintVertical_bias="0.33"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            android:layout_width="match_parent"
+            android:layout_height="@dimen/dp_1"/>
+
+        <TextView
+            android:id="@+id/tv_distance_surplus_time"
+            app:layout_constraintTop_toBottomOf="@+id/v_line_01"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintVertical_chainStyle="packed"
+            app:layout_constraintBottom_toTopOf="@+id/tv_distance_surplus_time_unit"
+            app:layout_constraintHorizontal_chainStyle="packed"
+            android:text="12"
+            android:textSize="@dimen/dp_37"
+            android:textColor="@color/bus_p_m1_203555"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"/>
+
+        <TextView
+            android:id="@+id/tv_distance_surplus_time_unit"
+            app:layout_constraintTop_toBottomOf="@+id/tv_distance_surplus_time"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintBottom_toTopOf="@+id/v_line_02"
+            android:text="剩余（分）"
+            android:textSize="@dimen/dp_17"
+            android:textColor="@color/bus_p_m1_112b57"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"/>
+
+        <View
+            android:id="@+id/v_line_02"
+            android:background="@drawable/bus_p_function_distance_split_bg"
+            app:layout_constraintVertical_bias="0.66"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            android:layout_width="match_parent"
+            android:layout_height="@dimen/dp_1"/>
+
+        <TextView
+            android:id="@+id/tv_distance_arrive_time"
+            app:layout_constraintTop_toTopOf="@+id/v_line_02"
+            app:layout_constraintBottom_toTopOf="@+id/tv_distance_arrive_time_unit"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintVertical_chainStyle="packed"
+            android:text="11:48"
+            android:textSize="@dimen/dp_37"
+            android:textColor="@color/bus_p_m1_203555"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"/>
+
+        <TextView
+            android:id="@+id/tv_distance_arrive_time_unit"
+            app:layout_constraintTop_toBottomOf="@+id/tv_distance_arrive_time"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintBottom_toBottomOf="parent"
+            android:text="到达"
+            android:textSize="@dimen/dp_17"
+            android:textColor="@color/bus_p_m1_112b57"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"/>
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
     <ImageView
         android:id="@+id/cb_bp_video_player"
         android:src="@drawable/bus_p_function_bottom_information_bg_selector"
diff --git a/OCH/mogo-och-bus-passenger/src/m1/res/values/color.xml b/OCH/mogo-och-bus-passenger/src/m1/res/values/color.xml
index 1a80db558f..2e88ed6113 100644
--- a/OCH/mogo-och-bus-passenger/src/m1/res/values/color.xml
+++ b/OCH/mogo-och-bus-passenger/src/m1/res/values/color.xml
@@ -8,6 +8,8 @@
     <color name="bus_p_m1_2cbffc">#2CBFFC</color>
     <color name="bus_p_m1_1060ff">#1060FF</color>
     <color name="bus_p_m1_96a5c2">#96A5C2</color>
+    <color name="bus_p_m1_f5fbff">#F5FBFF</color>
+    <color name="bus_p_m1_112b57">#112B57</color>
 
     <color name="bus_p_m1_CCFFFFFF">#CCFFFFFF</color>
 </resources>
\ No newline at end of file
diff --git a/OCH/mogo-och-bus-passenger/src/m1/res/values/strings.xml b/OCH/mogo-och-bus-passenger/src/m1/res/values/strings.xml
index 383de93c7b..7f49cb4b57 100644
--- a/OCH/mogo-och-bus-passenger/src/m1/res/values/strings.xml
+++ b/OCH/mogo-och-bus-passenger/src/m1/res/values/strings.xml
@@ -21,6 +21,8 @@
     <string name="bus_p_m1_open_light2">开启顶灯2</string>
     <string name="bus_p_m1_open_atmosphere">开启氛围灯</string>
 
+    <string name="bus_p_m1_speed_unit">KM/h</string>
+
 
 
 </resources>
\ No newline at end of file