diff --git a/modules/mogo-module-share/src/main/java/com/mogo/module/share/dialog/LaucherShareDialog.java b/modules/mogo-module-share/src/main/java/com/mogo/module/share/dialog/LaucherShareDialog.java
index ea81073522..d5e7a79308 100644
--- a/modules/mogo-module-share/src/main/java/com/mogo/module/share/dialog/LaucherShareDialog.java
+++ b/modules/mogo-module-share/src/main/java/com/mogo/module/share/dialog/LaucherShareDialog.java
@@ -30,13 +30,13 @@ public class LaucherShareDialog extends Dialog implements View.OnClickListener {
 
 
     public LaucherShareDialog(@NonNull Context context) {
-        super(context);
+        super(context, R.style.BottomDialog);
         this.mContext = context;
         getWindow().setBackgroundDrawableResource(android.R.color.transparent);
     }
 
     public LaucherShareDialog(@NonNull Context context, int themeResId) {
-        super(context, R.style.Theme_AppCompat_Dialog);
+        super(context, R.style.BottomDialog);
     }
 
     @Override
diff --git a/modules/mogo-module-share/src/main/res/drawable-ldpi/share_block_up.png b/modules/mogo-module-share/src/main/res/drawable-ldpi/share_block_up.png
new file mode 100644
index 0000000000..ab5e22a384
Binary files /dev/null and b/modules/mogo-module-share/src/main/res/drawable-ldpi/share_block_up.png differ
diff --git a/modules/mogo-module-share/src/main/res/drawable-ldpi/share_oil_price.png b/modules/mogo-module-share/src/main/res/drawable-ldpi/share_oil_price.png
new file mode 100644
index 0000000000..5ef357ce54
Binary files /dev/null and b/modules/mogo-module-share/src/main/res/drawable-ldpi/share_oil_price.png differ
diff --git a/modules/mogo-module-share/src/main/res/drawable-ldpi/share_road_closure.png b/modules/mogo-module-share/src/main/res/drawable-ldpi/share_road_closure.png
new file mode 100644
index 0000000000..0e20d530b5
Binary files /dev/null and b/modules/mogo-module-share/src/main/res/drawable-ldpi/share_road_closure.png differ
diff --git a/modules/mogo-module-share/src/main/res/drawable-ldpi/share_traffic_check.png b/modules/mogo-module-share/src/main/res/drawable-ldpi/share_traffic_check.png
new file mode 100644
index 0000000000..3fe74d1514
Binary files /dev/null and b/modules/mogo-module-share/src/main/res/drawable-ldpi/share_traffic_check.png differ
diff --git a/modules/mogo-module-share/src/main/res/layout/launcher_dialog_share.xml b/modules/mogo-module-share/src/main/res/layout/launcher_dialog_share.xml
index 2d9b08d3c1..2e9efefec9 100644
--- a/modules/mogo-module-share/src/main/res/layout/launcher_dialog_share.xml
+++ b/modules/mogo-module-share/src/main/res/layout/launcher_dialog_share.xml
@@ -1,21 +1,21 @@
 <?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"
-    android:layout_width="@dimen/dp_1300"
-    android:layout_height="@dimen/dp_600"
+    android:layout_width="@dimen/share_module_width"
+    android:layout_height="@dimen/share_module_height"
     android:background="@drawable/shape_bg_222533_20px">
 
     <TextView
         android:id="@+id/btn_share_title"
-        android:layout_width="1300dp"
+        android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_alignParentTop="true"
-        android:layout_marginTop="@dimen/dp_80"
+        android:layout_marginTop="@dimen/share_module_title_margin_top"
         android:gravity="center"
         android:text="一 我要分享 一"
         android:textStyle="bold"
         android:textColor="@color/white"
-        android:textSize="@dimen/dp_40" />
+        android:textSize="@dimen/share_module_title_content" />
 
     <RelativeLayout
         android:id="@+id/tu_block_layout"
@@ -23,30 +23,30 @@
         android:layout_height="match_parent"
         android:layout_below="@+id/btn_share_title"
         android:layout_centerHorizontal="true"
-        android:layout_marginTop="@dimen/dp_64">
+        android:layout_marginTop="@dimen/share_module_margin_top">
 
         <RelativeLayout
             android:id="@+id/btn_block_layout"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_marginLeft="@dimen/dp_150">
+            android:layout_marginLeft="@dimen/share_module_first_margin_left">
 
             <ImageView
                 android:id="@+id/block_up_iv"
-                android:layout_width="@dimen/dp_160"
-                android:layout_height="@dimen/dp_160"
+                android:layout_width="@dimen/share_module_image_width"
+                android:layout_height="@dimen/share_module_image_width"
                 android:src="@drawable/share_block_up" />
 
             <TextView
                 android:id="@+id/block_up_tv"
-                android:layout_width="@dimen/dp_160"
+                android:layout_width="@dimen/share_module_image_width"
                 android:layout_height="wrap_content"
                 android:layout_below="@+id/block_up_iv"
-                android:layout_marginTop="@dimen/dp_30"
+                android:layout_marginTop="@dimen/share_module_tv_margin_top"
                 android:gravity="center"
                 android:text="拥堵"
                 android:textColor="@color/white"
-                android:textSize="@dimen/dp_32"
+                android:textSize="@dimen/share_module_item"
                 android:textStyle="bold" />
         </RelativeLayout>
 
@@ -54,25 +54,25 @@
             android:id="@+id/oil_price_layout"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_marginLeft="@dimen/dp_120"
+            android:layout_marginLeft="@dimen/share_module_margin_left"
             android:layout_toRightOf="@+id/btn_block_layout">
 
             <ImageView
                 android:id="@+id/oil_price_iv"
-                android:layout_width="@dimen/dp_160"
-                android:layout_height="@dimen/dp_160"
+                android:layout_width="@dimen/share_module_image_width"
+                android:layout_height="@dimen/share_module_image_width"
                 android:src="@drawable/share_oil_price" />
 
             <TextView
                 android:id="@+id/oil_price_tv"
-                android:layout_width="@dimen/dp_160"
+                android:layout_width="@dimen/share_module_image_width"
                 android:layout_height="wrap_content"
                 android:layout_below="@+id/oil_price_iv"
-                android:layout_marginTop="@dimen/dp_30"
+                android:layout_marginTop="@dimen/share_module_tv_margin_top"
                 android:gravity="center"
                 android:text="油价"
                 android:textColor="@color/white"
-                android:textSize="@dimen/dp_32"
+                android:textSize="@dimen/share_module_item"
                 android:textStyle="bold" />
         </RelativeLayout>
 
@@ -80,25 +80,25 @@
             android:id="@+id/traffic_check_layout"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_marginLeft="@dimen/dp_120"
+            android:layout_marginLeft="@dimen/share_module_margin_left"
             android:layout_toRightOf="@+id/oil_price_layout">
 
             <ImageView
                 android:id="@+id/traffic_check_iv"
-                android:layout_width="@dimen/dp_160"
-                android:layout_height="@dimen/dp_160"
+                android:layout_width="@dimen/share_module_image_width"
+                android:layout_height="@dimen/share_module_image_width"
                 android:src="@drawable/share_traffic_check" />
 
             <TextView
                 android:id="@+id/traffic_check_tv"
-                android:layout_width="@dimen/dp_160"
+                android:layout_width="@dimen/share_module_image_width"
                 android:layout_height="wrap_content"
                 android:layout_below="@+id/traffic_check_iv"
-                android:layout_marginTop="@dimen/dp_30"
+                android:layout_marginTop="@dimen/share_module_tv_margin_top"
                 android:gravity="center"
                 android:text="交通检查"
                 android:textColor="@color/white"
-                android:textSize="@dimen/dp_32"
+                android:textSize="@dimen/share_module_item"
                 android:textStyle="bold" />
         </RelativeLayout>
 
@@ -106,25 +106,25 @@
             android:id="@+id/road_closure_layout"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_marginLeft="@dimen/dp_120"
+            android:layout_marginLeft="@dimen/share_module_margin_left"
             android:layout_toRightOf="@+id/traffic_check_layout">
 
             <ImageView
                 android:id="@+id/road_closure_iv"
-                android:layout_width="@dimen/dp_160"
-                android:layout_height="@dimen/dp_160"
+                android:layout_width="@dimen/share_module_image_width"
+                android:layout_height="@dimen/share_module_image_width"
                 android:src="@drawable/share_road_closure" />
 
             <TextView
                 android:id="@+id/road_closure_tv"
-                android:layout_width="@dimen/dp_160"
+                android:layout_width="@dimen/share_module_image_width"
                 android:layout_height="wrap_content"
                 android:layout_below="@+id/road_closure_iv"
-                android:layout_marginTop="@dimen/dp_30"
+                android:layout_marginTop="@dimen/share_module_tv_margin_top"
                 android:gravity="center"
                 android:text="封路"
                 android:textColor="@color/white"
-                android:textSize="@dimen/dp_32"
+                android:textSize="@dimen/share_module_item"
                 android:textStyle="bold" />
         </RelativeLayout>
 
@@ -133,11 +133,11 @@
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_below="@+id/btn_block_layout"
-            android:layout_marginTop="@dimen/dp_55"
+            android:layout_marginTop="@dimen/share_module_bottom_margin_top"
             android:gravity="center"
             android:text="可以对小智说：分享拥堵、分享油价、分享查车、分享封路"
             android:textColor="@color/white_40"
-            android:textSize="@dimen/dp_28"
+            android:textSize="@dimen/share_module_bottom_size"
             android:textStyle="bold" />
     </RelativeLayout>
 
diff --git a/modules/mogo-module-share/src/main/res/values-ldpi/dimens.xml b/modules/mogo-module-share/src/main/res/values-ldpi/dimens.xml
new file mode 100644
index 0000000000..da65c676db
--- /dev/null
+++ b/modules/mogo-module-share/src/main/res/values-ldpi/dimens.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <dimen name="share_module_width">693px</dimen>
+    <dimen name="share_module_height">320px</dimen>
+    <dimen name="share_module_margin_top">34px</dimen>
+    <dimen name="share_module_title_margin_top">43px</dimen>
+    <dimen name="share_module_first_margin_left">80px</dimen>
+    <dimen name="share_module_margin_left">64px</dimen>
+    <dimen name="share_module_tv_margin_top">15px</dimen>
+    <dimen name="share_module_image_width">85px</dimen>
+    <dimen name="share_module_bottom_margin_top">28px</dimen>
+
+    <!--字体-->
+    <dimen name="share_module_title_content">22px</dimen>
+    <dimen name="share_module_item">18px</dimen>
+    <dimen name="share_module_bottom_size">15px</dimen>
+
+</resources>
\ No newline at end of file
diff --git a/modules/mogo-module-share/src/main/res/values-xhdpi/dimens.xml b/modules/mogo-module-share/src/main/res/values-xhdpi/dimens.xml
new file mode 100644
index 0000000000..8e1edc4724
--- /dev/null
+++ b/modules/mogo-module-share/src/main/res/values-xhdpi/dimens.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="share_module_width">1300px</dimen>
+    <dimen name="share_module_height">600px</dimen>
+    <dimen name="share_module_margin_top">64px</dimen>
+    <dimen name="share_module_title_margin_top">80px</dimen>
+    <dimen name="share_module_first_margin_left">150px</dimen>
+    <dimen name="share_module_margin_left">120px</dimen>
+    <dimen name="share_module_tv_margin_top">30px</dimen>
+    <dimen name="share_module_image_width">160px</dimen>
+    <dimen name="share_module_bottom_margin_top">55px</dimen>
+
+    <!--字体-->
+    <dimen name="share_module_title_content">40px</dimen>
+    <dimen name="share_module_item">32px</dimen>
+    <dimen name="share_module_bottom_size">28px</dimen>
+
+</resources>
+
+
diff --git a/modules/mogo-module-share/src/main/res/values/colors.xml b/modules/mogo-module-share/src/main/res/values/colors.xml
index ebf7824990..d6a88ad3d2 100644
--- a/modules/mogo-module-share/src/main/res/values/colors.xml
+++ b/modules/mogo-module-share/src/main/res/values/colors.xml
@@ -16,5 +16,6 @@
     <color name="color_666666">#666666</color>
     <color name="color_999999">#999999</color>
     <color name="color_000000">#000000</color>
+    <color name="all_transparent_white">#00FFFFFF</color>
 
 </resources>
diff --git a/modules/mogo-module-share/src/main/res/values/dimens.xml b/modules/mogo-module-share/src/main/res/values/dimens.xml
new file mode 100644
index 0000000000..8e1edc4724
--- /dev/null
+++ b/modules/mogo-module-share/src/main/res/values/dimens.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="share_module_width">1300px</dimen>
+    <dimen name="share_module_height">600px</dimen>
+    <dimen name="share_module_margin_top">64px</dimen>
+    <dimen name="share_module_title_margin_top">80px</dimen>
+    <dimen name="share_module_first_margin_left">150px</dimen>
+    <dimen name="share_module_margin_left">120px</dimen>
+    <dimen name="share_module_tv_margin_top">30px</dimen>
+    <dimen name="share_module_image_width">160px</dimen>
+    <dimen name="share_module_bottom_margin_top">55px</dimen>
+
+    <!--字体-->
+    <dimen name="share_module_title_content">40px</dimen>
+    <dimen name="share_module_item">32px</dimen>
+    <dimen name="share_module_bottom_size">28px</dimen>
+
+</resources>
+
+
diff --git a/modules/mogo-module-share/src/main/res/values/styles.xml b/modules/mogo-module-share/src/main/res/values/styles.xml
new file mode 100644
index 0000000000..389862f71e
--- /dev/null
+++ b/modules/mogo-module-share/src/main/res/values/styles.xml
@@ -0,0 +1,16 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+
+    <style name="BottomDialog" parent="AlertDialog.AppCompat">
+        <item name="android:windowIsFloating">true</item>
+        <item name="android:windowFrame">@null</item>
+        <item name="android:windowNoTitle">true</item>
+        <item name="android:windowBackground">@android:color/transparent</item>
+        <item name="android:backgroundDimEnabled">true</item>
+        <item name="android:windowContentOverlay">@null</item>
+        <item name="android:fullBright">@color/all_transparent_white</item>
+        <item name="android:fullDark">@color/all_transparent_white</item>
+        <item name="android:topBright">@color/all_transparent_white</item>
+        <item name="android:topDark">@color/all_transparent_white</item>
+        <item name="android:borderlessButtonStyle">@color/all_transparent_white</item>
+    </style>
+</resources>
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 78aa080e47..48a00d3b8d 100644
--- a/modules/mogo-module-tanlu/src/main/res/values/colors.xml
+++ b/modules/mogo-module-tanlu/src/main/res/values/colors.xml
@@ -18,6 +18,7 @@
     <color name="color_A2A2A2">#A2A2A2</color>
     <color name="color_5a979797">#5a979797</color>
     <color name="half_transparent_white">#80FFFFFF</color>
+    <color name="all_transparent_white">#00FFFFFF</color>
     <color name="color_b3000000">#b3000000</color>
     <color name="color_0DFFFFFF">#0DFFFFFF</color>
     <color name="color_000000">#000000</color>
diff --git a/modules/mogo-module-tanlu/src/main/res/values/dimens.xml b/modules/mogo-module-tanlu/src/main/res/values/dimens.xml
new file mode 100644
index 0000000000..bc6de92c91
--- /dev/null
+++ b/modules/mogo-module-tanlu/src/main/res/values/dimens.xml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <!--bottom top -->
+    <dimen name="tanlu_module_start_width">106px</dimen>
+    <dimen name="tanlu_module_start_height">106px</dimen>
+    <dimen name="tanlu_module_loading_width">48px</dimen>
+    <dimen name="tanlu_module_loading_height">48px</dimen>
+    <dimen name="tanlu_module_bottom_height">72px</dimen>
+    <dimen name="tanlu_module_bottom_margin">5px</dimen>
+
+    <dimen name="tanlu_module_full_start_width">106px</dimen>
+    <dimen name="tanlu_module_full_start_height">106px</dimen>
+    <dimen name="tanlu_module_full_loading_width">96px</dimen>
+    <dimen name="tanlu_module_full_loading_height">96px</dimen>
+    <dimen name="tanlu_module_full_bottom_height">144px</dimen>
+    <dimen name="tanlu_module_full_bottom_width">760px</dimen>
+    <dimen name="tanlu_module_full_bottom_margin">10px</dimen>
+
+    <dimen name="tanlu_module_full_top_height">135px</dimen>
+    <dimen name="tanlu_module_full_back_width">50px</dimen>
+    <dimen name="tanlu_module_full_back_height">50px</dimen>
+    <dimen name="tanlu_module_full_margin_left">30px</dimen>
+    <dimen name="tanlu_module_full_margin_right">92px</dimen>
+    <dimen name="tanlu_module_full_margin_top">40px</dimen>
+    <dimen name="tanlu_module_full_margin_width">800px</dimen>
+
+    <dimen name="tanlu_module_card_width">660px</dimen>
+    <dimen name="tanlu_module_card_margin_left">24px</dimen>
+    <dimen name="tanlu_module_card_address_margin_top">58px</dimen>
+    <dimen name="tanlu_module_card_distance_margin_bottom">8px</dimen>
+    <dimen name="tanlu_module_card_distance_margin_top">2px</dimen>
+    <dimen name="tanlu_module_card_video_width">613px</dimen>
+    <dimen name="tanlu_module_card_video_height">355px</dimen>
+    <dimen name="tanlu_module_card_video_marginbottom">20px</dimen>
+    <dimen name="tanlu_module_card_previous_width">300px</dimen>
+    <dimen name="tanlu_module_card_previous_height">90px</dimen>
+    <dimen name="tanlu_module_card_empty_magintop">75px</dimen>
+    <dimen name="tanlu_module_card_empty_maginleft">205px</dimen>
+    <dimen name="tanlu_module_card_empty_tv_magintop">25px</dimen>
+
+    <!--字体-->
+    <dimen name="tanlu_module_full_title_content">38px</dimen>
+    <dimen name="tanlu_module_full_title_time">26px</dimen>
+    <dimen name="tanlu_module_card_address_size">34px</dimen>
+    <dimen name="tanlu_module_card_distance_size">26px</dimen>
+    <dimen name="tanlu_module_card_next_size">28px</dimen>
+
+
+</resources>
+
+