diff --git a/modules/mogo-module-tanlu/build.gradle b/modules/mogo-module-tanlu/build.gradle
index 4110051bd6..6bb1edb229 100644
--- a/modules/mogo-module-tanlu/build.gradle
+++ b/modules/mogo-module-tanlu/build.gradle
@@ -46,12 +46,14 @@ dependencies {
         implementation rootProject.ext.dependencies.mogocommons
         implementation rootProject.ext.dependencies.mogoserviceapi
         implementation rootProject.ext.dependencies.modulecommon
+        implementation rootProject.ext.dependencies.moduleservice
     } else {
         implementation project(":libraries:mogo-map")
         implementation project(":foudations:mogo-utils")
         api project(":foudations:mogo-commons")
         implementation project(':services:mogo-service-api')
         implementation project(':modules:mogo-module-common')
+        implementation project(':modules:mogo-module-service')
     }
     implementation rootProject.ext.dependencies.androidxappcompat
     implementation rootProject.ext.dependencies.androidxconstraintlayout
diff --git a/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/fragment/TanluCardViewFragment.java b/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/fragment/TanluCardViewFragment.java
index df85830cf9..3abfaf7578 100644
--- a/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/fragment/TanluCardViewFragment.java
+++ b/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/fragment/TanluCardViewFragment.java
@@ -25,6 +25,7 @@ import com.mogo.map.search.geo.MogoPoiItem;
 import com.mogo.map.search.poisearch.IMogoPoiSearchListener;
 import com.mogo.map.search.poisearch.MogoPoiResult;
 import com.mogo.map.uicontroller.EnumMapUI;
+import com.mogo.module.service.entity.MarkerExploreWay;
 import com.mogo.service.MogoServicePaths;
 import com.mogo.service.imageloader.IMogoImageLoaderListener;
 import com.mogo.service.imageloader.IMogoImageloader;
@@ -60,13 +61,12 @@ public class TanluCardViewFragment extends MvpFragment<IView, Presenter<IView>>
 
     //map
     private IMogoMarker mPoiMarker;
-//    private int position = -1;
+    //    private int position = -1;
     private IMogoMarkerManager mMarkerManager;
     private IMogoMapService mMogoMapService;
 
     //media
     private GSYVideoOptionBuilder gsyVideoOptionBuilder = new GSYVideoOptionBuilder();
-    //    private String videoUrl = "";
     private String videoUrl = "http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8";
     private String imageUrl = "https://oimagec4.ydstatic.com/image?id=-5397300958976572132&product=adpublish&w=520&h=347";
     SimpleCoverVideoPlayer simpleCoverVideoPlayer;
@@ -75,6 +75,7 @@ public class TanluCardViewFragment extends MvpFragment<IView, Presenter<IView>>
     private TextView mPreviousTv;
     private TextView mNextTv;
 
+    private List<MarkerExploreWay> markerExploreWayList;
 
     @Override
     protected int getLayoutId() {
@@ -189,11 +190,26 @@ public class TanluCardViewFragment extends MvpFragment<IView, Presenter<IView>>
      */
     @Override
     public boolean onMarkerClicked(IMogoMarker marker) {
-        marker.getObject();
+        //点击marker以后，确认他的位置？然后点击下一个操作
+        MarkerExploreWay exploreWay = (MarkerExploreWay) marker.getObject();
+
 
         return true;
     }
 
+    /**
+     * 刷新单个数据,更新位置positon TODO
+     */
+//    private void refreshSingleData() {
+//        markerExploreWayList
+//    }
+
+    /**
+     *
+     * @return
+     */
+//    private void
+
 
     @NonNull
     @Override
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable/shape_bg_222533.xml b/modules/mogo-module-tanlu/src/main/res/drawable/shape_bg_222533.xml
index 18f8f6ba5b..12b869a5ff 100644
--- a/modules/mogo-module-tanlu/src/main/res/drawable/shape_bg_222533.xml
+++ b/modules/mogo-module-tanlu/src/main/res/drawable/shape_bg_222533.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android">
-    <corners android:radius="6dp" />
-    <solid android:color="@color/color_A2A2A2"/>
+    <corners android:radius="5dp" />
+    <solid android:color="@color/color_DADAE2"/>
 </shape>
\ No newline at end of file
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable/shape_bg_222533_10px.xml b/modules/mogo-module-tanlu/src/main/res/drawable/shape_bg_222533_10px.xml
new file mode 100644
index 0000000000..793a82f62b
--- /dev/null
+++ b/modules/mogo-module-tanlu/src/main/res/drawable/shape_bg_222533_10px.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="10dp" />
+    <solid android:color="@color/color_F8F8F8"/>
+</shape>
\ No newline at end of file
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable/shape_bg_222533_6px_top.xml b/modules/mogo-module-tanlu/src/main/res/drawable/shape_bg_222533_6px_top.xml
deleted file mode 100644
index 2835c0389f..0000000000
--- a/modules/mogo-module-tanlu/src/main/res/drawable/shape_bg_222533_6px_top.xml
+++ /dev/null
@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<shape xmlns:android="http://schemas.android.com/apk/res/android">
-    <corners android:topLeftRadius="6dp"
-            android:topRightRadius="6dp"
-            android:bottomLeftRadius="0dp"
-            android:bottomRightRadius="0dp"/>
-    <solid android:color="@color/color_222533"/>
-</shape>
\ No newline at end of file
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable/shape_bg_222533_9px.xml b/modules/mogo-module-tanlu/src/main/res/drawable/shape_bg_222533_9px.xml
new file mode 100644
index 0000000000..3ac5215724
--- /dev/null
+++ b/modules/mogo-module-tanlu/src/main/res/drawable/shape_bg_222533_9px.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="10dp" />
+    <solid android:color="@color/color_222533"/>
+</shape>
\ No newline at end of file
diff --git a/modules/mogo-module-tanlu/src/main/res/layout/tanlu_activity_media_full.xml b/modules/mogo-module-tanlu/src/main/res/layout/tanlu_activity_media_full.xml
index aada8efa34..a90d871523 100644
--- a/modules/mogo-module-tanlu/src/main/res/layout/tanlu_activity_media_full.xml
+++ b/modules/mogo-module-tanlu/src/main/res/layout/tanlu_activity_media_full.xml
@@ -15,21 +15,20 @@
         android:clickable="true"
         android:longClickable="true" />
 
-
     <!--顶部区域-->
     <androidx.constraintlayout.widget.ConstraintLayout
         android:id="@+id/constraintLayout_media"
         android:layout_width="match_parent"
-        android:layout_height="84dp"
-        android:background="@color/color_323131"
+        android:layout_height="66dp"
+        android:background="@color/color_191C25"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent">
 
         <ImageView
             android:id="@+id/iv_media_back"
-            android:layout_width="45dp"
-            android:layout_height="45dp"
-            android:layout_marginLeft="16dp"
+            android:layout_width="30dp"
+            android:layout_height="30dp"
+            android:layout_marginLeft="22dp"
             android:layout_marginTop="18dp"
             android:clickable="true"
             android:src="@drawable/public_arrow_back_iv"
@@ -40,13 +39,13 @@
             android:id="@+id/tv_media_title_content"
             android:layout_width="560dp"
             android:layout_height="wrap_content"
-            android:layout_marginTop="28dp"
+            android:layout_marginTop="20dp"
             android:ellipsize="end"
             android:gravity="center"
             android:maxWidth="560dp"
             android:maxLines="1"
             android:textColor="@color/white"
-            android:textSize="20dp"
+            android:textSize="19dp"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent" />
@@ -54,12 +53,12 @@
         <TextView
             android:id="@+id/tv_media_title_time"
             android:layout_width="wrap_content"
-            android:layout_height="21dp"
-            android:layout_marginTop="28dp"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="21dp"
             android:layout_marginRight="50dp"
             android:gravity="center"
             android:textColor="@color/white"
-            android:textSize="18dp"
+            android:textSize="13dp"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintTop_toTopOf="parent" />
     </androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/modules/mogo-module-tanlu/src/main/res/layout/tanlu_item_main_media_recycler.xml b/modules/mogo-module-tanlu/src/main/res/layout/tanlu_item_main_media_recycler.xml
index 49a58a51d0..a04b8566c3 100644
--- a/modules/mogo-module-tanlu/src/main/res/layout/tanlu_item_main_media_recycler.xml
+++ b/modules/mogo-module-tanlu/src/main/res/layout/tanlu_item_main_media_recycler.xml
@@ -1,46 +1,63 @@
 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    android:layout_width="400dp"
-    android:layout_height="400dp"
-    android:layout_marginTop="30dp">
+    android:layout_width="330dp"
+    android:layout_height="330dp"
+    android:background="@drawable/shape_bg_222533_10px">
 
     <!--顶部view-->
     <RelativeLayout
         android:id="@+id/layout_top_view"
         android:layout_width="match_parent"
-        android:layout_height="94dp"
-        android:background="@drawable/shape_bg_222533_6px_top">
-
+        android:layout_height="wrap_content">
         <TextView
             android:id="@+id/tv_information_media_content"
             android:layout_width="match_parent"
-            android:layout_height="28dp"
-            android:layout_marginLeft="20dp"
-            android:layout_marginTop="22dp"
-            android:layout_marginRight="20dp"
+            android:layout_height="wrap_content"
+            android:layout_marginLeft="16dp"
+            android:layout_marginTop="25dp"
+            android:layout_marginRight="16dp"
             android:ellipsize="end"
             android:gravity="center_vertical"
             android:maxLines="1"
             android:text="@string/main_empty_location"
-            android:textColor="@color/white"
-            android:textSize="22dp" />
+            android:textColor="@color/color_3"
+            android:textStyle="bold"
+            android:textSize="18dp" />
 
         <TextView
             android:id="@+id/tv_distance_video"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_below="@+id/tv_information_media_content"
-            android:layout_marginLeft="20dp"
-            android:layout_marginTop="3dp"
-            android:layout_marginBottom="18dp"
-            android:textSize="20dp" />
+            android:layout_marginLeft="16dp"
+            android:layout_marginTop="2dp"
+            android:layout_marginBottom="5dp"
+            android:text="666KM"
+            android:textColor="@color/color_666666"
+            android:textStyle="bold"
+            android:textSize="13dp" />
+
+        <TextView
+            android:id="@+id/tv_information_media_time"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginRight="16dp"
+            android:layout_below="@+id/tv_information_media_content"
+            android:layout_alignParentRight="true"
+            android:layout_centerVertical="true"
+            android:text="2019-10-10"
+            android:textColor="@color/color_999999"
+            android:textSize="13dp" />
     </RelativeLayout>
 
     <!--视频播放器和图片播放器-->
     <RelativeLayout
         android:id="@+id/media_layout"
-        android:layout_width="400dp"
-        android:layout_height="225dp"
+        android:layout_width="298dp"
+        android:layout_height="177dp"
+        android:layout_marginLeft="16dp"
+        android:layout_marginRight="16dp"
+        android:background="@drawable/shape_bg_222533_9px"
         android:layout_below="@+id/layout_top_view">
 
         <com.mogo.tanlu.video.SimpleCoverVideoPlayer
@@ -53,77 +70,43 @@
             android:id="@+id/tanlu_photo_imageView"
             android:layout_width="match_parent"
             android:layout_height="match_parent" />
-
     </RelativeLayout>
 
     <!--底部view-->
     <RelativeLayout
         android:layout_width="match_parent"
-        android:layout_height="80dp"
-        android:layout_below="@+id/media_layout"
-        android:background="@drawable/shape_bg_222533_6px_bottom">
-
-        <ImageView
-            android:id="@+id/username_image_video"
-            android:layout_width="40dp"
-            android:layout_height="40dp"
-            android:layout_centerVertical="true"
-            android:layout_marginLeft="20dp"
-            android:src="@mipmap/ic_launcher"
-            android:visibility="gone" />
-
-        <TextView
-            android:id="@+id/tv_username_video"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_centerVertical="true"
-            android:layout_marginLeft="10dp"
-            android:layout_toRightOf="@+id/username_image_video"
-            android:text="你好小智"
-            android:textColor="@color/white"
-            android:textSize="18dp"
-            android:visibility="gone" />
-
-        <TextView
-            android:id="@+id/tv_information_media_time"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_alignParentRight="true"
-            android:layout_centerVertical="true"
-            android:paddingLeft="15dp"
-            android:paddingRight="17dp"
-            android:text="2019-10-10"
-            android:textColor="@color/color_9A9A9A"
-            android:textSize="16dp"
-            android:visibility="gone" />
-
+        android:layout_height="wrap_content"
+        android:layout_marginTop="10dp"
+        android:layout_marginBottom="21dp"
+        android:layout_below="@+id/media_layout">
 
         <TextView
             android:id="@+id/tv_previous_res"
-            android:layout_width="110dp"
+            android:layout_width="142dp"
             android:layout_height="45dp"
             android:layout_centerVertical="true"
-            android:layout_marginLeft="35dp"
+            android:layout_marginLeft="16dp"
             android:background="@drawable/shape_bg_222533"
             android:gravity="center_vertical|center_horizontal"
-            android:text="上一个"
-            android:textColor="@color/white"
-            android:textSize="18dp" />
-
+            android:drawableLeft="@drawable/default_image"
+            android:text="@string/tanlu_previous"
+            android:textColor="@color/color_545362"
+            android:textSize="13dp" />
 
         <TextView
             android:id="@+id/tv_next_res"
-            android:layout_width="110dp"
+            android:layout_width="142dp"
             android:layout_height="45dp"
             android:layout_alignParentRight="true"
             android:layout_centerVertical="true"
-            android:layout_marginRight="35dp"
+            android:layout_marginRight="16dp"
             android:background="@drawable/shape_bg_222533"
             android:gravity="center_vertical|center_horizontal"
-            android:text="下一个"
-            android:textColor="@color/white"
-            android:textSize="18dp" />
-
+            android:drawableRight="@drawable/default_image"
+            android:text="@string/tanlu_next"
+            android:paddingRight="10dp"
+            android:textColor="@color/color_545362"
+            android:textSize="13dp" />
     </RelativeLayout>
 
 </RelativeLayout>
\ No newline at end of file
diff --git a/modules/mogo-module-tanlu/src/main/res/values/colors.xml b/modules/mogo-module-tanlu/src/main/res/values/colors.xml
index 0ed1b64aeb..6c0dd2590f 100644
--- a/modules/mogo-module-tanlu/src/main/res/values/colors.xml
+++ b/modules/mogo-module-tanlu/src/main/res/values/colors.xml
@@ -25,8 +25,16 @@
     <color name="color_213142">#213142</color>
     <color name="white_alpha20">#33FFFFFF</color>
     <color name="color_B3000000">#B3000000</color>
-    <color name="color_3">#333333</color>
     <color name="color_0091FF">#0091FF</color>
     <color name="color_d9000000">#d9000000</color>
     <color name="red_tips">#FF1B1B</color>
+
+    <color name="color_F8F8F8">#F8F8F8</color>
+    <color name="color_3">#333333</color>
+    <color name="color_DADAE2">#DADAE2</color>
+    <color name="color_545362">#545362</color>
+    <color name="color_191C25">#99191C25</color>
+    <color name="color_666666">#666666</color>
+    <color name="color_999999">#999999</color>
+
 </resources>
diff --git a/modules/mogo-module-tanlu/src/main/res/values/strings.xml b/modules/mogo-module-tanlu/src/main/res/values/strings.xml
index 624c47aa7f..b6fc8a1bd9 100644
--- a/modules/mogo-module-tanlu/src/main/res/values/strings.xml
+++ b/modules/mogo-module-tanlu/src/main/res/values/strings.xml
@@ -15,6 +15,9 @@
     <string name="voice_get_informations_tts">为您找到%s条路况信息</string>
     <string name="start_mogo_car_connect">开启小智车联</string>
     <string name="start_mogo_share">共享计划</string>
+    <string name="tanlu_previous">上一条</string>
+    <string name="tanlu_next">下一条</string>
+
 
     <array name="searching_voice_string_array">
         <item >正在为您搜索路况</item>