diff --git a/modules/mogo-module-extensions/src/main/java/com/mogo/module/extensions/entrance/EntranceFragment.java b/modules/mogo-module-extensions/src/main/java/com/mogo/module/extensions/entrance/EntranceFragment.java
index 19015182c1..e76a035b56 100644
--- a/modules/mogo-module-extensions/src/main/java/com/mogo/module/extensions/entrance/EntranceFragment.java
+++ b/modules/mogo-module-extensions/src/main/java/com/mogo/module/extensions/entrance/EntranceFragment.java
@@ -1,6 +1,7 @@
 package com.mogo.module.extensions.entrance;
 
 import android.content.Intent;
+import android.graphics.Color;
 import android.graphics.Rect;
 import android.location.Location;
 import android.os.Bundle;
@@ -15,6 +16,7 @@ import android.view.View;
 import android.view.ViewGroup;
 import android.widget.Button;
 import android.widget.EditText;
+import android.widget.FrameLayout;
 import android.widget.ImageButton;
 import android.widget.ImageView;
 import android.widget.RadioButton;
@@ -65,6 +67,7 @@ import com.mogo.module.extensions.utils.EntranceViewHolder;
 import com.mogo.module.extensions.utils.NoMapTopViewShaderHelper;
 import com.mogo.module.extensions.utils.TopViewAnimHelper;
 import com.mogo.module.extensions.utils.TopViewNoLinkageAnimHelper;
+import com.mogo.module.extensions.view.ArcView;
 import com.mogo.module.share.manager.ServiceApisManager;
 import com.mogo.service.IMogoServiceApis;
 import com.mogo.service.analytics.IMogoAnalytics;
@@ -194,6 +197,18 @@ public class EntranceFragment extends MvpFragment<EntranceView, EntrancePresente
     private TextView tvEnterVrMode;
     private TextView tvExitVrMode;
 
+
+    private FrameLayout flSpeed;
+    private ArcView mouduleArc;
+    private ConstraintLayout clTrafficLight;
+    private TextView tvYellow;
+    private TextView tvRed;
+    private TextView tvGreen;
+    private ImageView ivBg;
+
+
+
+
     /**
      * 内部变量标识是否在vrMode，用于方法执行过滤，避免重复或异常调用
      */
@@ -350,6 +365,14 @@ public class EntranceFragment extends MvpFragment<EntranceView, EntrancePresente
 
         // 根据本地配置设置自车图标
         MyLocationUtil.setMyLocationIconUrl(getContext());
+        flSpeed = (FrameLayout) findViewById(R.id.fl_speed);
+        mouduleArc = (ArcView) findViewById(R.id.moudule_arc);
+        clTrafficLight = (ConstraintLayout) findViewById(R.id.cl_traffic_light);
+        tvYellow = (TextView) findViewById(R.id.tv_yellow);
+        tvRed = (TextView) findViewById(R.id.tv_red);
+        tvGreen = (TextView) findViewById(R.id.tv_green);
+        ivBg = (ImageView) findViewById(R.id.iv_bg);
+//        GlideApp.with(getContext()).load(R.drawable.yun_bg).into(ivBg);
     }
 
     private int debugPanelClickCount = 0;
@@ -375,11 +398,13 @@ public class EntranceFragment extends MvpFragment<EntranceView, EntrancePresente
             mCameraLiveNoticeHelper.enterVrMode();
 
             MogoApisHandler.getInstance().getApis().getRegisterCenterApi()
-                    .registerCarLocationChangedListener( TAG, this );
+                    .registerCarLocationChangedListener(TAG, this);
 
 //            MogoApisHandler.getInstance().getApis().getRegisterCenterApi().registerMogoLocationListener(TAG, this);
 
             localIsVrMode = true;
+            flSpeed.setVisibility(View.VISIBLE);
+            clTrafficLight.setVisibility(View.VISIBLE);
         }
     }
 
@@ -390,7 +415,7 @@ public class EntranceFragment extends MvpFragment<EntranceView, EntrancePresente
             mMove2CurrentLocation.setVisibility(View.VISIBLE);
             mUploadRoadCondition.setVisibility(View.VISIBLE);
             groupUserHead.setVisibility(View.VISIBLE);
-            if(MogoApisHandler.getInstance().getApis().getStatusManagerApi().isSeekHelping()) {
+            if (MogoApisHandler.getInstance().getApis().getStatusManagerApi().isSeekHelping()) {
                 seekHelpGroup.setVisibility(View.VISIBLE);
             }
 //        mWeatherContainer.setVisibility(View.VISIBLE);
@@ -405,6 +430,8 @@ public class EntranceFragment extends MvpFragment<EntranceView, EntrancePresente
 
             MogoApisHandler.getInstance().getApis().getRegisterCenterApi().unregisterMogoLocationListener(TAG);
             localIsVrMode = false;
+            flSpeed.setVisibility(View.GONE);
+            clTrafficLight.setVisibility(View.GONE);
         }
     }
 
@@ -695,10 +722,10 @@ public class EntranceFragment extends MvpFragment<EntranceView, EntrancePresente
     @Override
     public void onResume() {
         super.onResume();
-        if ( mStatusManager.isTopContainerReady() ) {
+        if (mStatusManager.isTopContainerReady()) {
             return;
         }
-        mStatusManager.setTopContainerReady( TAG, true );
+        mStatusManager.setTopContainerReady(TAG, true);
     }
 
     @Override
@@ -706,7 +733,7 @@ public class EntranceFragment extends MvpFragment<EntranceView, EntrancePresente
         mCameraLiveNoticeHelper.release();
         super.onDestroyView();
         isClickShare = false;
-        mStatusManager.setTopContainerReady( TAG, false );
+        mStatusManager.setTopContainerReady(TAG, false);
         TopViewAnimHelper.getInstance().removeAllView();
         TopViewAnimHelper.getInstance().clear();
         TopViewNoLinkageAnimHelper.getInstance().removeAllView();
@@ -715,7 +742,7 @@ public class EntranceFragment extends MvpFragment<EntranceView, EntrancePresente
         EntranceViewHolder.getInstance().release();
         mCameraLiveNoticeHelper.release();
         MogoApisHandler.getInstance().getApis().getRegisterCenterApi()
-                .unregisterCarLocationChangedListener( TAG, this );
+                .unregisterCarLocationChangedListener(TAG, this);
     }
 
     @Override
@@ -1307,12 +1334,16 @@ public class EntranceFragment extends MvpFragment<EntranceView, EntrancePresente
     };
 
     @Override
-    public void onCarLocationChanged2( Location location ) {
+    public void onCarLocationChanged2(Location location) {
         vrModeNavInfoView.refreshCurrentSpeed((int) (location.getSpeed() * 3.6F));
+        int speed = (int) (location.getSpeed() * 3.6F);
+        mouduleArc.setArcColor(Color.parseColor(speed > 40 ? "#DB3137" : "#3E77F6"));
+        mouduleArc.setValues(speed);
+        flSpeed.setBackgroundResource(speed > 40 ? R.drawable.yi_biao_pan_bg_speeding : R.drawable.yi_biao_pan_bg_nor);
     }
 
     @Override
-    public void onCarLocationChanged( MogoLatLng latLng ) {
+    public void onCarLocationChanged(MogoLatLng latLng) {
 
     }
 }
diff --git a/modules/mogo-module-extensions/src/main/java/com/mogo/module/extensions/utils/TopViewAnimHelper.java b/modules/mogo-module-extensions/src/main/java/com/mogo/module/extensions/utils/TopViewAnimHelper.java
index 9082dab01f..9fc3aeb8a8 100644
--- a/modules/mogo-module-extensions/src/main/java/com/mogo/module/extensions/utils/TopViewAnimHelper.java
+++ b/modules/mogo-module-extensions/src/main/java/com/mogo/module/extensions/utils/TopViewAnimHelper.java
@@ -507,7 +507,7 @@ public class TopViewAnimHelper {
     public void enterVrMode() {
         removeAllView();
         topContainer.getLayoutParams().width = (int) getDimen(R.dimen.module_ext_top_view_width_in_vr_mode);
-        vrModeNavInfoView.setVisibility(View.VISIBLE);
+       // vrModeNavInfoView.setVisibility(View.VISIBLE);
 //        topContainer.requestLayout();
 //        topMotionLayout.requestLayout();
     }
diff --git a/modules/mogo-module-extensions/src/main/java/com/mogo/module/extensions/view/ArcView.java b/modules/mogo-module-extensions/src/main/java/com/mogo/module/extensions/view/ArcView.java
new file mode 100644
index 0000000000..7c22a7c303
--- /dev/null
+++ b/modules/mogo-module-extensions/src/main/java/com/mogo/module/extensions/view/ArcView.java
@@ -0,0 +1,182 @@
+package com.mogo.module.extensions.view;
+
+import android.animation.ValueAnimator;
+import android.content.Context;
+import android.content.res.Resources;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Paint;
+import android.graphics.Rect;
+import android.graphics.RectF;
+import android.util.AttributeSet;
+import android.util.DisplayMetrics;
+import android.view.View;
+
+import androidx.annotation.Nullable;
+
+/**
+ * created by wujifei on 2021/3/24 16:20
+ * describe:
+ */
+public class ArcView extends View {
+
+    //中心的文字描述
+    private String mDes = "km/h";
+    //根据数据显示的圆弧Paint
+    private Paint mArcPaint;
+    //圆弧颜色
+    private int mArcColor;
+    //圆弧的画笔的宽度
+    private float mStrokeWith = 10;
+    //文字描述的paint
+    private Paint mTextPaint;
+
+    //当前进度夹角大小
+    private float mIncludedAngle = 0;
+    //当前数据
+    private int currentValue;
+    //最大数据
+    private int maxValue = 240;
+    //圆弧背景的开始和结束间的夹角大小
+    private float mAngle = 270;
+    //上次绘制圆弧夹角
+    private float lastAngle = 0;
+
+    public ArcView(Context context) {
+        this(context, null);
+    }
+
+    public ArcView(Context context, @Nullable AttributeSet attrs) {
+        this(context, attrs, 0);
+    }
+
+    public ArcView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+    }
+
+
+    @Override
+    protected void onDraw(Canvas canvas) {
+        super.onDraw(canvas);
+        //初始化paint
+        initPaint();
+        //绘制弧度
+        drawArc(canvas);
+        //绘制文本
+        drawText(canvas);
+    }
+
+    private void drawText(Canvas canvas) {
+        Rect mRect = new Rect();
+        String mValue = String.valueOf(currentValue);
+        //绘制中心的数值
+        mTextPaint.getTextBounds(mValue, 0, mValue.length(), mRect);
+        canvas.drawText(mValue, getWidth() / 2, getHeight() / 2 + mRect.height() / 2, mTextPaint);
+
+        //绘制中心文字描述
+        mTextPaint.setTextSize(28);
+        mTextPaint.getTextBounds(mDes, 0, mDes.length(), mRect);
+        canvas.drawText(mDes, getWidth() / 2, getHeight() * 17 / 20 + mRect.height() / 2, mTextPaint);
+    }
+
+    private void drawArc(Canvas canvas) {
+        //绘制圆弧背景
+        RectF mRectF = new RectF(mStrokeWith, mStrokeWith, getWidth() - mStrokeWith, getHeight() - mStrokeWith);
+        canvas.drawArc(mRectF, 135, mAngle, false, mArcPaint);
+
+        //绘制当前数值对应的圆弧
+        mArcPaint.setColor(mArcColor);
+        //根据当前数据绘制对应的圆弧
+        canvas.drawArc(mRectF, 135, mIncludedAngle, false, mArcPaint);
+    }
+
+    private void initPaint() {
+        //圆弧的paint
+        mArcPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
+        //抗锯齿
+        mArcPaint.setAntiAlias(true);
+        mArcPaint.setColor(Color.parseColor("#222A66"));
+        //设置透明度（数值为0-255）
+        mArcPaint.setAlpha(100);
+        //设置画笔的画出的形状
+        mArcPaint.setStrokeJoin(Paint.Join.ROUND);
+        mArcPaint.setStrokeCap(Paint.Cap.ROUND);
+        //设置画笔类型
+        mArcPaint.setStyle(Paint.Style.STROKE);
+        //画笔宽度
+        mArcPaint.setStrokeWidth(mStrokeWith);
+
+        //中心文字的paint
+        mTextPaint = new Paint();
+        mTextPaint.setAntiAlias(true);
+        mTextPaint.setColor(Color.parseColor("#FFFFFF"));
+        //设置文本的对齐方式
+        mTextPaint.setTextAlign(Paint.Align.CENTER);
+        //mTextPaint.setTextSize(getResources().getDimensionPixelSize(R.dimen.dp_12));
+        mTextPaint.setTextSize(80);
+
+    }
+
+
+    /**
+     * 为绘制弧度及数据设置动画
+     *
+     * @param startAngle   开始的弧度
+     * @param currentAngle 需要绘制的弧度
+     * @param time         动画执行的时长
+     */
+    private void setAnimation(float startAngle, float currentAngle, int time) {
+        //绘制当前数据对应的圆弧的动画效果
+        ValueAnimator progressAnimator = ValueAnimator.ofFloat(startAngle, currentAngle);
+        progressAnimator.setDuration(time);
+        progressAnimator.setTarget(mIncludedAngle);
+        progressAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+            @Override
+            public void onAnimationUpdate(ValueAnimator animation) {
+                mIncludedAngle = (float) animation.getAnimatedValue();
+                //重新绘制，不然不会出现效果
+                postInvalidate();
+            }
+        });
+        //开始执行动画
+        progressAnimator.start();
+    }
+
+
+    /**
+     * 设置弧形颜色
+     *
+     * @param value 颜色值
+     */
+    public void setArcColor(int value) {
+        mArcColor = value;
+    }
+
+    /**
+     * 设置数据
+     *
+     * @param value 当前绘制的值
+     */
+    public void setValues(int value) {
+        //完全覆盖
+        if (value > maxValue) {
+            value = maxValue;
+        }
+        currentValue = value;
+        //计算弧度比重
+        float scale = (float) currentValue / maxValue;
+        //计算弧度
+        float currentAngle = scale * mAngle;
+        //开始执行动画
+        setAnimation(lastAngle, currentAngle, 1000);
+        lastAngle = currentAngle;
+        //重新绘制
+        postInvalidate();
+    }
+
+
+    private float dp2px(float dp) {
+        DisplayMetrics metrics = Resources.getSystem().getDisplayMetrics();
+        return dp * metrics.density;
+    }
+}
diff --git a/modules/mogo-module-extensions/src/main/res/drawable/green_light_vr_bg.xml b/modules/mogo-module-extensions/src/main/res/drawable/green_light_vr_bg.xml
new file mode 100644
index 0000000000..053ca17b45
--- /dev/null
+++ b/modules/mogo-module-extensions/src/main/res/drawable/green_light_vr_bg.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <gradient
+        android:endColor="#00FF6C"
+        android:startColor="#00CF57" />
+    <size
+        android:width="@dimen/dp_52"
+        android:height="@dimen/dp_52" />
+</shape>
\ No newline at end of file
diff --git a/modules/mogo-module-extensions/src/main/res/drawable/red_light_vr_bg.xml b/modules/mogo-module-extensions/src/main/res/drawable/red_light_vr_bg.xml
new file mode 100644
index 0000000000..c8b510cfd4
--- /dev/null
+++ b/modules/mogo-module-extensions/src/main/res/drawable/red_light_vr_bg.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <gradient
+        android:endColor="#FF0030"
+        android:startColor="#CF2E00" />
+    <size
+        android:width="@dimen/dp_52"
+        android:height="@dimen/dp_52" />
+</shape>
\ No newline at end of file
diff --git a/modules/mogo-module-extensions/src/main/res/drawable/traffic_light_vr_bg.xml b/modules/mogo-module-extensions/src/main/res/drawable/traffic_light_vr_bg.xml
new file mode 100644
index 0000000000..90c7bde175
--- /dev/null
+++ b/modules/mogo-module-extensions/src/main/res/drawable/traffic_light_vr_bg.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <solid android:color="#1C2656" />
+    <size
+        android:width="@dimen/dp_52"
+        android:height="@dimen/dp_52" />
+</shape>
\ No newline at end of file
diff --git a/modules/mogo-module-extensions/src/main/res/drawable/view_traffic_light_vr_bg.xml b/modules/mogo-module-extensions/src/main/res/drawable/view_traffic_light_vr_bg.xml
new file mode 100644
index 0000000000..a63c02e5a6
--- /dev/null
+++ b/modules/mogo-module-extensions/src/main/res/drawable/view_traffic_light_vr_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">
+    <solid android:color="#0D132F" />
+    <corners android:radius="@dimen/dp_40" />
+</shape>
\ No newline at end of file
diff --git a/modules/mogo-module-extensions/src/main/res/drawable/yellow_light_vr_bg.xml b/modules/mogo-module-extensions/src/main/res/drawable/yellow_light_vr_bg.xml
new file mode 100644
index 0000000000..9248409de9
--- /dev/null
+++ b/modules/mogo-module-extensions/src/main/res/drawable/yellow_light_vr_bg.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <gradient
+        android:endColor="#FFDB00"
+        android:startColor="#F2A902" />
+    <size
+        android:width="@dimen/dp_52"
+        android:height="@dimen/dp_52" />
+</shape>
\ No newline at end of file
diff --git a/modules/mogo-module-extensions/src/main/res/drawable/yi_biao_pan_bg_nor.xml b/modules/mogo-module-extensions/src/main/res/drawable/yi_biao_pan_bg_nor.xml
new file mode 100644
index 0000000000..077f8a578a
--- /dev/null
+++ b/modules/mogo-module-extensions/src/main/res/drawable/yi_biao_pan_bg_nor.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <gradient
+        android:endColor="#3B3F6D"
+        android:startColor="#3B3F6D" />
+    <corners
+        android:bottomLeftRadius="@dimen/dp_100"
+        android:bottomRightRadius="@dimen/dp_20"
+        android:topLeftRadius="@dimen/dp_20"
+        android:topRightRadius="@dimen/dp_100" />
+</shape>
\ No newline at end of file
diff --git a/modules/mogo-module-extensions/src/main/res/drawable/yi_biao_pan_bg_speeding.xml b/modules/mogo-module-extensions/src/main/res/drawable/yi_biao_pan_bg_speeding.xml
new file mode 100644
index 0000000000..9a939a7647
--- /dev/null
+++ b/modules/mogo-module-extensions/src/main/res/drawable/yi_biao_pan_bg_speeding.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <gradient
+        android:endColor="#3B3F6D"
+        android:gradientRadius="50%p"
+        android:startColor="#93354E"
+        android:type="radial" />
+    <corners
+        android:bottomLeftRadius="@dimen/dp_100"
+        android:bottomRightRadius="@dimen/dp_20"
+        android:topLeftRadius="@dimen/dp_20"
+        android:topRightRadius="@dimen/dp_100" />
+</shape>
\ No newline at end of file
diff --git a/modules/mogo-module-extensions/src/main/res/layout/module_ext_layout_entrance.xml b/modules/mogo-module-extensions/src/main/res/layout/module_ext_layout_entrance.xml
index e7c4bc0569..cddd191134 100644
--- a/modules/mogo-module-extensions/src/main/res/layout/module_ext_layout_entrance.xml
+++ b/modules/mogo-module-extensions/src/main/res/layout/module_ext_layout_entrance.xml
@@ -5,7 +5,10 @@
     android:id="@+id/module_entrance_id_top_motion_layout"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
-
+<ImageView
+    android:id="@+id/iv_bg"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent" />
     <include
         layout="@layout/module_ext_layout_extensions"
         android:layout_width="match_parent"
@@ -17,12 +20,79 @@
         android:layout_height="wrap_content" />
 
     <com.mogo.module.extensions.navi.VrModeNavInfoView
+        android:id="@+id/module_ext_id_vr_nav_info"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:id="@+id/module_ext_id_vr_nav_info"
         android:visibility="gone"
         app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintTop_toTopOf="parent"/>
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <FrameLayout
+        android:id="@+id/fl_speed"
+        android:layout_width="@dimen/dp_300"
+        android:layout_height="@dimen/dp_300"
+        android:layout_marginLeft="@dimen/dp_10"
+        android:layout_marginTop="@dimen/dp_10"
+        android:padding="@dimen/dp_20"
+        android:background="@drawable/yi_biao_pan_bg_nor"
+        android:elevation="@dimen/dp_20"
+        android:visibility="gone"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <com.mogo.module.extensions.view.ArcView
+            android:id="@+id/moudule_arc"
+            android:layout_width="@dimen/dp_200"
+            android:layout_height="@dimen/dp_200"
+            android:layout_gravity="center" />
+    </FrameLayout>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/cl_traffic_light"
+        android:layout_width="@dimen/dp_212"
+        android:layout_height="@dimen/dp_80"
+        android:layout_marginTop="@dimen/dp_10"
+        android:layout_marginRight="@dimen/dp_20"
+        android:background="@drawable/view_traffic_light_vr_bg"
+        android:translationZ="@dimen/dp_1"
+        android:visibility="gone"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <TextView
+            android:id="@+id/tv_red"
+            android:layout_width="@dimen/dp_52"
+            android:layout_height="@dimen/dp_52"
+            android:background="@drawable/red_light_vr_bg"
+            android:translationZ="@dimen/dp_2"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/tv_green"
+            app:layout_constraintStart_toEndOf="@+id/tv_yellow"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <TextView
+            android:id="@+id/tv_yellow"
+            android:layout_width="@dimen/dp_52"
+            android:layout_height="@dimen/dp_52"
+            android:layout_marginLeft="@dimen/dp_15"
+            android:background="@drawable/yellow_light_vr_bg"
+            android:translationZ="@dimen/dp_2"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <TextView
+            android:id="@+id/tv_green"
+            android:layout_width="@dimen/dp_52"
+            android:layout_height="@dimen/dp_52"
+            android:layout_marginRight="@dimen/dp_15"
+            android:background="@drawable/green_light_vr_bg"
+            android:translationZ="@dimen/dp_2"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
 
     <ImageButton
         android:id="@+id/module_entrance_id_move2_current_location"
@@ -131,13 +201,13 @@
         android:visibility="gone" />
 
     <com.mogo.module.extensions.navi.AnimNavInfoView
+        android:id="@+id/module_ext_id_anim_nav_info"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:id="@+id/module_ext_id_anim_nav_info"
+        android:visibility="gone"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintTop_toTopOf="parent"
-        android:visibility="gone"
-        tools:visibility="visible"/>
+        tools:visibility="visible" />
 
     <TextView
         android:id="@+id/module_ext_id_north"
@@ -219,10 +289,10 @@
         android:layout_marginBottom="@dimen/module_ext_enter_vr_mode_margin_bottom"
         android:background="@drawable/module_ext_dw_upload_road_condition_bkg"
         android:gravity="center"
-        android:visibility="visible"
         android:text="VR"
         android:textColor="#fff"
         android:textSize="@dimen/module_ext_enter_vr_mode_text_size"
+        android:visibility="visible"
         app:layout_constraintBottom_toTopOf="@+id/module_entrance_id_move2_current_location"
         app:layout_constraintRight_toRightOf="@+id/module_entrance_id_move2_current_location" />
 
@@ -237,8 +307,8 @@
         android:textSize="@dimen/module_ext_exit_vr_mode_text_size"
         android:visibility="gone"
         app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintTop_toTopOf="parent"
-        app:layout_constraintRight_toRightOf="parent" />
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
 
     <FrameLayout
         android:id="@+id/module_ext_vr_mode_left_notice_container"
@@ -323,39 +393,39 @@
         android:visibility="gone" />
 
     <EditText
+        android:id="@+id/etTimes"
         android:layout_width="400px"
         android:layout_height="wrap_content"
-        android:id="@+id/etTimes"
-        android:textSize="40sp"
         android:background="#fff"
         android:textColor="#000"
+        android:textSize="40sp"
+        app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintTop_toTopOf="parent"
         app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintBottom_toBottomOf="parent" />
+        app:layout_constraintTop_toTopOf="parent" />
 
     <Button
+        android:id="@+id/btnFix"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:id="@+id/btnFix"
-        android:text="修改"
-        android:textSize="40sp"
-        app:layout_constraintLeft_toRightOf="@id/etTimes"
-        app:layout_constraintTop_toTopOf="@id/etTimes"
         android:layout_marginStart="10px"
         android:background="#fff"
-        android:textColor="#000" />
+        android:text="修改"
+        android:textColor="#000"
+        android:textSize="40sp"
+        app:layout_constraintLeft_toRightOf="@id/etTimes"
+        app:layout_constraintTop_toTopOf="@id/etTimes" />
 
     <androidx.constraintlayout.widget.Group
+        android:id="@+id/groupFix"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:id="@+id/groupFix"
         android:visibility="gone"
         app:constraint_referenced_ids="etTimes,btnFix" />
 
     <include
+        layout="@layout/include_debug_panel"
         android:layout_width="match_parent"
-        android:layout_height="match_parent"
-        layout="@layout/include_debug_panel" />
+        android:layout_height="match_parent" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/modules/mogo-module-extensions/src/main/res/values/colors.xml b/modules/mogo-module-extensions/src/main/res/values/colors.xml
index d00d7313db..e787bc7500 100644
--- a/modules/mogo-module-extensions/src/main/res/values/colors.xml
+++ b/modules/mogo-module-extensions/src/main/res/values/colors.xml
@@ -12,4 +12,6 @@
     <color name="module_live_video_progress_bar_loading_color">#256BFF</color>
     <color name="v2x_FFF_333">#FFFFFF</color>
 
+    <color name="arc_speeding">#DB3137</color>
+    <color name="arc_speed">#3E77F6</color>
 </resources>
\ No newline at end of file
diff --git a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XRoadEventVH.java b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XRoadEventVH.java
index d94f0c7d15..c441c8f48f 100644
--- a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XRoadEventVH.java
+++ b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XRoadEventVH.java
@@ -137,6 +137,11 @@ public class V2XRoadEventVH extends V2XBaseViewHolder<V2XEventShowEntity> {
         }
     };
 
+    private MogoImageView ivEvent;
+    private TextView tvEvent;
+    private TextView tvPlay;
+
+
     private void init(View itemView) {
         ivEventImg = itemView.findViewById(R.id.ivEventImg);
         ivReportHead = itemView.findViewById(R.id.ivEventHead);
@@ -150,6 +155,10 @@ public class V2XRoadEventVH extends V2XBaseViewHolder<V2XEventShowEntity> {
         ivEventZan = itemView.findViewById(R.id.ivEventZan);
         ivEventReportTrue = itemView.findViewById(R.id.ivEventReportTrue);
         ivEventReportErr = itemView.findViewById(R.id.ivEventReportErr);
+
+        ivEvent = itemView.findViewById(R.id.iv_event);
+        tvEvent = itemView.findViewById(R.id.tv_event);
+        tvPlay = itemView.findViewById(R.id.tv_play);
     }
 
     public V2XRoadEventVH(ViewGroup viewGroup, IV2XWindow v2XWindow) {
@@ -233,6 +242,9 @@ public class V2XRoadEventVH extends V2XBaseViewHolder<V2XEventShowEntity> {
                         ivEventImg.setOnClickListener(v -> {
                             showRoadVideoInfo(v2XEventShowEntity);
                         });
+                        tvPlay.setOnClickListener(v -> {
+                            showRoadVideoInfo(v2XEventShowEntity);
+                        });
                         ivEventPlay.setOnClickListener(v -> {
                             showRoadVideoInfo(v2XEventShowEntity);
                         });
@@ -253,7 +265,10 @@ public class V2XRoadEventVH extends V2XBaseViewHolder<V2XEventShowEntity> {
                 if (!TextUtils.isEmpty(poiType)) {
                     tvEventTypeTitle.setText(poiType);
                     tvEventTypeTitle.setBackgroundResource(EventTypeUtils.getPoiTypeBg(mNoveltyInfo.getPoiType()));
+
                 }
+                ivEvent.setImageResource(EventTypeUtils.getPoiTypeSrcVr(mNoveltyInfo.getPoiType()));
+                tvEvent.setText(EventTypeUtils.getPoiTypeStrVr(mNoveltyInfo.getPoiType()));
                 tvEventAddress.setText(mNoveltyInfo.getAddr());
                 tvEventDistance.setText("距离 " + (int) mNoveltyInfo.getDistance() + "米");
 
diff --git a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/utils/EventTypeUtils.java b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/utils/EventTypeUtils.java
index 36b9cc4ef3..d545155bde 100644
--- a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/utils/EventTypeUtils.java
+++ b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/utils/EventTypeUtils.java
@@ -87,6 +87,51 @@ public class EventTypeUtils {
         return str;
     }
 
+    public static int getPoiTypeSrcVr(String poiType) {
+        int src;
+        switch (poiType) {
+
+            // 拥堵
+            case V2XPoiTypeEnum.FOURS_BLOCK_UP:
+                src = R.drawable.v2x_icon_yongdu_vr;
+                break;
+            // 积水
+            case V2XPoiTypeEnum.FOURS_PONDING:
+                src = R.drawable.v2x_icon_jishui_vr;
+                break;
+            // 浓雾
+            case V2XPoiTypeEnum.FOURS_FOG:
+                src = R.drawable.v2x_icon_nongwu_vr;
+                break;
+            default:
+                src = R.drawable.v2x_icon_live_logo;
+                break;
+        }
+        return src;
+    }
+
+    public static String getPoiTypeStrVr(String poiType) {
+        String str = "其它道路事件";
+        switch (poiType) {
+            // 拥堵
+            case V2XPoiTypeEnum.FOURS_BLOCK_UP:
+                str = "前方拥堵";
+                break;
+            // 积水
+            case V2XPoiTypeEnum.FOURS_PONDING:
+                str = "前方道路积水道路积水";
+                break;
+            // 浓雾
+            case V2XPoiTypeEnum.FOURS_FOG:
+                str = "浓雾预警";
+                break;
+            default:
+                str = "其它道路事件";
+                break;
+        }
+        return str;
+    }
+
     /**
      * 获取道路事件的背景色
      *
diff --git a/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_icon_jishui_vr.png b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_icon_jishui_vr.png
new file mode 100644
index 0000000000..da68268420
Binary files /dev/null and b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_icon_jishui_vr.png differ
diff --git a/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_icon_nongwu_vr.png b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_icon_nongwu_vr.png
new file mode 100644
index 0000000000..8dbf1d8c57
Binary files /dev/null and b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_icon_nongwu_vr.png differ
diff --git a/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_icon_yongdu_vr.png b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_icon_yongdu_vr.png
new file mode 100644
index 0000000000..e530db6a3d
Binary files /dev/null and b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_icon_yongdu_vr.png differ
diff --git a/modules/mogo-module-v2x/src/main/res/drawable/bg_v2x_event_bg.xml b/modules/mogo-module-v2x/src/main/res/drawable/bg_v2x_event_bg.xml
new file mode 100644
index 0000000000..82d3c3395f
--- /dev/null
+++ b/modules/mogo-module-v2x/src/main/res/drawable/bg_v2x_event_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">
+    <solid android:color="#88000000" />
+    <corners android:radius="@dimen/dp_20" />
+</shape>
\ No newline at end of file
diff --git a/modules/mogo-module-v2x/src/main/res/drawable/bg_v2x_event_type_orange_vr.xml b/modules/mogo-module-v2x/src/main/res/drawable/bg_v2x_event_type_orange_vr.xml
index 04481967b1..0c99dfb607 100644
--- a/modules/mogo-module-v2x/src/main/res/drawable/bg_v2x_event_type_orange_vr.xml
+++ b/modules/mogo-module-v2x/src/main/res/drawable/bg_v2x_event_type_orange_vr.xml
@@ -4,6 +4,6 @@
         android:angle="180"
         android:endColor="#C57406"
         android:startColor="#FCB932" />
-    <corners android:bottomLeftRadius="@dimen/dp_20"/>
+    <corners android:bottomLeftRadius="@dimen/dp_20" android:topRightRadius="@dimen/dp_20"/>
 
 </shape>
\ No newline at end of file
diff --git a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_event_detail_vr.xml b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_event_detail_vr.xml
index 2422b732d9..b8f9cd976a 100644
--- a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_event_detail_vr.xml
+++ b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_event_detail_vr.xml
@@ -1,214 +1,278 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<LinearLayout 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:layout_width="@dimen/dp_822"
-    android:layout_height="@dimen/dp_182"
-    android:background="@drawable/v2x_tip_bg"
-    android:clipChildren="true">
+    android:layout_height="wrap_content"
+    android:gravity="center">
 
-    <com.mogo.service.imageloader.MogoImageView
-        android:id="@+id/ivEventImg"
-        android:layout_width="60dp"
-        android:layout_height="60dp"
-        android:layout_marginStart="@dimen/dp_30"
-        android:layout_marginBottom="@dimen/dp_42"
-        android:scaleType="fitXY"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:miv_failureHolder="@drawable/v2x_icon_live_logo"
-        app:miv_overlayImageId="@drawable/v2x_icon_live_logo"
-        app:miv_placeHolder="@drawable/v2x_icon_live_logo"
-        app:miv_topLeftRadius="@dimen/dp_20" />
-
-    <ImageView
-        android:id="@+id/ivEventPlay"
-        android:layout_width="@dimen/dp_60"
-        android:layout_height="@dimen/dp_60"
-        android:layout_centerInParent="true"
-        android:src="@drawable/v2x_icon_event_play"
-        android:visibility="gone"
-        app:layout_constraintBottom_toBottomOf="@id/ivEventImg"
-        app:layout_constraintEnd_toEndOf="@id/ivEventImg"
-        app:layout_constraintStart_toStartOf="@id/ivEventImg"
-        app:layout_constraintTop_toTopOf="@id/ivEventImg" />
-
-    <TextView
-        android:id="@+id/tvEventTypeTitle"
-        android:layout_width="@dimen/dp_120"
-        android:layout_height="@dimen/dp_35"
-        android:layout_marginStart="@dimen/dp_31"
-        android:layout_marginBottom="@dimen/dp_42"
-        android:background="@drawable/bg_v2x_event_type_red_vr"
-        android:gravity="center"
-        android:paddingLeft="@dimen/dp_10"
-        android:paddingTop="@dimen/dp_2"
-        android:paddingRight="@dimen/dp_10"
-        android:paddingBottom="@dimen/dp_3"
-        android:textColor="#fff"
-        android:textSize="@dimen/module_v2x_event_type_title_text_size"
-        android:textStyle="bold"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        tools:text="道路施工" />
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="@dimen/dp_822"
+        android:layout_height="@dimen/dp_182"
+        android:background="@drawable/v2x_tip_bg"
+        android:clipChildren="true"
+        android:visibility="gone">
 
 
-    <ImageView
-        android:id="@+id/ivEventDistanceLogo"
-        android:layout_width="@dimen/dp_35"
-        android:layout_height="@dimen/dp_35"
-        android:layout_marginTop="@dimen/dp_5"
-        android:src="@drawable/v2x_icon_help_navi"
-        android:visibility="gone"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/tvEventAddress" />
-
-    <TextView
-        android:id="@+id/tvEventDistance"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="@dimen/dp_10"
-        android:alpha="0.6"
-        android:textColor="@color/v2x_FFF_666"
-        android:textSize="@dimen/module_v2x_event_sub_title_text_size"
-        android:visibility="gone"
-        app:layout_constraintBottom_toBottomOf="@id/ivEventDistanceLogo"
-        app:layout_constraintStart_toEndOf="@id/ivEventDistanceLogo"
-        app:layout_constraintTop_toTopOf="@id/ivEventDistanceLogo"
-        tools:text="距离 300m" />
-
-    <TextView
-        android:id="@+id/tvEventTime"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="@dimen/dp_30"
-        android:alpha="0.6"
-        android:textColor="@color/v2x_FFF_999"
-        android:textSize="@dimen/module_v2x_event_sub_title_text_size"
-        android:visibility="gone"
-        app:layout_constraintBottom_toBottomOf="@id/ivEventDistanceLogo"
-        app:layout_constraintStart_toEndOf="@+id/tvEventDistance"
-        app:layout_constraintTop_toTopOf="@id/ivEventDistanceLogo"
-        tools:text="2020/01/02 12:54" />
-
-    <com.mogo.service.imageloader.MogoImageView
-        android:id="@+id/ivEventHead"
-        android:layout_width="@dimen/module_v2x_event_head_size"
-        android:layout_height="@dimen/module_v2x_event_head_size"
-        android:layout_marginEnd="@dimen/dp_28"
-        android:visibility="gone"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintTop_toTopOf="parent"
-        app:miv_borderColor="#4cffffff"
-        app:miv_failureHolder="@drawable/icon_default_user_head"
-        app:miv_overlayImageId="@drawable/icon_default_user_head"
-        app:miv_placeHolder="@drawable/icon_default_user_head"
-        app:miv_shape="circle"
-        app:miv_shapeBorderWidth="@dimen/dp_4" />
-
-    <LinearLayout
-        android:id="@+id/rightLinear"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginRight="@dimen/dp_34"
-        android:layout_marginBottom="@dimen/dp_26"
-        android:gravity="center"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toEndOf="@+id/tvEventAddress"
-        app:layout_constraintTop_toTopOf="parent">
+        <com.mogo.service.imageloader.MogoImageView
+            android:id="@+id/ivEventImg"
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            android:layout_marginStart="@dimen/dp_30"
+            android:layout_marginBottom="@dimen/dp_42"
+            android:scaleType="fitXY"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:miv_failureHolder="@drawable/v2x_icon_live_logo"
+            app:miv_overlayImageId="@drawable/v2x_icon_live_logo"
+            app:miv_placeHolder="@drawable/v2x_icon_live_logo"
+            app:miv_topLeftRadius="@dimen/dp_20" />
 
         <ImageView
-            android:id="@+id/ivEventLive"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginLeft="@dimen/dp_10"
-            android:padding="@dimen/dp_15"
-            android:src="@drawable/selector_live_btn_vr"
+            android:id="@+id/ivEventPlay"
+            android:layout_width="@dimen/dp_60"
+            android:layout_height="@dimen/dp_60"
+            android:layout_centerInParent="true"
+            android:src="@drawable/v2x_icon_event_play"
+            android:visibility="gone"
+            app:layout_constraintBottom_toBottomOf="@id/ivEventImg"
+            app:layout_constraintEnd_toEndOf="@id/ivEventImg"
+            app:layout_constraintStart_toStartOf="@id/ivEventImg"
+            app:layout_constraintTop_toTopOf="@id/ivEventImg" />
+
+        <TextView
+            android:id="@+id/tvEventTypeTitle"
+            android:layout_width="@dimen/dp_120"
+            android:layout_height="@dimen/dp_35"
+            android:layout_marginStart="@dimen/dp_31"
+            android:layout_marginBottom="@dimen/dp_42"
+            android:background="@drawable/bg_v2x_event_type_red_vr"
+            android:gravity="center"
+            android:paddingLeft="@dimen/dp_10"
+            android:paddingTop="@dimen/dp_2"
+            android:paddingRight="@dimen/dp_10"
+            android:paddingBottom="@dimen/dp_3"
+            android:textColor="#fff"
+            android:textSize="@dimen/module_v2x_event_type_title_text_size"
+            android:textStyle="bold"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            tools:text="道路施工" />
+
+
+        <ImageView
+            android:id="@+id/ivEventDistanceLogo"
+            android:layout_width="@dimen/dp_35"
+            android:layout_height="@dimen/dp_35"
+            android:layout_marginTop="@dimen/dp_5"
+            android:src="@drawable/v2x_icon_help_navi"
             android:visibility="gone"
             app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/tvEventAddress" />
+
+        <TextView
+            android:id="@+id/tvEventDistance"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="@dimen/dp_10"
+            android:alpha="0.6"
+            android:textColor="@color/v2x_FFF_666"
+            android:textSize="@dimen/module_v2x_event_sub_title_text_size"
+            android:visibility="gone"
+            app:layout_constraintBottom_toBottomOf="@id/ivEventDistanceLogo"
+            app:layout_constraintStart_toEndOf="@id/ivEventDistanceLogo"
+            app:layout_constraintTop_toTopOf="@id/ivEventDistanceLogo"
+            tools:text="距离 300m" />
+
+        <TextView
+            android:id="@+id/tvEventTime"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="@dimen/dp_30"
+            android:alpha="0.6"
+            android:textColor="@color/v2x_FFF_999"
+            android:textSize="@dimen/module_v2x_event_sub_title_text_size"
+            android:visibility="gone"
+            app:layout_constraintBottom_toBottomOf="@id/ivEventDistanceLogo"
+            app:layout_constraintStart_toEndOf="@+id/tvEventDistance"
+            app:layout_constraintTop_toTopOf="@id/ivEventDistanceLogo"
+            tools:text="2020/01/02 12:54" />
+
+        <com.mogo.service.imageloader.MogoImageView
+            android:id="@+id/ivEventHead"
+            android:layout_width="@dimen/module_v2x_event_head_size"
+            android:layout_height="@dimen/module_v2x_event_head_size"
+            android:layout_marginEnd="@dimen/dp_28"
+            android:visibility="gone"
+            app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintTop_toTopOf="parent"
-            tools:visibility="visible" />
+            app:miv_borderColor="#4cffffff"
+            app:miv_failureHolder="@drawable/icon_default_user_head"
+            app:miv_overlayImageId="@drawable/icon_default_user_head"
+            app:miv_placeHolder="@drawable/icon_default_user_head"
+            app:miv_shape="circle"
+            app:miv_shapeBorderWidth="@dimen/dp_4" />
 
-        <ImageView
-            android:id="@+id/ivEventReportTrue"
-            android:layout_width="@dimen/module_v2x_event_button_size_detail_vr"
-            android:layout_height="@dimen/module_v2x_event_button_size_detail_vr"
-            android:padding="@dimen/dp_15"
+        <LinearLayout
+            android:id="@+id/rightLinear"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginRight="@dimen/dp_34"
+            android:layout_marginBottom="@dimen/dp_26"
+            android:gravity="center"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/tvEventAddress"
+            app:layout_constraintTop_toTopOf="parent">
+
+            <ImageView
+                android:id="@+id/ivEventLive"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginLeft="@dimen/dp_10"
+                android:padding="@dimen/dp_15"
+                android:src="@drawable/selector_live_btn_vr"
+                android:visibility="gone"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                tools:visibility="visible" />
+
+            <ImageView
+                android:id="@+id/ivEventReportTrue"
+                android:layout_width="@dimen/module_v2x_event_button_size_detail_vr"
+                android:layout_height="@dimen/module_v2x_event_button_size_detail_vr"
+                android:padding="@dimen/dp_15"
+                android:scaleType="fitXY"
+                android:src="@drawable/v2x_selector_icon_report_true"
+                android:visibility="gone"
+                app:layout_constraintBottom_toBottomOf="@+id/ivEventLive"
+                app:layout_constraintStart_toEndOf="@id/ivEventLive"
+                app:layout_goneMarginLeft="@dimen/dp_10"
+                tools:visibility="visible" />
+
+            <ImageView
+                android:id="@+id/ivEventReportErr"
+                android:layout_width="@dimen/module_v2x_event_button_size_detail_vr"
+                android:layout_height="@dimen/module_v2x_event_button_size_detail_vr"
+                android:padding="@dimen/dp_15"
+                android:src="@drawable/v2x_selector_icon_report_err"
+                android:visibility="gone"
+                app:layout_constraintBottom_toBottomOf="@+id/ivEventLive"
+                app:layout_constraintStart_toEndOf="@id/ivEventReportTrue"
+                app:layout_goneMarginLeft="@dimen/dp_10"
+                tools:visibility="visible" />
+
+            <ImageView
+                android:id="@+id/ivEventCallChart"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:padding="@dimen/dp_15"
+                android:src="@drawable/selector_talk_btn_vr"
+                android:visibility="gone"
+                app:layout_constraintBottom_toBottomOf="@+id/ivEventLive"
+                app:layout_constraintStart_toEndOf="@id/ivEventReportErr"
+                app:layout_goneMarginLeft="@dimen/dp_10"
+                tools:visibility="visible" />
+
+            <ImageView
+                android:id="@+id/ivEventEventNav"
+                android:layout_width="@dimen/module_v2x_event_button_size_detail_vr"
+                android:layout_height="@dimen/module_v2x_event_button_size_detail_vr"
+                android:padding="@dimen/dp_15"
+                android:src="@drawable/selector_nav_btn"
+                android:visibility="gone"
+                app:layout_constraintBottom_toBottomOf="@+id/ivEventLive"
+                app:layout_constraintStart_toEndOf="@id/ivEventCallChart"
+                app:layout_goneMarginLeft="@dimen/dp_10"
+                tools:visibility="visible" />
+
+            <com.mogo.module.v2x.view.HeartLikeView
+                android:id="@+id/ivEventZan"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:padding="@dimen/dp_15"
+                android:visibility="gone"
+                app:layout_constraintBottom_toBottomOf="@+id/ivEventLive"
+                app:layout_constraintStart_toEndOf="@id/ivEventEventNav"
+                app:layout_goneMarginLeft="@dimen/dp_10"
+                tools:visibility="visible" />
+
+        </LinearLayout>
+
+        <TextView
+            android:id="@+id/tvEventAddress"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="@dimen/dp_15"
+            android:layout_marginTop="@dimen/dp_5"
+            android:layout_marginBottom="4dp"
+            android:maxLines="1"
+            android:textColor="#FFFFFF"
+            android:textSize="@dimen/dp_40"
+            android:textStyle="bold"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/rightLinear"
+            app:layout_constraintHorizontal_bias="1.0"
+            app:layout_constraintStart_toEndOf="@+id/ivEventImg"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintVertical_bias="0.363"
+            tools:text="东城区北三环中路辅路小黄庄路口当前位置属于测试数据,看一下换行" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="wrap_content"
+        android:layout_height="@dimen/dp_140"
+        android:background="@drawable/bg_v2x_event_bg">
+
+        <com.mogo.service.imageloader.MogoImageView
+            android:id="@+id/iv_event"
+            android:layout_width="@dimen/dp_100"
+            android:layout_height="@dimen/dp_100"
             android:scaleType="fitXY"
-            android:src="@drawable/v2x_selector_icon_report_true"
-            android:visibility="gone"
-            app:layout_constraintBottom_toBottomOf="@+id/ivEventLive"
-            app:layout_constraintStart_toEndOf="@id/ivEventLive"
-            app:layout_goneMarginLeft="@dimen/dp_10"
-            tools:visibility="visible" />
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            android:layout_marginLeft="@dimen/dp_30"
+            app:miv_failureHolder="@drawable/v2x_icon_live_logo"
+            app:miv_overlayImageId="@drawable/v2x_icon_live_logo"
+            app:miv_placeHolder="@drawable/v2x_icon_live_logo"
+            app:miv_topLeftRadius="@dimen/dp_20" />
 
-        <ImageView
-            android:id="@+id/ivEventReportErr"
-            android:layout_width="@dimen/module_v2x_event_button_size_detail_vr"
-            android:layout_height="@dimen/module_v2x_event_button_size_detail_vr"
-            android:padding="@dimen/dp_15"
-            android:src="@drawable/v2x_selector_icon_report_err"
-            android:visibility="gone"
-            app:layout_constraintBottom_toBottomOf="@+id/ivEventLive"
-            app:layout_constraintStart_toEndOf="@id/ivEventReportTrue"
-            app:layout_goneMarginLeft="@dimen/dp_10"
-            tools:visibility="visible" />
-
-        <ImageView
-            android:id="@+id/ivEventCallChart"
+        <TextView
+            android:id="@+id/tv_event"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:padding="@dimen/dp_15"
-            android:src="@drawable/selector_talk_btn_vr"
-            android:visibility="gone"
-            app:layout_constraintBottom_toBottomOf="@+id/ivEventLive"
-            app:layout_constraintStart_toEndOf="@id/ivEventReportErr"
-            app:layout_goneMarginLeft="@dimen/dp_10"
-            tools:visibility="visible" />
+            android:maxWidth="@dimen/dp_480"
+            android:paddingLeft="@dimen/dp_40"
+            android:paddingRight="@dimen/dp_40"
+            android:textColor="@color/v2x_white"
+            android:textSize="@dimen/dp_32"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/iv_event"
+            app:layout_constraintTop_toTopOf="parent" />
 
-        <ImageView
-            android:id="@+id/ivEventEventNav"
-            android:layout_width="@dimen/module_v2x_event_button_size_detail_vr"
-            android:layout_height="@dimen/module_v2x_event_button_size_detail_vr"
-            android:padding="@dimen/dp_15"
-            android:src="@drawable/selector_nav_btn"
-            android:visibility="gone"
-            app:layout_constraintBottom_toBottomOf="@+id/ivEventLive"
-            app:layout_constraintStart_toEndOf="@id/ivEventCallChart"
-            app:layout_goneMarginLeft="@dimen/dp_10"
-            tools:visibility="visible" />
+        <TextView
+            android:layout_width="@dimen/dp_0_5"
+            android:layout_height="@dimen/dp_70"
+            android:background="@color/v2x_white"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/tv_play"
+            app:layout_constraintStart_toEndOf="@+id/tv_event"
+            app:layout_constraintTop_toTopOf="parent" />
 
-        <com.mogo.module.v2x.view.HeartLikeView
-            android:id="@+id/ivEventZan"
+        <TextView
+            android:id="@+id/tv_play"
             android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:padding="@dimen/dp_15"
-            android:visibility="gone"
-            app:layout_constraintBottom_toBottomOf="@+id/ivEventLive"
-            app:layout_constraintStart_toEndOf="@id/ivEventEventNav"
-            app:layout_goneMarginLeft="@dimen/dp_10"
-            tools:visibility="visible" />
-
-    </LinearLayout>
-
-    <TextView
-        android:id="@+id/tvEventAddress"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="@dimen/dp_15"
-        android:layout_marginTop="@dimen/dp_5"
-        android:layout_marginBottom="4dp"
-        android:maxLines="1"
-        android:textColor="#FFFFFF"
-        android:textSize="@dimen/dp_40"
-        android:textStyle="bold"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toStartOf="@+id/rightLinear"
-        app:layout_constraintHorizontal_bias="1.0"
-        app:layout_constraintStart_toEndOf="@+id/ivEventImg"
-        app:layout_constraintTop_toTopOf="parent"
-        app:layout_constraintVertical_bias="0.363"
-        tools:text="东城区北三环中路辅路小黄庄路口当前位置属于测试数据,看一下换行" />
-
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+            android:layout_height="@dimen/dp_140"
+            android:gravity="center"
+            android:paddingLeft="@dimen/dp_40"
+            android:paddingRight="@dimen/dp_40"
+            android:text="播放"
+            android:textColor="@color/v2x_event_play_text"
+            android:textSize="@dimen/dp_30"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</LinearLayout>
\ No newline at end of file
diff --git a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_fault_help_vr.xml b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_fault_help_vr.xml
index 8f3f4abc39..76ddb7d31a 100644
--- a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_fault_help_vr.xml
+++ b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_fault_help_vr.xml
@@ -2,29 +2,23 @@
 <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:layout_width="@dimen/dp_822"
-    android:layout_height="@dimen/dp_182"
+    android:layout_width="@dimen/dp_800"
+    android:layout_height="@dimen/dp_140"
     android:layout_marginTop="@dimen/dp_8"
-    android:background="@drawable/v2x_tip_bg"
+    android:background="@drawable/bg_v2x_event_bg"
     tools:layout_height="wrap_content">
 
     <androidx.constraintlayout.widget.ConstraintLayout
         android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="@dimen/dp_30"
-        android:layout_marginTop="@dimen/dp_15"
-        android:layout_marginBottom="@dimen/dp_34"
+        android:layout_height="@dimen/dp_140"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent">
 
         <com.mogo.service.imageloader.MogoImageView
             android:id="@+id/ivFaultHelpHead"
-            android:layout_width="60dp"
-            android:layout_height="60dp"
-            android:layout_alignParentEnd="true"
-            android:layout_alignParentBottom="true"
-            android:layout_marginEnd="@dimen/dp_31"
+            android:layout_width="@dimen/dp_140"
+            android:layout_height="@dimen/dp_140"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="@+id/rlRoadEventList"
             app:layout_constraintStart_toStartOf="parent"
@@ -36,21 +30,20 @@
 
         <TextView
             android:id="@+id/tvImgTextContent"
-            android:layout_width="@dimen/dp_120"
+            android:layout_width="@dimen/dp_80"
             android:layout_height="@dimen/dp_35"
             android:layout_marginTop="15dp"
             android:background="@drawable/bg_v2x_event_type_orange_vr"
             android:gravity="center"
-            android:paddingStart="@dimen/dp_27"
+
             android:paddingTop="@dimen/dp_2"
-            android:paddingEnd="@dimen/dp_23"
+
             android:paddingBottom="@dimen/dp_5"
             android:text="求助"
             android:textColor="@android:color/white"
             android:textSize="@dimen/module_v2x_event_type_title_text_size"
             android:textStyle="bold"
             app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintEnd_toEndOf="@+id/ivFaultHelpHead"
             app:layout_constraintStart_toStartOf="@id/ivFaultHelpHead"
             app:layout_constraintVertical_chainStyle="packed" />
 
diff --git a/modules/mogo-module-v2x/src/main/res/values-ldpi/dimens.xml b/modules/mogo-module-v2x/src/main/res/values-ldpi/dimens.xml
index d6b4a75755..d705650afe 100644
--- a/modules/mogo-module-v2x/src/main/res/values-ldpi/dimens.xml
+++ b/modules/mogo-module-v2x/src/main/res/values-ldpi/dimens.xml
@@ -76,7 +76,7 @@
     <dimen name="module_v2x_widow_top_gaps">6px</dimen>
 
     <!--适配 V2X 弹窗 UI-->
-    <dimen name="module_v2x_event_type_title_text_size">13px</dimen>
+    <dimen name="module_v2x_event_type_title_text_size">10px</dimen>
     <dimen name="module_v2x_event_title_text_size">20px</dimen>
     <dimen name="module_v2x_event_sub_title_text_size">16px</dimen>
     <dimen name="module_v2x_event_head_size">31px</dimen>
diff --git a/modules/mogo-module-v2x/src/main/res/values-mdpi/dimens.xml b/modules/mogo-module-v2x/src/main/res/values-mdpi/dimens.xml
index a211bb52c0..a580148415 100644
--- a/modules/mogo-module-v2x/src/main/res/values-mdpi/dimens.xml
+++ b/modules/mogo-module-v2x/src/main/res/values-mdpi/dimens.xml
@@ -76,7 +76,7 @@
     <dimen name="module_v2x_widow_top_gaps">3px</dimen>
 
     <!--适配 V2X 弹窗 UI-->
-    <dimen name="module_v2x_event_type_title_text_size">13px</dimen>
+    <dimen name="module_v2x_event_type_title_text_size">10px</dimen>
     <dimen name="module_v2x_event_title_text_size">20px</dimen>
     <dimen name="module_v2x_event_sub_title_text_size">16px</dimen>
     <dimen name="module_v2x_event_head_size">31px</dimen>
diff --git a/modules/mogo-module-v2x/src/main/res/values-xhdpi-1920x1000/dimens.xml b/modules/mogo-module-v2x/src/main/res/values-xhdpi-1920x1000/dimens.xml
index b409158f76..091c72520e 100644
--- a/modules/mogo-module-v2x/src/main/res/values-xhdpi-1920x1000/dimens.xml
+++ b/modules/mogo-module-v2x/src/main/res/values-xhdpi-1920x1000/dimens.xml
@@ -57,7 +57,7 @@
     <dimen name="module_v2x_panel_tab_height">158px</dimen>
 
     <!--适配 V2X 弹窗 UI-->
-    <dimen name="module_v2x_event_type_title_text_size">24px</dimen>
+    <dimen name="module_v2x_event_type_title_text_size">20px</dimen>
     <dimen name="module_v2x_event_title_text_size">36px</dimen>
     <dimen name="module_v2x_event_sub_title_text_size">28px</dimen>
     <dimen name="module_v2x_event_head_size">55px</dimen>
diff --git a/modules/mogo-module-v2x/src/main/res/values-xhdpi/dimens.xml b/modules/mogo-module-v2x/src/main/res/values-xhdpi/dimens.xml
index c7a3b52117..72faf8b470 100644
--- a/modules/mogo-module-v2x/src/main/res/values-xhdpi/dimens.xml
+++ b/modules/mogo-module-v2x/src/main/res/values-xhdpi/dimens.xml
@@ -76,7 +76,7 @@
 
 
     <!--适配 V2X 弹窗 UI-->
-    <dimen name="module_v2x_event_type_title_text_size">24px</dimen>
+    <dimen name="module_v2x_event_type_title_text_size">16px</dimen>
     <dimen name="module_v2x_event_title_text_size">36px</dimen>
     <dimen name="module_v2x_event_sub_title_text_size">28px</dimen>
     <dimen name="module_v2x_event_head_size">55px</dimen>
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 f6c7f09042..cb5b32ca4c 100644
--- a/modules/mogo-module-v2x/src/main/res/values/colors.xml
+++ b/modules/mogo-module-v2x/src/main/res/values/colors.xml
@@ -17,5 +17,7 @@
     <color name="v2x_000_FFF">#000000</color>
     <color name="v2x_FFF_2896FF">#FFF</color>
     <color name="v2x_share_des_title_color">#4DFFFFFF</color>
+    <color name="v2x_event_play_text">#4C83FF</color>
+
     <color name="v2x_FF3036">#FF3036</color>
 </resources>
\ No newline at end of file
diff --git a/modules/mogo-module-v2x/src/main/res/values/dimens.xml b/modules/mogo-module-v2x/src/main/res/values/dimens.xml
index b5010d51ee..0a94e3dc59 100644
--- a/modules/mogo-module-v2x/src/main/res/values/dimens.xml
+++ b/modules/mogo-module-v2x/src/main/res/values/dimens.xml
@@ -72,7 +72,7 @@
     <dimen name="useful_image_padding_right">52px</dimen>
 
     <!--适配 V2X 弹窗 UI-->
-    <dimen name="module_v2x_event_type_title_text_size">13px</dimen>
+    <dimen name="module_v2x_event_type_title_text_size">8px</dimen>
     <dimen name="module_v2x_event_title_text_size">20px</dimen>
     <dimen name="module_v2x_event_sub_title_text_size">16px</dimen>
     <dimen name="module_v2x_event_head_size">31px</dimen>