diff --git a/app/build.gradle b/app/build.gradle
index 101a12d2e0..d356c96e47 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -8,7 +8,7 @@ apply plugin: 'kotlin-android'
 apply plugin: 'kotlin-android-extensions'
 apply plugin: 'kotlin-kapt'
 
-apply from: rootProject.file('gradle/bytex/bytex.gradle')
+//apply from: rootProject.file('gradle/bytex/bytex.gradle')
 
 Properties properties = new Properties()
 properties.load(project.rootProject.file("gradle.properties").newDataInputStream())
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/tools/OfflineMapDialog.kt b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/tools/OfflineMapDialog.kt
index 368d5fb89a..b01366a634 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/tools/OfflineMapDialog.kt
+++ b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/tools/OfflineMapDialog.kt
@@ -26,13 +26,10 @@ class OfflineMapDialog(context: Context) : BaseFloatDialog(context) {
         private const val TAG = "OfflineMapDialog"
     }
 
-    private var roundRootLayout: ConstraintLayout? = null
     private var offlineTitleView: TextView? = null
     private var leftView: TextView? = null
     private var rightView: TextView? = null
     private var okView: TextView? = null
-    private var vertLineView: View? = null
-    private var horizontalLineView: View? = null
     private var cacheTipView: TextView? = null
 
     private var progressBar: ProgressBar? = null
@@ -48,22 +45,18 @@ class OfflineMapDialog(context: Context) : BaseFloatDialog(context) {
     init {
         setContentView(R.layout.dialog_offline_map)
         setCanceledOnTouchOutside(true)
-
         initView()
     }
 
     private fun initView() {
-        roundRootLayout = findViewById(R.id.roundRootLayout)
         offlineTitleView = findViewById(R.id.tv_cache_title)
         progressBar = findViewById(R.id.progressBar)
         downloadPercentView = findViewById(R.id.tvDownloadProgress)
         leftView = findViewById(R.id.tv_cache_confirm)
         rightView = findViewById(R.id.tv_cache_cancel)
         okView = findViewById(R.id.tv_cache_ok)
-        vertLineView = findViewById(R.id.view_vertical_line)
-        horizontalLineView = findViewById(R.id.view_horizontal_line)
         cacheTipView = findViewById(R.id.tv_cache_tips)
-        downloadResultImg = findViewById(R.id.iv_download_Status)
+        downloadResultImg = findViewById(R.id.ivDownLoadStatus)
 
         leftView?.setOnClickListener {
             when {
@@ -142,20 +135,13 @@ class OfflineMapDialog(context: Context) : BaseFloatDialog(context) {
     }
 
     private fun change2NewStyle() {
-        roundRootLayout?.layoutParams?.width = AutoSizeUtils.dp2px(context, 1110f)
-        roundRootLayout?.layoutParams?.height = AutoSizeUtils.dp2px(context, 668f)
-
         val titleParams = offlineTitleView?.layoutParams as ConstraintLayout.LayoutParams
-        titleParams.topMargin = AutoSizeUtils.dp2px(context, 51f)
-
-        val horizontalLineParams = horizontalLineView?.layoutParams as ConstraintLayout.LayoutParams
-        horizontalLineParams.topMargin = AutoSizeUtils.dp2px(context, 374f)
+        titleParams.topMargin = AutoSizeUtils.dp2px(context, 52f)
 
         progressBar?.visibility = View.VISIBLE
         downloadPercentView?.visibility = View.VISIBLE
         okView?.visibility = View.VISIBLE
 
-        vertLineView?.visibility = View.GONE
         leftView?.visibility = View.GONE
         rightView?.visibility = View.GONE
         cacheTipView?.visibility = View.INVISIBLE
@@ -169,10 +155,8 @@ class OfflineMapDialog(context: Context) : BaseFloatDialog(context) {
             isLoading -> {
                 okView?.text = context.resources.getString(R.string.cancel)
                 offlineTitleView?.text = context.resources.getString(R.string.offline_downloading)
-                downloadResultImg?.visibility = View.GONE
             }
             else -> {
-                downloadResultImg?.visibility = View.VISIBLE
                 when {
                     isSuccess -> {
                         okView?.visibility = View.VISIBLE
@@ -182,7 +166,7 @@ class OfflineMapDialog(context: Context) : BaseFloatDialog(context) {
                         progressBar?.visibility = View.GONE
                         downloadPercentView?.visibility = View.GONE
                         downloadResultImg?.background =
-                            ContextCompat.getDrawable(context, R.drawable.download_success_icon)
+                            ContextCompat.getDrawable(context, R.drawable.icon_map_cache_success)
                         hmiAction("$M_HMI$TAG", mapOf("cacheMap" to true))
                     }
                     else -> {
@@ -196,10 +180,9 @@ class OfflineMapDialog(context: Context) : BaseFloatDialog(context) {
                         leftView?.visibility = View.VISIBLE
                         leftView?.text = context.resources.getString(R.string.ok_tip)
                         rightView?.visibility = View.VISIBLE
-                        vertLineView?.visibility = View.VISIBLE
                         rightView?.text = context.resources.getString(R.string.retry)
                         downloadResultImg?.background =
-                            ContextCompat.getDrawable(context, R.drawable.download_fail_icon)
+                            ContextCompat.getDrawable(context, R.drawable.icon_map_cache_failed)
                         hmiAction("$M_HMI$TAG", mapOf("cacheMap" to false))
                     }
                 }
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-nodpi/icon_map_cache_failed.png b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-nodpi/icon_map_cache_failed.png
new file mode 100644
index 0000000000..162e8d55ca
Binary files /dev/null and b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-nodpi/icon_map_cache_failed.png differ
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-nodpi/icon_map_cache_success.png b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-nodpi/icon_map_cache_success.png
new file mode 100644
index 0000000000..e4d5d55d73
Binary files /dev/null and b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-nodpi/icon_map_cache_success.png differ
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-nodpi/icon_map_update.png b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-nodpi/icon_map_update.png
new file mode 100644
index 0000000000..b493e772f5
Binary files /dev/null and b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-nodpi/icon_map_update.png differ
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable/bg_map_offline_btn.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable/bg_map_offline_btn.xml
new file mode 100644
index 0000000000..e4d8d1c248
--- /dev/null
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable/bg_map_offline_btn.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="@color/color_B3_000000"/>
+    <corners android:radius="@dimen/dp_30"/>
+</shape>
+
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable/bg_map_offline_cache.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable/bg_map_offline_cache.xml
new file mode 100644
index 0000000000..f6bce26ddf
--- /dev/null
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable/bg_map_offline_cache.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <gradient android:startColor="@color/color_3B3D44" android:endColor="@color/color_2E323A" android:angle="270"/>
+    <stroke android:color="@color/color_99_6C6C6C" android:width="@dimen/dp_2"/>
+    <corners android:radius="@dimen/dp_50"/>
+</shape>
+
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/dialog_offline_map.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/dialog_offline_map.xml
index 6ae72b0a13..8309758064 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/dialog_offline_map.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/dialog_offline_map.xml
@@ -2,121 +2,99 @@
 <com.mogo.eagle.core.widget.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:id="@+id/roundRootLayout"
-    android:layout_width="840dp"
-    android:layout_height="488dp"
-    android:background="@color/dialog_bg_color_90_percent"
+    android:layout_width="@dimen/dp_900"
+    android:layout_height="@dimen/dp_620"
+    android:background="@drawable/bg_map_offline_cache"
     app:roundLayoutRadius="32dp">
 
+    <ImageView
+        android:id="@+id/ivDownLoadStatus"
+        android:layout_width="@dimen/dp_140"
+        android:layout_height="@dimen/dp_140"
+        android:layout_marginTop="@dimen/dp_87"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        android:src="@drawable/icon_map_update"
+        app:layout_constraintTop_toTopOf="parent" />
+
     <TextView
         android:id="@+id/tv_cache_title"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginTop="66dp"
+        android:layout_marginTop="@dimen/dp_30"
         android:text="@string/offline_map_cache_tip"
-        android:textColor="#FFFFFF"
-        android:textSize="56dp"
+        android:textColor="@color/white"
+        android:textSize="@dimen/dp_45"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintTop_toBottomOf="@+id/ivDownLoadStatus" />
 
     <TextView
         android:id="@+id/tv_cache_tips"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginTop="52dp"
+        android:layout_marginTop="@dimen/dp_10"
         android:text="@string/cache_offline_map_content"
-        android:textColor="#FFFFFFFF"
-        android:textSize="43dp"
-        android:visibility="visible"
+        android:textColor="@color/white"
+        android:textSize="@dimen/dp_36"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
         app:layout_constraintTop_toBottomOf="@id/tv_cache_title" />
 
     <ProgressBar
         android:id="@+id/progressBar"
+        style="?android:attr/progressBarStyleHorizontal"
         android:layout_width="800dp"
         android:layout_height="42dp"
-        style="?android:attr/progressBarStyleHorizontal"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/tv_cache_title"
         android:layout_marginTop="113dp"
         android:max="100"
         android:progress="0"
         android:progressDrawable="@drawable/progressbar_corner_bg"
         android:visibility="gone"
-        />
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/tv_cache_title" />
 
     <TextView
         android:id="@+id/tvDownloadProgress"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/progressBar"
         android:layout_marginTop="50dp"
         android:text="0%"
         android:textColor="#06D1ED"
         android:textSize="43dp"
         android:visibility="gone"
-        />
-
-    <ImageView
-        android:id="@+id/iv_download_Status"
-        android:layout_width="174dp"
-        android:layout_height="174dp"
-        android:layout_marginTop="96dp"
-        app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/tv_cache_title"
-        android:visibility="gone"
-        />
-
-    <View
-        android:id="@+id/view_horizontal_line"
-        android:layout_width="match_parent"
-        android:layout_height="2dp"
-        android:layout_marginTop="205dp"
-        android:background="#66B8BFE8"
-        app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/tv_cache_title" />
-
-    <View
-        android:id="@+id/view_vertical_line"
-        android:layout_width="2dp"
-        android:layout_height="0dp"
-        android:background="#66B8BFE8"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/view_horizontal_line" />
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/progressBar" />
 
     <TextView
         android:id="@+id/tv_cache_confirm"
-        android:layout_width="419dp"
-        android:layout_height="137dp"
+        android:layout_width="@dimen/dp_356"
+        android:layout_height="@dimen/dp_120"
         android:gravity="center"
         android:text="@string/confirm"
-        android:textColor="#FFFFFFFF"
-        android:textSize="46dp"
+        android:background="@drawable/bg_map_offline_btn"
+        android:textColor="@color/color_2EACFF"
+        android:textSize="@dimen/dp_40"
+        android:layout_marginStart="@dimen/dp_65"
+        android:layout_marginBottom="@dimen/dp_62"
         app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintRight_toLeftOf="@id/view_vertical_line"
-        app:layout_constraintTop_toBottomOf="@id/view_horizontal_line" />
+        app:layout_constraintLeft_toLeftOf="parent" />
 
     <TextView
         android:id="@+id/tv_cache_cancel"
-        android:layout_width="419dp"
-        android:layout_height="137dp"
+        android:layout_width="@dimen/dp_356"
+        android:layout_height="@dimen/dp_120"
         android:gravity="center"
         android:text="@string/cancel"
-        android:textColor="#FFFFFFFF"
-        android:textSize="46dp"
+        android:textColor="@color/white"
+        android:textSize="@dimen/dp_40"
+        android:background="@drawable/bg_map_offline_btn"
         app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintLeft_toRightOf="@id/view_vertical_line"
-        app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/view_horizontal_line" />
+        android:layout_marginEnd="@dimen/dp_65"
+        android:layout_marginBottom="@dimen/dp_62"
+        app:layout_constraintRight_toRightOf="parent"/>
 
     <TextView
         android:id="@+id/tv_cache_ok"
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/values/color.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/values/color.xml
index d4e789045a..2132872531 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/values/color.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/values/color.xml
@@ -30,6 +30,9 @@
     <color name="color_131415">#131415</color>
     <color name="color_B2BED9">#B2BED9</color>
     <color name="color_FF1943">#FF1943</color>
+    <color name="color_3B3D44">#3B3D44</color>
+    <color name="color_2E323A">#2E323A</color>
+    <color name="color_99_6C6C6C">#996C6C6C</color>
     <color name="color_27FFFFFF">#27FFFFFF</color>
     <color name="color_1E111111">#1E111111</color>
     <color name="color_FF213757">#FF213757</color>