diff --git a/modules/mogo-module-tanlu/src/main/java/com/mogo/module/tanlu/fragment/recycler/TanluSlideAdapterNew.java b/modules/mogo-module-tanlu/src/main/java/com/mogo/module/tanlu/fragment/recycler/TanluSlideAdapterNew.java
index edba6ffed2..3cea0b5b49 100644
--- a/modules/mogo-module-tanlu/src/main/java/com/mogo/module/tanlu/fragment/recycler/TanluSlideAdapterNew.java
+++ b/modules/mogo-module-tanlu/src/main/java/com/mogo/module/tanlu/fragment/recycler/TanluSlideAdapterNew.java
@@ -66,7 +66,7 @@ public class TanluSlideAdapterNew extends RecyclerView.Adapter<TanluSlideViewHol
     private TextView mDistanceTv;
     private TextView mTimeTv;
     private SimpleCoverVideoPlayer simpleCoverVideoPlayer;
-    private ImageView autoZoomInImageView;
+    private MogoImageView autoZoomInImageView;
     private MogoImageView mHeadImage;
     private ImageView mChatImage;
     private ImageView mLikeImage;
@@ -330,19 +330,18 @@ public class TanluSlideAdapterNew extends RecyclerView.Adapter<TanluSlideViewHol
             simpleCoverVideoPlayer.setVisibility(GONE);
             autoZoomInImageView.setVisibility(View.VISIBLE);
             //加载图片
-            RequestOptions requestOptions = new RequestOptions()
-                    .placeholder(R.drawable.tanlu_normal_image)
-                    .error(R.drawable.tanlu_normal_image);
+//            RequestOptions requestOptions = new RequestOptions()
+//                    .placeholder(R.drawable.tanlu_normal_image)
+//                    .error(R.drawable.tanlu_normal_image);
+//
 //            Glide.with(mContext)
+//                    .asBitmap()
 //                    .load(mImageUrl)
 //                    .apply(requestOptions)
-//                    .into(autoZoomInImageView);
+//                    .into(new SkinAbleBitmapTarget(autoZoomInImageView, requestOptions));
+
+            mogoImageloader.displayImage(mImageUrl, autoZoomInImageView);
 
-            Glide.with(mContext)
-                    .asBitmap()
-                    .load(mImageUrl)
-                    .apply(requestOptions)
-                    .into(new SkinAbleBitmapTarget(autoZoomInImageView, requestOptions));
         }
 
         traceVideoPlayStatusData();
@@ -372,14 +371,16 @@ public class TanluSlideAdapterNew extends RecyclerView.Adapter<TanluSlideViewHol
         autoZoomInImageView.setVisibility(View.VISIBLE);
         Logger.d(TAG, "refreshPhotoData imageUrl = " + imageUrl);
         //加载图片
-        RequestOptions requestOptions = new RequestOptions()
-                .placeholder(R.drawable.tanlu_normal_image)
-                .error(R.drawable.tanlu_normal_image);
-        Glide.with(mContext)
-                .asBitmap()
-                .load(imageUrl)
-                .apply(requestOptions)
-                .into(new SkinAbleBitmapTarget(autoZoomInImageView, requestOptions));
+//        RequestOptions requestOptions = new RequestOptions()
+//                .placeholder(R.drawable.tanlu_normal_image)
+//                .error(R.drawable.tanlu_normal_image);
+//        Glide.with(mContext)
+//                .asBitmap()
+//                .load(imageUrl)
+//                .apply(requestOptions)
+//                .into(new SkinAbleBitmapTarget(autoZoomInImageView, requestOptions));
+
+        mogoImageloader.displayImage(imageUrl, autoZoomInImageView);
     }
 
 
@@ -468,19 +469,19 @@ public class TanluSlideAdapterNew extends RecyclerView.Adapter<TanluSlideViewHol
                 typeName = "封路";
                 break;
             case TanluConstants.TANLU_ROAD_CONSTRUCTION:
-                typeName = "道路施工";
+                typeName = "施工";
                 break;
             case TanluConstants.TANLU_ROAD_CONGESTION_COMPAT:
-                typeName = "道路拥堵";
+                typeName = "拥堵";
                 break;
             case TanluConstants.TANLU_ROAD_PONDING:
                 typeName = "道路积水";
                 break;
             case TanluConstants.TANLU_ROAD_ICING:
-                typeName = "路面结冰";
+                typeName = "道路结冰";
                 break;
             case TanluConstants.TANLU_ROAD_HEAVY_FOG:
-                typeName = "出现浓雾";
+                typeName = "浓雾";
                 break;
             case TanluConstants.TANLU_ROAD_ACCIDENT:
                 typeName = "交通事故";
diff --git a/modules/mogo-module-tanlu/src/main/java/com/mogo/module/tanlu/video/SimpleCoverVideoPlayer.kt b/modules/mogo-module-tanlu/src/main/java/com/mogo/module/tanlu/video/SimpleCoverVideoPlayer.kt
index c66fbead76..3096e93c88 100644
--- a/modules/mogo-module-tanlu/src/main/java/com/mogo/module/tanlu/video/SimpleCoverVideoPlayer.kt
+++ b/modules/mogo-module-tanlu/src/main/java/com/mogo/module/tanlu/video/SimpleCoverVideoPlayer.kt
@@ -58,7 +58,7 @@ class SimpleCoverVideoPlayer : StandardGSYVideoPlayer {
     fun loadCoverImage(url: String, mContext: Context) {
         //加载图片
         val requestOptions = RequestOptions()
-                .placeholder(R.drawable.tanlu_normal_image)
+//                .placeholder(R.drawable.tanlu_normal_image)
                 .error(R.drawable.tanlu_normal_image)
         Glide.with(mContext).asBitmap()
             .load(url)
diff --git a/modules/mogo-module-tanlu/src/main/java/com/mogo/module/tanlu/view/RoundLayout.java b/modules/mogo-module-tanlu/src/main/java/com/mogo/module/tanlu/view/RoundLayout.java
index 9ca0a4784f..5912f8c56a 100644
--- a/modules/mogo-module-tanlu/src/main/java/com/mogo/module/tanlu/view/RoundLayout.java
+++ b/modules/mogo-module-tanlu/src/main/java/com/mogo/module/tanlu/view/RoundLayout.java
@@ -8,7 +8,11 @@ import android.graphics.RectF;
 import android.util.AttributeSet;
 import android.widget.RelativeLayout;
 
+import androidx.annotation.DrawableRes;
+
 import com.mogo.module.tanlu.R;
+import com.mogo.skin.support.IMogoSkinCompatSupportable;
+import com.mogo.skin.support.helper.MogoSkinCompatBackgroundHelperDelegate;
 
 /**
  * author : donghongyu
@@ -17,29 +21,34 @@ import com.mogo.module.tanlu.R;
  * desc   :
  * version: 1.0
  */
-public class RoundLayout extends RelativeLayout {
+public class RoundLayout extends RelativeLayout implements IMogoSkinCompatSupportable {
     private float roundLayoutRadius = 14f;
     private Path roundPath;
     private RectF rectF;
+    private MogoSkinCompatBackgroundHelperDelegate mBackgroundTintHelper;
 
     public RoundLayout(Context context) {
         this(context, null);
     }
 
-    public RoundLayout(Context context, AttributeSet attrs, int defStyleAttr) {
-        this(context, attrs);
+    public RoundLayout(Context context, AttributeSet attrs) {
+        this(context, attrs, 0);
     }
 
-    public RoundLayout(Context context, AttributeSet attrs) {
-        super(context, attrs);
+    public RoundLayout(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
 
         TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RoundLayout);
         roundLayoutRadius = typedArray.getDimensionPixelSize(R.styleable.RoundLayout_roundLayoutRadius, (int) roundLayoutRadius);
         typedArray.recycle();
 
         init();
+
+        mBackgroundTintHelper = new MogoSkinCompatBackgroundHelperDelegate(this);
+        mBackgroundTintHelper.loadFromAttributes(attrs, defStyleAttr);
     }
 
+
     private void init() {
         setWillNotDraw(false);//如果你继承的是ViewGroup,注意此行,否则draw方法是不会回调的;
         roundPath = new Path();
@@ -58,6 +67,15 @@ public class RoundLayout extends RelativeLayout {
         postInvalidate();
     }
 
+
+    @Override
+    public void setBackgroundResource(@DrawableRes int resId) {
+        super.setBackgroundResource(resId);
+        if (mBackgroundTintHelper != null) {
+            mBackgroundTintHelper.onSetBackgroundResource(resId);
+        }
+    }
+
     @Override
     protected void onLayout(boolean changed, int l, int t, int r, int b) {
         super.onLayout(changed, l, t, r, b);
@@ -72,5 +90,13 @@ public class RoundLayout extends RelativeLayout {
         }
         super.draw(canvas);
     }
+
+    @Override
+    public void applySkin() {
+        if (mBackgroundTintHelper != null) {
+            mBackgroundTintHelper.applySkin();
+        }
+    }
+
 }
 
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable-ldpi/tanlu_default_black_logo.png b/modules/mogo-module-tanlu/src/main/res/drawable-ldpi/tanlu_default_black_logo.png
deleted file mode 100644
index 5480b6d165..0000000000
Binary files a/modules/mogo-module-tanlu/src/main/res/drawable-ldpi/tanlu_default_black_logo.png and /dev/null differ
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable-ldpi/tanlu_icon_logo.png b/modules/mogo-module-tanlu/src/main/res/drawable-ldpi/tanlu_icon_logo.png
new file mode 100644
index 0000000000..957c298fd6
Binary files /dev/null and b/modules/mogo-module-tanlu/src/main/res/drawable-ldpi/tanlu_icon_logo.png differ
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable-mdpi/tanlu_default_black_logo.png b/modules/mogo-module-tanlu/src/main/res/drawable-mdpi/tanlu_default_black_logo.png
deleted file mode 100644
index 5480b6d165..0000000000
Binary files a/modules/mogo-module-tanlu/src/main/res/drawable-mdpi/tanlu_default_black_logo.png and /dev/null differ
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable-mdpi/tanlu_icon_logo.png b/modules/mogo-module-tanlu/src/main/res/drawable-mdpi/tanlu_icon_logo.png
new file mode 100644
index 0000000000..957c298fd6
Binary files /dev/null and b/modules/mogo-module-tanlu/src/main/res/drawable-mdpi/tanlu_icon_logo.png differ
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi-1920x1000/tanlu_default_black_logo.png b/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi-1920x1000/tanlu_default_black_logo.png
deleted file mode 100644
index e02a57044f..0000000000
Binary files a/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi-1920x1000/tanlu_default_black_logo.png and /dev/null differ
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi-1920x1000/tanlu_icon_logo.png b/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi-1920x1000/tanlu_icon_logo.png
new file mode 100644
index 0000000000..dabf25dbbb
Binary files /dev/null and b/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi-1920x1000/tanlu_icon_logo.png differ
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi-1920x1000/tanlu_top_bg.9.png b/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi-1920x1000/tanlu_top_bg.9.png
new file mode 100644
index 0000000000..f5010b2c44
Binary files /dev/null and b/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi-1920x1000/tanlu_top_bg.9.png differ
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi/tanlu_default_black_logo.png b/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi/tanlu_default_black_logo.png
deleted file mode 100644
index e02a57044f..0000000000
Binary files a/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi/tanlu_default_black_logo.png and /dev/null differ
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi/tanlu_icon_logo.png b/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi/tanlu_icon_logo.png
new file mode 100644
index 0000000000..dabf25dbbb
Binary files /dev/null and b/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi/tanlu_icon_logo.png differ
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi/tanlu_top_bg.9.png b/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi/tanlu_top_bg.9.png
new file mode 100644
index 0000000000..f5010b2c44
Binary files /dev/null and b/modules/mogo-module-tanlu/src/main/res/drawable-xhdpi/tanlu_top_bg.9.png differ
diff --git a/modules/mogo-module-tanlu/src/main/res/drawable/shape_tanlu_top_bg.xml b/modules/mogo-module-tanlu/src/main/res/drawable/shape_tanlu_top_bg.xml
new file mode 100644
index 0000000000..7ef399ca1a
--- /dev/null
+++ b/modules/mogo-module-tanlu/src/main/res/drawable/shape_tanlu_top_bg.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+<!--    <corners android:radius="4dp"/>-->
+    <solid android:color="@color/tanlu_555A_F5F5"/>
+
+</shape>
\ No newline at end of file
diff --git a/modules/mogo-module-tanlu/src/main/res/layout/tanlu_item_main_media_recycler_new.xml b/modules/mogo-module-tanlu/src/main/res/layout/tanlu_item_main_media_recycler_new.xml
index 1bc521c085..622a231939 100644
--- a/modules/mogo-module-tanlu/src/main/res/layout/tanlu_item_main_media_recycler_new.xml
+++ b/modules/mogo-module-tanlu/src/main/res/layout/tanlu_item_main_media_recycler_new.xml
@@ -2,29 +2,17 @@
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
-    android:layout_height="@dimen/tanlu_module_card_height"
-    xmlns:tools="http://schemas.android.com/tools"
-    android:background="@drawable/tanlu_gradual_change_bg">
-
-    <!--视频播放器和图片播放器-->
-    <!--    <RelativeLayout-->
-    <!--        android:id="@+id/media_layout"-->
-    <!--        android:layout_width="@dimen/tanlu_module_card_video_width"-->
-    <!--        android:layout_height="match_parent"-->
-    <!--        android:layout_marginTop="@dimen/tanlu_module_card_margin_left"-->
-    <!--        android:layout_marginBottom="@dimen/tanlu_module_card_margin_left"-->
-    <!--        android:layout_marginRight="@dimen/tanlu_module_margin_right"-->
-    <!--        android:layout_marginLeft="@dimen/tanlu_module_card_margin_left">-->
-
+    android:layout_height="@dimen/tanlu_module_card_height">
+    <!--    android:background="@drawable/tanlu_gradual_change_bg"-->
     <com.mogo.module.tanlu.view.RoundLayout
         android:id="@+id/media_layout"
         android:layout_width="@dimen/tanlu_module_card_video_width"
-        android:layout_height="match_parent"
+        android:layout_height="@dimen/tanlu_module_card_video_height"
         android:layout_marginLeft="@dimen/tanlu_module_card_margin_left"
         android:layout_marginTop="@dimen/tanlu_module_card_margin_left"
         android:layout_marginRight="@dimen/tanlu_module_margin_right"
         android:layout_marginBottom="@dimen/tanlu_module_card_margin_left"
-        android:background="@drawable/tanlu_gradual_change_bg">
+        android:background="@drawable/shape_tanlu_top_bg">
 
         <com.mogo.module.tanlu.video.SimpleCoverVideoPlayer
             android:id="@+id/video_player_main"
@@ -33,16 +21,23 @@
             android:layout_centerInParent="true"
             android:visibility="gone" />
 
-        <ImageView
+        <com.mogo.service.imageloader.MogoImageView
             android:id="@+id/tanlu_photo_imageView"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
-            android:layout_centerVertical="true"
-            android:src="@drawable/tanlu_normal_image"
-            android:scaleType="fitXY" />
-    </com.mogo.module.tanlu.view.RoundLayout>
+            android:scaleType="center"
+            app:miv_failureHolder="@drawable/tanlu_icon_logo"
+            app:miv_overlayImageId="@drawable/tanlu_icon_logo"
+            app:miv_placeHolder="@drawable/tanlu_icon_logo" />
 
-    <!--    </RelativeLayout>-->
+        <!--        <ImageView-->
+        <!--            android:id="@+id/tanlu_photo_imageView"-->
+        <!--            android:layout_width="match_parent"-->
+        <!--            android:layout_height="match_parent"-->
+        <!--            android:layout_centerVertical="true"-->
+        <!--            android:src="@drawable/tanlu_normal_image"-->
+        <!--            android:scaleType="fitXY" />-->
+    </com.mogo.module.tanlu.view.RoundLayout>
 
     <!--右侧数据-->
     <RelativeLayout
@@ -141,16 +136,16 @@
                 android:layout_width="@dimen/tanlu_image_size"
                 android:layout_height="@dimen/tanlu_image_size"
                 android:layout_marginRight="@dimen/tanlu_module_margin_left"
-                android:visibility="gone"
-                android:src="@drawable/selector_chat_btn" />
+                android:src="@drawable/selector_chat_btn"
+                android:visibility="gone" />
 
             <LinearLayout
                 android:id="@+id/tanlu_like_layout"
                 android:layout_width="@dimen/tanlu_image_size"
                 android:layout_height="@dimen/tanlu_image_size"
+                android:layout_toRightOf="@+id/tanlu_chat_imageView"
                 android:background="@drawable/icon_heart_like_bg"
-                android:gravity="center"
-                android:layout_toRightOf="@+id/tanlu_chat_imageView">
+                android:gravity="center">
 
                 <ImageView
                     android:id="@+id/tanlu_like_imageView"
@@ -164,8 +159,8 @@
                 android:id="@+id/tanlu_close_imageView"
                 android:layout_width="@dimen/tanlu_module_close_height"
                 android:layout_height="@dimen/tanlu_module_close_height"
-                android:layout_centerInParent="true"
                 android:layout_alignParentRight="true"
+                android:layout_centerInParent="true"
                 android:layout_marginRight="@dimen/tanlu_module_margin_right"
                 android:src="@drawable/selector_btn_close" />
 
diff --git a/modules/mogo-module-tanlu/src/main/res/layout/tanlu_main_media_recycler_new.xml b/modules/mogo-module-tanlu/src/main/res/layout/tanlu_main_media_recycler_new.xml
index e4c7898356..6bafcfdbbb 100644
--- a/modules/mogo-module-tanlu/src/main/res/layout/tanlu_main_media_recycler_new.xml
+++ b/modules/mogo-module-tanlu/src/main/res/layout/tanlu_main_media_recycler_new.xml
@@ -1,14 +1,16 @@
 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout 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="match_parent"
-    android:layout_height="@dimen/tanlu_module_card_height"
+    android:layout_height="match_parent"
     android:layout_alignParentRight="true"
-    android:background="@drawable/tanlu_gradual_change_bg">
+    android:background="@drawable/tanlu_top_bg">
 
     <androidx.recyclerview.widget.RecyclerView
         android:id="@+id/tanlu_rloop_recycleview"
         android:layout_width="match_parent"
-        android:layout_height="match_parent" />
-
+        android:layout_height="match_parent"
+        />
+<!--    tools:listitem="@layout/tanlu_item_main_media_recycler_new"-->
 </RelativeLayout>
\ No newline at end of file
diff --git a/modules/mogo-module-tanlu/src/main/res/values-mdpi/dimens.xml b/modules/mogo-module-tanlu/src/main/res/values-mdpi/dimens.xml
index a1e06f3f9c..2daeba4505 100644
--- a/modules/mogo-module-tanlu/src/main/res/values-mdpi/dimens.xml
+++ b/modules/mogo-module-tanlu/src/main/res/values-mdpi/dimens.xml
@@ -77,14 +77,14 @@
 
     <!--new-->
     <dimen name="tanlu_module_card_width">642px</dimen>
-    <dimen name="tanlu_module_card_height">170px</dimen>
-    <dimen name="tanlu_module_card_video_width">234px</dimen>
-    <dimen name="tanlu_module_card_video_height">156px</dimen>
+    <dimen name="tanlu_module_card_height">186px</dimen>
+    <dimen name="tanlu_module_card_video_width">250px</dimen>
+    <dimen name="tanlu_module_card_video_height">172px</dimen>
     <dimen name="tanlu_module_close_height">45px</dimen>
 
     <dimen name="tanlu_module_card_margin_top">13px</dimen>
     <dimen name="tanlu_module_card_margin_left">8px</dimen>
-    <dimen name="tanlu_module_margin_right">13px</dimen>
+    <dimen name="tanlu_module_margin_right">7px</dimen>
     <dimen name="tanlu_module_margin_left">17px</dimen>
     <dimen name="tanlu_module_margin_top">3px</dimen>
     <dimen name="tanlu_module_mavi_height">18px</dimen>
diff --git a/modules/mogo-module-tanlu/src/main/res/values-xhdpi-1920x1000/dimens.xml b/modules/mogo-module-tanlu/src/main/res/values-xhdpi-1920x1000/dimens.xml
index a3ea0c5760..35ac4ea9c3 100644
--- a/modules/mogo-module-tanlu/src/main/res/values-xhdpi-1920x1000/dimens.xml
+++ b/modules/mogo-module-tanlu/src/main/res/values-xhdpi-1920x1000/dimens.xml
@@ -77,14 +77,14 @@
 
     <!--new-->
     <dimen name="tanlu_module_card_width">1233px</dimen>
-    <dimen name="tanlu_module_card_height">300px</dimen>
+    <dimen name="tanlu_module_card_height">326px</dimen>
     <dimen name="tanlu_module_card_video_width">480px</dimen>
-    <dimen name="tanlu_module_card_video_height">270px</dimen>
+    <dimen name="tanlu_module_card_video_height">280px</dimen>
     <dimen name="tanlu_module_close_height">80px</dimen>
     
     <dimen name="tanlu_module_card_margin_top">19px</dimen>
-    <dimen name="tanlu_module_card_margin_left">13px</dimen>
-    <dimen name="tanlu_module_margin_right">23px</dimen>
+    <dimen name="tanlu_module_card_margin_left">12px</dimen>
+    <dimen name="tanlu_module_margin_right">12px</dimen>
     <dimen name="tanlu_module_margin_left">30px</dimen>
     <dimen name="tanlu_module_margin_top">9px</dimen>
     <dimen name="tanlu_module_mavi_height">27px</dimen>
diff --git a/modules/mogo-module-tanlu/src/main/res/values-xhdpi/dimens.xml b/modules/mogo-module-tanlu/src/main/res/values-xhdpi/dimens.xml
index caf019b61c..205767293e 100644
--- a/modules/mogo-module-tanlu/src/main/res/values-xhdpi/dimens.xml
+++ b/modules/mogo-module-tanlu/src/main/res/values-xhdpi/dimens.xml
@@ -77,14 +77,14 @@
 
     <!--new-->
     <dimen name="tanlu_module_card_width">1060px</dimen>
-    <dimen name="tanlu_module_card_height">306px</dimen>
+    <dimen name="tanlu_module_card_height">326px</dimen>
     <dimen name="tanlu_module_card_video_width">421px</dimen>
     <dimen name="tanlu_module_card_video_height">280px</dimen>
     <dimen name="tanlu_module_close_height">80px</dimen>
 
     <dimen name="tanlu_module_card_margin_top">19px</dimen>
-    <dimen name="tanlu_module_card_margin_left">13px</dimen>
-    <dimen name="tanlu_module_margin_right">23px</dimen>
+    <dimen name="tanlu_module_card_margin_left">5px</dimen>
+    <dimen name="tanlu_module_margin_right">0px</dimen>
     <dimen name="tanlu_module_margin_left">30px</dimen>
     <dimen name="tanlu_module_margin_top">9px</dimen>
     <dimen name="tanlu_module_mavi_height">27px</dimen>
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 ff1c78b482..a552d06283 100644
--- a/modules/mogo-module-tanlu/src/main/res/values/colors.xml
+++ b/modules/mogo-module-tanlu/src/main/res/values/colors.xml
@@ -51,5 +51,6 @@
     <color name="tanlu_dialog_bt_right_color">#50526E</color>
     <color name="tanlu_top_bg_startcolor">#5E6079</color>
     <color name="tanlu_top_bg_endcolor">#3F4057</color>
+    <color name="tanlu_555A_F5F5">#555A75</color>
 
 </resources>
diff --git a/modules/mogo-module-tanlu/src/main/res/values/dimens.xml b/modules/mogo-module-tanlu/src/main/res/values/dimens.xml
index caa0a414c4..2daeba4505 100644
--- a/modules/mogo-module-tanlu/src/main/res/values/dimens.xml
+++ b/modules/mogo-module-tanlu/src/main/res/values/dimens.xml
@@ -77,14 +77,14 @@
 
     <!--new-->
     <dimen name="tanlu_module_card_width">642px</dimen>
-    <dimen name="tanlu_module_card_height">194px</dimen>
-    <dimen name="tanlu_module_card_video_width">266px</dimen>
-    <dimen name="tanlu_module_card_video_height">194px</dimen>
+    <dimen name="tanlu_module_card_height">186px</dimen>
+    <dimen name="tanlu_module_card_video_width">250px</dimen>
+    <dimen name="tanlu_module_card_video_height">172px</dimen>
     <dimen name="tanlu_module_close_height">45px</dimen>
 
     <dimen name="tanlu_module_card_margin_top">13px</dimen>
     <dimen name="tanlu_module_card_margin_left">8px</dimen>
-    <dimen name="tanlu_module_margin_right">13px</dimen>
+    <dimen name="tanlu_module_margin_right">7px</dimen>
     <dimen name="tanlu_module_margin_left">17px</dimen>
     <dimen name="tanlu_module_margin_top">3px</dimen>
     <dimen name="tanlu_module_mavi_height">18px</dimen>
diff --git a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/V2XSurroundingAdapter.java b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/V2XSurroundingAdapter.java
index 82f1820538..80287bf5f9 100644
--- a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/V2XSurroundingAdapter.java
+++ b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/V2XSurroundingAdapter.java
@@ -191,10 +191,10 @@ public class V2XSurroundingAdapter extends RecyclerView.Adapter<V2XSurroundingVi
                 typeName = "封路";
                 break;
             case MarkerPoiTypeEnum.FOURS_ICE:
-                typeName = "路面结冰";
+                typeName = "道路结冰";
                 break;
             case MarkerPoiTypeEnum.FOURS_FOG:
-                typeName = "出现浓雾";
+                typeName = "浓雾";
                 break;
             case MarkerPoiTypeEnum.TRAFFIC_CHECK:
                 typeName = "交通检查";
@@ -203,10 +203,10 @@ public class V2XSurroundingAdapter extends RecyclerView.Adapter<V2XSurroundingVi
                 typeName = "交通事故";
                 break;
             case MarkerPoiTypeEnum.FOURS_BLOCK_UP:
-                typeName = "道路拥堵";
+                typeName = "拥堵";
                 break;
             case MarkerPoiTypeEnum.FOURS_ROAD_WORK:
-                typeName = "道路施工";
+                typeName = "施工";
                 break;
             case MarkerPoiTypeEnum.FOURS_PONDING:
                 typeName = "道路积水";
diff --git a/modules/mogo-module-v2x/src/main/res/drawable-ldpi/v2x_surrounding_bottom_bg.png b/modules/mogo-module-v2x/src/main/res/drawable-ldpi/v2x_surrounding_bottom_bg.png
new file mode 100644
index 0000000000..5a9ca34e56
Binary files /dev/null and b/modules/mogo-module-v2x/src/main/res/drawable-ldpi/v2x_surrounding_bottom_bg.png differ
diff --git a/modules/mogo-module-v2x/src/main/res/drawable-mdpi/v2x_surrounding_bottom_bg.png b/modules/mogo-module-v2x/src/main/res/drawable-mdpi/v2x_surrounding_bottom_bg.png
new file mode 100644
index 0000000000..5a9ca34e56
Binary files /dev/null and b/modules/mogo-module-v2x/src/main/res/drawable-mdpi/v2x_surrounding_bottom_bg.png differ
diff --git a/modules/mogo-module-v2x/src/main/res/drawable-xhdpi-1920x1000/v2x_surrounding_bottom_bg.png b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi-1920x1000/v2x_surrounding_bottom_bg.png
new file mode 100644
index 0000000000..ef5069632f
Binary files /dev/null and b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi-1920x1000/v2x_surrounding_bottom_bg.png differ
diff --git a/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_surrounding_bottom_bg.png b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_surrounding_bottom_bg.png
new file mode 100644
index 0000000000..ef5069632f
Binary files /dev/null and b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/v2x_surrounding_bottom_bg.png differ
diff --git a/modules/mogo-module-v2x/src/main/res/layout/module_event_panel_fragment_surrounding.xml b/modules/mogo-module-v2x/src/main/res/layout/module_event_panel_fragment_surrounding.xml
index 423d2f4831..c09cc9f93d 100644
--- a/modules/mogo-module-v2x/src/main/res/layout/module_event_panel_fragment_surrounding.xml
+++ b/modules/mogo-module-v2x/src/main/res/layout/module_event_panel_fragment_surrounding.xml
@@ -22,14 +22,16 @@
                 android:layout_marginLeft="@dimen/module_v2x_surrounding_margin_left"
                 android:text="周围5公里，共15条交通信息"
                 android:textColor="@color/v2x_white"
+                android:layout_marginBottom="2px"
                 android:textSize="@dimen/module_v2x_surrounding_top_textsize" />
 
+<!--            android:layout_centerInParent="true"-->
             <TextView
                 android:id="@+id/tv_top_refresh"
                 android:layout_width="@dimen/module_v2x_surrounding_top_bt_width"
                 android:layout_height="@dimen/module_v2x_surrounding_top_bt_height"
                 android:layout_alignParentRight="true"
-                android:layout_centerInParent="true"
+                android:layout_alignParentBottom="true"
                 android:layout_marginRight="@dimen/module_v2x_surrounding_margin_left"
                 android:background="@drawable/bg_v2x_refresh"
                 android:gravity="center"
diff --git a/modules/mogo-module-v2x/src/main/res/layout/module_fragment_surrounding_event_item.xml b/modules/mogo-module-v2x/src/main/res/layout/module_fragment_surrounding_event_item.xml
index 60a45c7535..c763494007 100644
--- a/modules/mogo-module-v2x/src/main/res/layout/module_fragment_surrounding_event_item.xml
+++ b/modules/mogo-module-v2x/src/main/res/layout/module_fragment_surrounding_event_item.xml
@@ -9,11 +9,11 @@
         android:scaleType="fitXY"
         android:layout_width="match_parent"
         android:layout_height="match_parent" />
-<!--    android:src="@drawable/mogo_image_nongwu_nor"-->
+<!--    android:src="@drawable/mogo_image_nongwu_nor" bg_v2x_event_surrounding_item_bottom-->
 
     <RelativeLayout
         android:layout_alignParentBottom="true"
-        android:background="@drawable/bg_v2x_event_surrounding_item_bottom"
+        android:background="@drawable/v2x_surrounding_bottom_bg"
         android:layout_width="match_parent"
         android:layout_height="@dimen/module_v2x_surrounding_item_bottom">
 
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 23c2a7b011..179a600a5d 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
@@ -39,10 +39,10 @@
     <dimen name="module_v2x_surrounding_empty_bt_width">150px</dimen>
     <dimen name="module_v2x_surrounding_empty_bt_height">48px</dimen>
     <dimen name="module_v2x_surrounding_empty_bt_margin_top">32px</dimen>
-    <dimen name="module_v2x_surrounding_root_margin_left">10px</dimen>
-    <dimen name="module_v2x_surrounding_margin_left">10px</dimen>
+    <dimen name="module_v2x_surrounding_root_margin_left">28px</dimen>
+    <dimen name="module_v2x_surrounding_margin_left">28px</dimen>
     <dimen name="module_v2x_surrounding_empty_image_height">190px</dimen>
-    <dimen name="module_v2x_surrounding_item_height">173px</dimen>
+    <dimen name="module_v2x_surrounding_item_height">170px</dimen>
     <dimen name="module_v2x_surrounding_item_bottom">43px</dimen>
     <dimen name="module_v2x_surrounding_item_bottom_image_height">26px</dimen>
     <dimen name="module_v2x_surrounding_item_marigin_left">12px</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 deaa4519ee..93b3fe83b1 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
@@ -23,7 +23,7 @@
 
     <dimen name="module_v2x_history_event_icon_size">80px</dimen>
 
-    <dimen name="module_v2x_surrounding_item_bottom_size">10px</dimen>
+    <dimen name="module_v2x_surrounding_item_bottom_size">15px</dimen>
     <dimen name="module_v2x_map_left">550px</dimen>
     <dimen name="module_v2x_map_top">200px</dimen>
     <dimen name="module_v2x_map_right">200px</dimen>
@@ -36,8 +36,8 @@
     <dimen name="module_v2x_surrounding_empty_bt_width">270px</dimen>
     <dimen name="module_v2x_surrounding_empty_bt_height">86px</dimen>
     <dimen name="module_v2x_surrounding_empty_bt_margin_top">58px</dimen>
-    <dimen name="module_v2x_surrounding_root_margin_left">10px</dimen>
-    <dimen name="module_v2x_surrounding_margin_left">10px</dimen>
+    <dimen name="module_v2x_surrounding_root_margin_left">48px</dimen>
+    <dimen name="module_v2x_surrounding_margin_left">48px</dimen>
     <dimen name="module_v2x_surrounding_empty_image_height">349px</dimen>
     <dimen name="module_v2x_surrounding_item_height">306px</dimen>
     <dimen name="module_v2x_surrounding_item_bottom">77px</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 2c8f472e72..29c98cc629 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
@@ -24,7 +24,7 @@
 
     <dimen name="module_v2x_history_event_icon_size">80px</dimen>
 
-    <dimen name="module_v2x_surrounding_item_bottom_size">10px</dimen>
+    <dimen name="module_v2x_surrounding_item_bottom_size">15px</dimen>
     <dimen name="module_v2x_map_left">550px</dimen>
     <dimen name="module_v2x_map_top">200px</dimen>
     <dimen name="module_v2x_map_right">200px</dimen>
@@ -37,8 +37,8 @@
     <dimen name="module_v2x_surrounding_empty_bt_width">270px</dimen>
     <dimen name="module_v2x_surrounding_empty_bt_height">86px</dimen>
     <dimen name="module_v2x_surrounding_empty_bt_margin_top">58px</dimen>
-    <dimen name="module_v2x_surrounding_root_margin_left">10px</dimen>
-    <dimen name="module_v2x_surrounding_margin_left">10px</dimen>
+    <dimen name="module_v2x_surrounding_root_margin_left">48px</dimen>
+    <dimen name="module_v2x_surrounding_margin_left">48px</dimen>
     <dimen name="module_v2x_surrounding_empty_image_height">349px</dimen>
     <dimen name="module_v2x_surrounding_item_height">306px</dimen>
     <dimen name="module_v2x_surrounding_item_bottom">77px</dimen>
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 a6544a61fc..861e240354 100644
--- a/modules/mogo-module-v2x/src/main/res/values/dimens.xml
+++ b/modules/mogo-module-v2x/src/main/res/values/dimens.xml
@@ -39,10 +39,10 @@
     <dimen name="module_v2x_surrounding_empty_bt_width">150px</dimen>
     <dimen name="module_v2x_surrounding_empty_bt_height">48px</dimen>
     <dimen name="module_v2x_surrounding_empty_bt_margin_top">32px</dimen>
-    <dimen name="module_v2x_surrounding_root_margin_left">10px</dimen>
-    <dimen name="module_v2x_surrounding_margin_left">10px</dimen>
+    <dimen name="module_v2x_surrounding_root_margin_left">28px</dimen>
+    <dimen name="module_v2x_surrounding_margin_left">28px</dimen>
     <dimen name="module_v2x_surrounding_empty_image_height">190px</dimen>
-    <dimen name="module_v2x_surrounding_item_height">173px</dimen>
+    <dimen name="module_v2x_surrounding_item_height">170px</dimen>
     <dimen name="module_v2x_surrounding_item_bottom">43px</dimen>
     <dimen name="module_v2x_surrounding_item_bottom_image_height">26px</dimen>
     <dimen name="module_v2x_surrounding_item_marigin_left">12px</dimen>
diff --git a/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-ldpi/tanlu_icon_logo_light.png b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-ldpi/tanlu_icon_logo_light.png
new file mode 100644
index 0000000000..0e41174692
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-ldpi/tanlu_icon_logo_light.png differ
diff --git a/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-ldpi/tanlu_top_bg_light.9.png b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-ldpi/tanlu_top_bg_light.9.png
new file mode 100644
index 0000000000..9954c018db
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-ldpi/tanlu_top_bg_light.9.png differ
diff --git a/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-mdpi/tanlu_icon_logo_light.png b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-mdpi/tanlu_icon_logo_light.png
new file mode 100644
index 0000000000..0e41174692
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-mdpi/tanlu_icon_logo_light.png differ
diff --git a/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-mdpi/tanlu_top_bg_light.9.png b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-mdpi/tanlu_top_bg_light.9.png
new file mode 100644
index 0000000000..9954c018db
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-mdpi/tanlu_top_bg_light.9.png differ
diff --git a/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-xhdpi-1920x1000/tanlu_icon_logo_light.png b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-xhdpi-1920x1000/tanlu_icon_logo_light.png
new file mode 100644
index 0000000000..755b446f02
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-xhdpi-1920x1000/tanlu_icon_logo_light.png differ
diff --git a/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-xhdpi-1920x1000/tanlu_top_bg_light.9.png b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-xhdpi-1920x1000/tanlu_top_bg_light.9.png
new file mode 100644
index 0000000000..61d0b6c1d5
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-xhdpi-1920x1000/tanlu_top_bg_light.9.png differ
diff --git a/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-xhdpi/tanlu_icon_logo_light.png b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-xhdpi/tanlu_icon_logo_light.png
new file mode 100644
index 0000000000..755b446f02
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-xhdpi/tanlu_icon_logo_light.png differ
diff --git a/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-xhdpi/tanlu_top_bg_light.9.png b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-xhdpi/tanlu_top_bg_light.9.png
new file mode 100644
index 0000000000..61d0b6c1d5
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-tanlu-res/drawable-xhdpi/tanlu_top_bg_light.9.png differ
diff --git a/skin/mogo-skin-light/src/main/module-tanlu-res/values/colors.xml b/skin/mogo-skin-light/src/main/module-tanlu-res/values/colors.xml
index 89743501de..1f6879d9dc 100644
--- a/skin/mogo-skin-light/src/main/module-tanlu-res/values/colors.xml
+++ b/skin/mogo-skin-light/src/main/module-tanlu-res/values/colors.xml
@@ -13,5 +13,6 @@
     <color name="tanlu_dialog_bt_right_color_light">#E8E8E8</color>
     <color name="tanlu_top_bg_startcolor_light">#F5F5F5</color>
     <color name="tanlu_top_bg_endcolor_light">#FFFFFF</color>
+    <color name="tanlu_555A_F5F5_light">#F5F5F5</color>
 
 </resources>
diff --git a/skin/mogo-skin-support-impl/build.gradle b/skin/mogo-skin-support-impl/build.gradle
index f1c0486449..bff7a262ee 100644
--- a/skin/mogo-skin-support-impl/build.gradle
+++ b/skin/mogo-skin-support-impl/build.gradle
@@ -47,7 +47,7 @@ dependencies {
 //    implementation 'skin.support:skin-support-constraint-layout:4.0.5' // skin-support-constraint-layout ConstraintLayout 控件支持[可选]
 
     implementation project(":skin:skin-support")
-    implementation project(":skin:skin-support-appcompat")
+    api project(":skin:skin-support-appcompat")
     implementation project(":skin:skin-support-cardview")
     implementation project(":skin:skin-support-constraint-layout")
     implementation project(":skin:skin-support-design")
diff --git a/skin/mogo-skin-support/src/main/java/com/mogo/skin/support/helper/MogoSkinCompatHelperDelegate.java b/skin/mogo-skin-support/src/main/java/com/mogo/skin/support/helper/MogoSkinCompatHelperDelegate.java
index 6efbd650ae..960eb384c3 100644
--- a/skin/mogo-skin-support/src/main/java/com/mogo/skin/support/helper/MogoSkinCompatHelperDelegate.java
+++ b/skin/mogo-skin-support/src/main/java/com/mogo/skin/support/helper/MogoSkinCompatHelperDelegate.java
@@ -65,16 +65,16 @@ abstract class MogoSkinCompatHelperDelegate implements IMogoSkinCompatSupportabl
 
     protected static Method getLoadFromAttributesMethod() throws Exception {
         if ( mTargetClazz != null ) {
-            Method method = mTargetClazz.getDeclaredMethod( "loadFromAttributes", AttributeSet.class, int.class );
-            method.setAccessible( true );
+            sMethodLoadFromAttributes = mTargetClazz.getDeclaredMethod( "loadFromAttributes", AttributeSet.class, int.class );
+            sMethodLoadFromAttributes.setAccessible( true );
         }
         return null;
     }
 
     private static Method getApplySkinMethod() throws Exception {
         if ( mTargetClazz != null ) {
-            Method method = mTargetClazz.getDeclaredMethod( "applySkin" );
-            method.setAccessible( true );
+            sMethodApplySkin = mTargetClazz.getDeclaredMethod( "applySkin" );
+            sMethodApplySkin.setAccessible( true );
         }
         return null;
     }