diff --git a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/V2XSurroundingDetailAdapter.java b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/V2XSurroundingDetailAdapter.java
index 08c4d3abe2..69dac71345 100644
--- a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/V2XSurroundingDetailAdapter.java
+++ b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/V2XSurroundingDetailAdapter.java
@@ -16,6 +16,7 @@ import com.mogo.module.v2x.R;
 import com.mogo.module.v2x.V2XConst;
 import com.mogo.module.v2x.adapter.holder.V2XSurroundingDetailVH;
 import com.mogo.module.v2x.entity.panel.SurroundingConstruction;
+import com.mogo.module.v2x.listener.SurroundingDetailItemListener;
 import com.mogo.module.v2x.utils.RoadConditionUtils;
 import com.mogo.module.v2x.view.HeartLikeView;
 import com.mogo.module.v2x.view.HeartUnLikeView;
@@ -39,10 +40,12 @@ public class V2XSurroundingDetailAdapter extends RecyclerView.Adapter<V2XSurroun
     private HeartLikeView mHeartLikeView;
     private HeartUnLikeView mUnHeartLikeView;
 
+    private SurroundingDetailItemListener mListener;
 
-    public V2XSurroundingDetailAdapter(Context context, List<MarkerExploreWay> list) {
+    public V2XSurroundingDetailAdapter(Context context, List<MarkerExploreWay> list, SurroundingDetailItemListener listener) {
         mContext = context;
         markerExploreWays = list;
+        mListener = listener;
     }
 
     @Override
@@ -77,18 +80,19 @@ public class V2XSurroundingDetailAdapter extends RecyclerView.Adapter<V2XSurroun
         mAddressTv.setText(exploreWay.getAddr());
         mTimeTv.setText(DateTimeUtils.getTimeText(exploreWay.getGenerateTime(), DateTimeUtils.MM_Yue_dd_Ri_HH_mm));
 
+        Logger.d(V2XConst.MODULE_NAME, "exploreWay.isFabulous() = " + exploreWay.isFabulous());
         showView(exploreWay.isFabulous());
 
         mHeartLikeView.setOnClickCallListener(v -> {
             Logger.d(V2XConst.MODULE_NAME, "反馈有用 position = " + position);
             roadReportTrue(exploreWay);
-            showView(true);
+            mListener.onItemClickListener(v, position, exploreWay);
         });
 
         mUnHeartLikeView.setOnClickCallListener(v -> {
             Logger.d(V2XConst.MODULE_NAME, "反馈无用 position = " + position);
             roadReportErr(exploreWay);
-            showView(true);
+            mListener.onItemClickListener(v, position, exploreWay);
         });
     }
 
diff --git a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/fragment/V2XEventPanelFragment.kt b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/fragment/V2XEventPanelFragment.kt
index 62d57d394c..ed07ebdbe9 100644
--- a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/fragment/V2XEventPanelFragment.kt
+++ b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/fragment/V2XEventPanelFragment.kt
@@ -32,6 +32,7 @@ import com.mogo.module.v2x.adapter.V2XEventPagerAdapter
 import com.mogo.module.v2x.adapter.V2XSurroundingDetailAdapter
 import com.mogo.module.v2x.entity.panel.BackRefreshInfo
 import com.mogo.module.v2x.entity.panel.SurroundingConstruction
+import com.mogo.module.v2x.listener.SurroundingDetailItemListener
 import com.mogo.module.v2x.presenter.EventPanelPresenter
 import com.mogo.module.v2x.utils.TrackUtils
 import com.mogo.module.v2x.view.V2XEventPanelHistoryCountView
@@ -49,7 +50,7 @@ import org.greenrobot.eventbus.ThreadMode
  *
  * @author tongchenfei
  */
-class V2XEventPanelFragment : MvpFragment<V2XEventPanelFragment, EventPanelPresenter>() {
+class V2XEventPanelFragment : MvpFragment<V2XEventPanelFragment, EventPanelPresenter>() , SurroundingDetailItemListener {
 
     private val TAG = "EventPanelFragment"
 
@@ -267,10 +268,14 @@ class V2XEventPanelFragment : MvpFragment<V2XEventPanelFragment, EventPanelPrese
         selectWithItem(item)
     }
 
+    override fun onItemClickListener(v: View?, position: Int, exploreWay: MarkerExploreWay?) {
+        markerExploreWays[position].isFabulous = true
+        mSurroundingDetailAdapter.notifyItemChanged(position)
+    }
 
     private fun initDetail() {
         mDetailRecyclerView!!.addItemDecoration(SpacesItemDecoration(resources.getDimension(R.dimen.share_item_padding).toInt()))
-        mSurroundingDetailAdapter = V2XSurroundingDetailAdapter(activity, markerExploreWays)
+        mSurroundingDetailAdapter = V2XSurroundingDetailAdapter(activity, markerExploreWays, this)
         mDetailRecyclerView!!.adapter = mSurroundingDetailAdapter
         val linearLayoutManager = LinearLayoutManager(activity, LinearLayoutManager.VERTICAL, false)
         mDetailRecyclerView!!.layoutManager = linearLayoutManager
diff --git a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/listener/SurroundingDetailItemListener.java b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/listener/SurroundingDetailItemListener.java
new file mode 100644
index 0000000000..1290e78670
--- /dev/null
+++ b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/listener/SurroundingDetailItemListener.java
@@ -0,0 +1,15 @@
+package com.mogo.module.v2x.listener;
+
+import android.view.View;
+
+import com.mogo.module.common.entity.MarkerExploreWay;
+import com.mogo.module.v2x.entity.panel.SurroundingConstruction;
+
+/**
+ * @author lixiaopeng
+ * @description
+ * @since 2020/8/10
+ */
+public interface SurroundingDetailItemListener {
+    void onItemClickListener(View v, int position, MarkerExploreWay exploreWay);
+}
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable-mdpi/module_carchatting_team_fragment_close_normal_light.png b/skin/mogo-skin-light/src/main/module-callchat-res/drawable-mdpi/module_carchatting_team_fragment_close_normal_light.png
new file mode 100644
index 0000000000..b9dbf0d3b5
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-callchat-res/drawable-mdpi/module_carchatting_team_fragment_close_normal_light.png differ
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable-mdpi/module_carchatting_team_fragment_close_pressed_light.png b/skin/mogo-skin-light/src/main/module-callchat-res/drawable-mdpi/module_carchatting_team_fragment_close_pressed_light.png
new file mode 100644
index 0000000000..6717a937ec
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-callchat-res/drawable-mdpi/module_carchatting_team_fragment_close_pressed_light.png differ
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable-mdpi/module_carchatting_team_invitation_head_default_light.png b/skin/mogo-skin-light/src/main/module-callchat-res/drawable-mdpi/module_carchatting_team_invitation_head_default_light.png
new file mode 100644
index 0000000000..866e774abe
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-callchat-res/drawable-mdpi/module_carchatting_team_invitation_head_default_light.png differ
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable-xhdpi/module_carchatting_team_fragment_close_normal_light.png b/skin/mogo-skin-light/src/main/module-callchat-res/drawable-xhdpi/module_carchatting_team_fragment_close_normal_light.png
new file mode 100644
index 0000000000..50ebd6ee07
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-callchat-res/drawable-xhdpi/module_carchatting_team_fragment_close_normal_light.png differ
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable-xhdpi/module_carchatting_team_fragment_close_pressed_light.png b/skin/mogo-skin-light/src/main/module-callchat-res/drawable-xhdpi/module_carchatting_team_fragment_close_pressed_light.png
new file mode 100644
index 0000000000..04dab00b7b
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-callchat-res/drawable-xhdpi/module_carchatting_team_fragment_close_pressed_light.png differ
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable-xhdpi/module_carchatting_team_invitation_head_default_light.png b/skin/mogo-skin-light/src/main/module-callchat-res/drawable-xhdpi/module_carchatting_team_invitation_head_default_light.png
new file mode 100644
index 0000000000..9a95ce565f
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-callchat-res/drawable-xhdpi/module_carchatting_team_invitation_head_default_light.png differ
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_callchatting_user_pop_call_bg_light.xml b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_callchatting_user_pop_call_bg_light.xml
index c28d17cd1e..7fbd9c986f 100644
--- a/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_callchatting_user_pop_call_bg_light.xml
+++ b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_callchatting_user_pop_call_bg_light.xml
@@ -1,8 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<shape xmlns:android="http://schemas.android.com/apk/res/android">
-    <gradient
-        android:angle="45"
-        android:endColor="#E6E6E6"
-        android:startColor="#DDDDDD" />
-    <corners android:radius="@dimen/dp_16" />
-</shape>
\ No newline at end of file
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/module_callchatting_user_pop_call_bg_normal_light" android:state_pressed="false" />
+    <item android:drawable="@drawable/module_callchatting_user_pop_call_bg_pressed_light" android:state_pressed="true" />
+</selector>
\ No newline at end of file
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_callchatting_user_pop_call_bg_normal_light.xml b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_callchatting_user_pop_call_bg_normal_light.xml
new file mode 100644
index 0000000000..5f061fe6cf
--- /dev/null
+++ b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_callchatting_user_pop_call_bg_normal_light.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <corners android:radius="@dimen/dp_16" />
+    <gradient
+        android:angle="0"
+        android:endColor="#E6E6E6"
+        android:startColor="#DDDDDD" />
+
+</shape>
\ No newline at end of file
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_callchatting_user_pop_call_bg_pressed_light.xml b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_callchatting_user_pop_call_bg_pressed_light.xml
new file mode 100644
index 0000000000..23d84302eb
--- /dev/null
+++ b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_callchatting_user_pop_call_bg_pressed_light.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <corners android:radius="@dimen/dp_16" />
+    <gradient
+        android:angle="0"
+        android:endColor="#CBCBCB"
+        android:startColor="#C0C0C0" />
+
+</shape>
\ No newline at end of file
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_fragment_bg_light.xml b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_fragment_bg_light.xml
new file mode 100644
index 0000000000..f3dad33abd
--- /dev/null
+++ b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_fragment_bg_light.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <corners android:radius="@dimen/dp_30" />
+    <solid android:color="#F5F5F5" />
+</shape>
\ No newline at end of file
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_fragment_close_light.xml b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_fragment_close_light.xml
new file mode 100644
index 0000000000..24a1efd3b6
--- /dev/null
+++ b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_fragment_close_light.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/module_carchatting_team_fragment_close_normal_light" android:state_pressed="false" />
+    <item android:drawable="@drawable/module_carchatting_team_fragment_close_pressed_light" android:state_pressed="true" />
+</selector>
\ No newline at end of file
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_invitation_bg_light.xml b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_invitation_bg_light.xml
new file mode 100644
index 0000000000..20b19e2b3a
--- /dev/null
+++ b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_invitation_bg_light.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <corners android:radius="@dimen/dp_30" />
+    <gradient
+        android:angle="180"
+        android:endColor="#F5F5F5"
+        android:startColor="#FFFFFF" />
+</shape>
\ No newline at end of file
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_invitation_head_default_light.png b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_invitation_head_default_light.png
new file mode 100644
index 0000000000..9a95ce565f
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_invitation_head_default_light.png differ
diff --git a/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_teammate_bg_light.xml b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_teammate_bg_light.xml
new file mode 100644
index 0000000000..830309ff21
--- /dev/null
+++ b/skin/mogo-skin-light/src/main/module-callchat-res/drawable/module_carchatting_team_teammate_bg_light.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <corners android:radius="@dimen/dp_23" />
+    <solid android:color="#DADADA" />
+</shape>
\ No newline at end of file