diff --git a/modules/mogo-module-v2x/src/main/res/drawable/v2x_panel_color_bg.xml b/modules/mogo-module-v2x/src/main/res/drawable/v2x_panel_color_bg.xml
new file mode 100644
index 0000000000..2c862044c3
--- /dev/null
+++ b/modules/mogo-module-v2x/src/main/res/drawable/v2x_panel_color_bg.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <gradient
+        android:startColor="#10121E"
+        android:endColor="#10121E"/>
+    <corners android:radius="28.8px"/>
+</shape>
\ No newline at end of file
diff --git a/modules/mogo-module-v2x/src/main/res/drawable/v2x_shadow_shape_view.xml b/modules/mogo-module-v2x/src/main/res/drawable/v2x_shadow_shape_view.xml
index 7ac15899e1..8d8ef310db 100644
--- a/modules/mogo-module-v2x/src/main/res/drawable/v2x_shadow_shape_view.xml
+++ b/modules/mogo-module-v2x/src/main/res/drawable/v2x_shadow_shape_view.xml
@@ -3,6 +3,6 @@
     <gradient
         android:angle="270"
         android:startColor="@android:color/transparent"
-        android:endColor="#10121E"/>
+        android:endColor="@color/panel_shadow_shape_color"/>
 
 </shape>
\ No newline at end of file
diff --git a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history.xml b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history.xml
index 2452269d9f..fcd813cc61 100644
--- a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history.xml
+++ b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history.xml
@@ -1,105 +1,122 @@
 <?xml version="1.0" encoding="utf-8"?>
-<com.mogo.module.v2x.view.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
     android:id="@+id/rlContent"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:background="#1F2131"
-    android:paddingStart="@dimen/dp_40"
-    android:paddingEnd="@dimen/dp_40"
-    app:roundLayoutRadius="@dimen/dp_30">
+    android:layout_marginLeft="10px"
+    android:layout_marginRight="10px"
+    android:layout_marginBottom="14px">
 
-    <TextView
-        android:id="@+id/tagEventType"
-        android:layout_width="wrap_content"
+    <androidx.cardview.widget.CardView
+        android:id="@+id/road_case_history_card_view"
+        android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_marginLeft="@dimen/dp_20"
-        android:layout_marginTop="@dimen/dp_24"
-        android:background="@drawable/bg_v2x_event_type_read"
-        android:gravity="center"
-        android:paddingLeft="@dimen/dp_10"
-        android:paddingTop="@dimen/dp_3"
-        android:paddingRight="@dimen/dp_10"
-        android:paddingBottom="@dimen/dp_3"
-        android:text="违章停车"
-        android:textColor="#ffffff"
-        android:textSize="@dimen/dp_28"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:cardBackgroundColor="@color/share_event_item_bg_color"
+        app:cardCornerRadius="12px"
+        app:layout_constraintTop_toTopOf="parent">
 
-    <TextView
-        android:id="@+id/tagEventEvaluate"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="@dimen/dp_24"
-        android:background="@drawable/bg_v2x_event_type_gray"
-        android:gravity="center"
-        android:paddingLeft="@dimen/dp_10"
-        android:paddingTop="@dimen/dp_3"
-        android:paddingRight="@dimen/dp_10"
-        android:paddingBottom="@dimen/dp_3"
-        android:text="待评价"
-        android:textColor="#ffffff"
-        android:textSize="@dimen/dp_28"
-        app:layout_constraintBottom_toBottomOf="@+id/tagEventType"
-        app:layout_constraintStart_toEndOf="@+id/tagEventType"
-        app:layout_constraintTop_toTopOf="@+id/tagEventType" />
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
 
-    <ImageView
-        android:id="@+id/ivIconP"
-        android:layout_width="@dimen/module_v2x_history_event_icon_size"
-        android:layout_height="@dimen/module_v2x_history_event_icon_size"
-        android:layout_marginEnd="@dimen/dp_16"
-        android:src="@drawable/icon_illegal_parking"
-        app:layout_constraintTop_toBottomOf="@+id/tagEventType"
-        app:layout_constraintTop_toTopOf="@+id/tvAddress" />
+            <TextView
+                android:id="@+id/tagEventType"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="@dimen/dp_24"
+                android:layout_marginTop="@dimen/dp_24"
+                android:background="@drawable/bg_v2x_event_type_read"
+                android:gravity="center"
+                android:paddingLeft="@dimen/dp_10"
+                android:paddingTop="@dimen/dp_3"
+                android:paddingRight="@dimen/dp_10"
+                android:paddingBottom="@dimen/dp_3"
+                android:text="违章停车"
+                android:textColor="#ffffff"
+                android:textSize="@dimen/dp_28"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
 
-    <TextView
-        android:id="@+id/tvAddress"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="@dimen/dp_24"
-        android:layout_marginRight="@dimen/dp_30"
-        android:ellipsize="end"
-        android:maxLines="1"
-        android:textColor="#FFFFFF"
-        android:textSize="@dimen/dp_34"
-        app:layout_constraintEnd_toStartOf="@+id/llIllegalParkingLike"
-        app:layout_constraintStart_toEndOf="@+id/ivIconP"
-        app:layout_constraintTop_toBottomOf="@+id/tagEventType"
-        tools:text="小黄庄北街与北三环辅路交叉口小黄庄北街与北三环辅路交叉口" />
+            <TextView
+                android:id="@+id/tagEventEvaluate"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="@dimen/dp_24"
+                android:background="@drawable/bg_v2x_event_type_gray"
+                android:gravity="center"
+                android:paddingLeft="@dimen/dp_10"
+                android:paddingTop="@dimen/dp_3"
+                android:paddingRight="@dimen/dp_10"
+                android:paddingBottom="@dimen/dp_3"
+                android:text="待评价"
+                android:textColor="#ffffff"
+                android:textSize="@dimen/dp_28"
+                app:layout_constraintBottom_toBottomOf="@+id/tagEventType"
+                app:layout_constraintStart_toEndOf="@+id/tagEventType"
+                app:layout_constraintTop_toTopOf="@+id/tagEventType" />
 
-    <TextView
-        android:id="@+id/tvIllegalNum"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="@dimen/dp_10"
-        android:layout_marginBottom="@dimen/dp_24"
-        android:alpha="0.6"
-        android:gravity="center_vertical"
-        android:textColor="#FFFFFF"
-        android:textSize="@dimen/dp_30"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="@+id/tvAddress"
-        app:layout_constraintStart_toStartOf="@+id/tvAddress"
-        app:layout_constraintTop_toBottomOf="@+id/tvAddress"
-        tools:text="违章人数：10人" />
+            <ImageView
+                android:id="@+id/ivIconP"
+                android:layout_width="@dimen/module_v2x_history_event_icon_size"
+                android:layout_height="@dimen/module_v2x_history_event_icon_size"
+                android:layout_marginStart="@dimen/dp_24"
+                android:layout_marginEnd="@dimen/dp_16"
+                android:src="@drawable/icon_illegal_parking"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/tagEventType"
+                app:layout_constraintTop_toTopOf="@+id/tvAddress" />
 
-    <com.mogo.module.v2x.view.HeartLikeView
-        android:id="@+id/llIllegalParkingLike"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginEnd="@dimen/dp_40"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toStartOf="@+id/llIllegalParkingUnLike"
-        app:layout_constraintTop_toTopOf="parent" />
+            <TextView
+                android:id="@+id/tvAddress"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="@dimen/dp_24"
+                android:layout_marginTop="@dimen/dp_24"
+                android:layout_marginRight="@dimen/dp_30"
+                android:ellipsize="end"
+                android:maxLines="1"
+                android:textColor="#FFFFFF"
+                android:textSize="@dimen/dp_34"
+                app:layout_constraintEnd_toStartOf="@+id/llIllegalParkingLike"
+                app:layout_constraintStart_toEndOf="@+id/ivIconP"
+                app:layout_constraintTop_toBottomOf="@+id/tagEventType"
+                tools:text="小黄庄北街与北三环辅路交叉口小黄庄北街与北三环辅路交叉口" />
 
-    <com.mogo.module.v2x.view.HeartUnLikeView
-        android:id="@+id/llIllegalParkingUnLike"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+            <TextView
+                android:id="@+id/tvIllegalNum"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/dp_10"
+                android:layout_marginBottom="@dimen/dp_24"
+                android:alpha="0.6"
+                android:gravity="center_vertical"
+                android:textColor="#FFFFFF"
+                android:textSize="@dimen/dp_30"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="@+id/tvAddress"
+                app:layout_constraintStart_toStartOf="@+id/tvAddress"
+                app:layout_constraintTop_toBottomOf="@+id/tvAddress"
+                tools:text="违章人数：10人" />
 
-</com.mogo.module.v2x.view.RoundConstraintLayout>
+            <com.mogo.module.v2x.view.HeartLikeView
+                android:id="@+id/llIllegalParkingLike"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginEnd="@dimen/dp_40"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toStartOf="@+id/llIllegalParkingUnLike"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <com.mogo.module.v2x.view.HeartUnLikeView
+                android:id="@+id/llIllegalParkingUnLike"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
+    </androidx.cardview.widget.CardView>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/modules/mogo-module-v2x/src/main/res/layout/module_v2x_event_panel_fragment_event_panel.xml b/modules/mogo-module-v2x/src/main/res/layout/module_v2x_event_panel_fragment_event_panel.xml
index cd11ceacab..580a9423bf 100644
--- a/modules/mogo-module-v2x/src/main/res/layout/module_v2x_event_panel_fragment_event_panel.xml
+++ b/modules/mogo-module-v2x/src/main/res/layout/module_v2x_event_panel_fragment_event_panel.xml
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="utf-8"?>
-<com.mogo.module.v2x.view.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
     android:id="@+id/clPanelContainer"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="#10121E"
+    android:background="@drawable/v2x_panel_color_bg"
     android:clickable="true"
     android:paddingStart="@dimen/dp_30"
     android:paddingEnd="@dimen/dp_30"
@@ -93,8 +93,8 @@
 
     <View
         android:layout_width="match_parent"
-        android:layout_height="60px"
+        android:layout_height="58px"
         android:background="@drawable/v2x_shadow_shape_view"
         app:layout_constraintBottom_toBottomOf="parent" />
 
-</com.mogo.module.v2x.view.RoundConstraintLayout>
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/modules/mogo-module-v2x/src/main/res/values/colors.xml b/modules/mogo-module-v2x/src/main/res/values/colors.xml
index 448070e539..2d83a0fb6b 100644
--- a/modules/mogo-module-v2x/src/main/res/values/colors.xml
+++ b/modules/mogo-module-v2x/src/main/res/values/colors.xml
@@ -9,6 +9,7 @@
     <color name="share_event_item_bg_color">#1F2131</color>
     <color name="share_event_share_time_color">#FFFFFF</color>
     <color name="share_event_address_color">#FFFFFF</color>
+    <color name="panel_shadow_shape_color">#10121E</color>
 
 
 </resources>
\ No newline at end of file
diff --git a/skin/mogo-skin-light/src/main/module-v2x-res/color/radiobutton_textcolor_light.xml b/skin/mogo-skin-light/src/main/module-v2x-res/color/radiobutton_textcolor_light.xml
new file mode 100644
index 0000000000..56ec481949
--- /dev/null
+++ b/skin/mogo-skin-light/src/main/module-v2x-res/color/radiobutton_textcolor_light.xml
@@ -0,0 +1,4 @@
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="#757575" android:state_checked="false"/>
+    <item android:color="#333333" android:state_checked="true"/>
+</selector>
\ No newline at end of file
diff --git a/skin/mogo-skin-light/src/main/module-v2x-res/drawable-ldpi/icon_share_empty_light.png b/skin/mogo-skin-light/src/main/module-v2x-res/drawable-ldpi/icon_share_empty_light.png
new file mode 100644
index 0000000000..03da771490
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-v2x-res/drawable-ldpi/icon_share_empty_light.png differ
diff --git a/skin/mogo-skin-light/src/main/module-v2x-res/drawable/v2x_panel_color_bg_light.xml b/skin/mogo-skin-light/src/main/module-v2x-res/drawable/v2x_panel_color_bg_light.xml
new file mode 100644
index 0000000000..813b1fe28f
--- /dev/null
+++ b/skin/mogo-skin-light/src/main/module-v2x-res/drawable/v2x_panel_color_bg_light.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <gradient
+        android:angle="270"
+        android:type="linear"
+        android:startColor="#FFFFFF"
+        android:endColor="#F5F5F5"/>
+    <corners android:radius="28.8px"/>
+</shape>
\ No newline at end of file
diff --git a/skin/mogo-skin-light/src/main/module-v2x-res/values/colors.xml b/skin/mogo-skin-light/src/main/module-v2x-res/values/colors.xml
index a24e6487fd..ebd1091e57 100644
--- a/skin/mogo-skin-light/src/main/module-v2x-res/values/colors.xml
+++ b/skin/mogo-skin-light/src/main/module-v2x-res/values/colors.xml
@@ -4,5 +4,6 @@
     <color name="share_event_item_bg_color_light">#DDDDDD</color>
     <color name="share_event_share_time_color_light">#999999</color>
     <color name="share_event_address_color_light">#333333</color>
+    <color name="panel_shadow_shape_color_light">#F5F5F5</color>
 
 </resources>