diff --git a/src/assets/images/hljnx.png b/src/assets/images/hljnx.png
new file mode 100644
index 0000000000000000000000000000000000000000..0575040507cea88d7dad7dfdf865c051ec9c943a
Binary files /dev/null and b/src/assets/images/hljnx.png differ
diff --git a/src/components/common/ProductDetail.vue b/src/components/common/ProductDetail.vue
index 0ad8e652d49faebe9cd7b766e1337d1e91a7cb04..5212b17e162f8b679d5a8bac3cf358414f13b706 100644
--- a/src/components/common/ProductDetail.vue
+++ b/src/components/common/ProductDetail.vue
@@ -20,7 +20,7 @@
     </div>  
   </div> -->
   <div class="d-flex flex-column loop" >
-      <div class="p-2 " ><van-icon name="arrow-left" /></div>
+      <div class="p-2 " ><van-icon name="arrow-left"  @click="exit"/></div>
       <div class="productName " style="width:100%;height:70%; ">{{"  "+ productName}}</div>
       
   </div>
@@ -39,6 +39,11 @@ export default class ProductDetail extends Vue {
   @Prop({ default: "" }) productName: string | undefined;
   
   imagenAME: any=require('@/assets/images/background-card.png');
+
+
+  exit(){
+     this.$router.back();
+  }
 }
 </script>
 <style scoped lang="scss">
diff --git a/src/components/common/Tatle.vue b/src/components/common/Tatle.vue
index 0650f4db8508f3e516e2a4529857df17bef75c48..aa02f628440bc25153506cf859b25c8980e6907d 100644
--- a/src/components/common/Tatle.vue
+++ b/src/components/common/Tatle.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Watch } from "vue-property-decorator";
+import { Component, Vue, Prop, Watch,Emit } from "vue-property-decorator";
 /*
 * title
 */
@@ -34,9 +34,11 @@ import { Component, Vue, Prop, Watch } from "vue-property-decorator";
 export default class Tatle extends Vue {
     @Prop({ default: "" }) tatle: string | undefined
     @Prop({ default: true}) tatleflag : boolean|undefined
-    retyen(){
-      this.$router.back();
-    }
+    @Emit("retyen")
+    retyen(){}
+    // retyen(){
+    //   this.$router.back();
+    // }
 }
 </script>
 <style scoped lang="scss">
@@ -53,6 +55,6 @@ export default class Tatle extends Vue {
 
 .d-tatle{
   height: 50PX;
-  background: linear-gradient(90deg, rgba(118, 190, 250, 1) 0%, rgba(54, 114, 241, 1) 99%);
+  background: #0B54E0
 }
 </style>
diff --git a/src/views/authentication/LoginView.vue b/src/views/authentication/LoginView.vue
index df961a9bae75dea8ecef6a435acb2e23db5b99d7..3c9b8b93e3e257265ddef0b9db042e03871b8568 100644
--- a/src/views/authentication/LoginView.vue
+++ b/src/views/authentication/LoginView.vue
@@ -9,7 +9,7 @@
 <template>
   <div class="loginform">
     <div class="rarle">
-      <tatle-bar :tatle="tatleName"></tatle-bar>
+      <tatle-bar :tatle="tatleName" style="background: #0B54E0"></tatle-bar>
     </div>
     <div class="login">
 <!--      <van-row class="" style="padding: 10% 0%;">-->
@@ -20,10 +20,15 @@
 <!--}">请使用手机号或身份证号登录</span></van-col>-->
 <!--      </van-row>-->
 
+        <van-row type="flex" justify="center" style=" margin-top: 60px;">
 
-
-
-        <div class="logindiv" style="margin-top: 30%">
+            <van-col span="24"> 
+                  <div><img style=" width: 96%;" src="../../assets/images/hljnx.png" alt="" /></div>
+            </van-col>         
+        </van-row>
+       
+        
+        <div class="logindiv" style="margin-top: 20%">
           <span class="sopan">账号</span>
           <van-field @input="noChange"  v-model="loginNo"  :border="true" placeholder="请输入手机号或身份证号"
              />
@@ -74,7 +79,7 @@
         </div>
 
         <div style="margin: 16px;">
-          <van-button square block type="info" native-type="submit" @click="loginSystem()">登录</van-button>
+          <van-button square block type="info" style="background-color: #3672F1;border-radius: 5px;" native-type="submit" @click="loginSystem()">登录</van-button>
         </div>
       </van-form>
       <!-- <div>
diff --git a/src/views/login/ForgetPassView.vue b/src/views/login/ForgetPassView.vue
index 4fbd41140d472ed033251a397fa1f1b1c08668a5..e4bc178d253cd637f6f556a725343262dee78e88 100644
--- a/src/views/login/ForgetPassView.vue
+++ b/src/views/login/ForgetPassView.vue
@@ -9,11 +9,11 @@
 <template>
   <div class="loginform">
     <div class="rarle">
-      <tatle-bar :tatle="tatleName"></tatle-bar>
+      <tatle-bar :tatle="tatleName" style="background: #0B54E0"></tatle-bar>
     </div>
 
     <div class="login">
-      <van-row style="padding: 10% 0%">
+      <!-- <van-row style="padding: 10% 0%">
         <van-col span="24">
           <p class="polog">
             <span
@@ -31,9 +31,15 @@
             >请使用注册手机号码进行密码重置</span
           ></van-col
         >
-      </van-row>
+      </van-row> -->
+       <van-row type="flex" justify="center" style=" margin-top: 60px;">
+
+            <van-col span="24"> 
+                  <div><img style=" width: 96%;" src="../../assets/images/hljnx.png" alt="" /></div>
+            </van-col>         
+        </van-row>
       <van-form @submit="onSubmit">
-        <div class="logindiv">
+        <div class="logindiv" style="margin-top :20%;">
           <span class="sopan">账号</span>
           <van-field
 
@@ -109,7 +115,7 @@
         </div>
         <van-divider :style="{ margin: 0 }"></van-divider>
         <div style="margin: 16px">
-          <van-button square block type="info" native-type="submit"
+          <van-button square block type="info" native-type="submit" style="background-color: #3672F1;border-radius: 5px;"
             >登录</van-button
           >
         </div>
diff --git a/src/views/login/Register.vue b/src/views/login/Register.vue
index f6beb27912d6a59c518e7d958462712eef5e4280..96acb13e4713781d711376403b11dc92de5340af 100644
--- a/src/views/login/Register.vue
+++ b/src/views/login/Register.vue
@@ -8,21 +8,31 @@
 -->
 <template>
   <div class="loginform">
-    <div class="rarle">
-      <tatle-bar :tatle="tatleName"></tatle-bar>
+    <div class="rarle" >
+      <tatle-bar :tatle="tatleName" style="background: #0B54E0"></tatle-bar>
     </div>
 
+
+     
+
     <div class="login">
-      <van-row style="padding: 10% 0%;">
+      <!-- <van-row style="padding: 10% 0%;">
         <van-col span="24">
-          <p class="polog"><span class="font-size-18-dhc" style="padding: 2% 0%;font-weight: 600;">注册</span> </p>
+          <p class="polog"><span class="font-size-18-dhc" style="padding: 2% 0%;font-weight: 600; ">注册</span> </p>
         </van-col>
         <van-col span="24"><span class="font-size-12-dhc" style="font-weight: 400; font-family: 'Arial Normal', 'Arial';
 }">请使用机号码或身份证号码进行注册</span></van-col>
-      </van-row>
+      </van-row> -->
+
+       <van-row type="flex" justify="center" style=" margin-top: 60px;">
+
+            <van-col span="24"> 
+                  <div><img style=" width: 96%;" src="../../assets/images/hljnx.png" alt="" /></div>
+            </van-col>         
+        </van-row>
       <van-form>
-        <div class="logindiv">
-          <span class="sopan">账号</span>
+        <div class="logindiv" style="margin-top :20%; ">
+          <span class="sopan" style="padding: 10% 0%;">账号</span>
           <van-field @input="noChange" v-model="phone"   :border="true" placeholder="请输入手机号码/身份证号码"
               />
               <van-divider :style="{ margin: 0 }"></van-divider>
@@ -85,7 +95,7 @@
 
 
         <div style="margin: 16px;">
-          <van-button square block type="info" native-type="submit" @click="registSystem()">注册</van-button>
+          <van-button square block type="info" style="background-color: #3672F1;border-radius: 5px;" native-type="submit" @click="registSystem()">注册</van-button>
         </div>
       </van-form>
       <!-- <van-radio name="1" shape="square" v-model ="radio" @click="returen()">
@@ -93,7 +103,7 @@
         </van-radio> -->
       <div>
         <van-checkbox v-model="checked" shape="square" style="padding:0% 4%;">
-          <span>本人已阅读<a href="#">《线上金融服务平台注册服务协议》</a></span>
+          <span >本人已阅读<a style="color: #3672F1;" href="#">《线上金融服务平台注册服务协议》</a></span>
         </van-checkbox>
       </div>
     </div>
diff --git a/src/views/main/Main.vue b/src/views/main/Main.vue
index 774b036772a1ff158ad30bcd00fe6986f5e49f32..932baf6d78821ca0fc79371e22db1308857a7a11 100644
--- a/src/views/main/Main.vue
+++ b/src/views/main/Main.vue
@@ -8,7 +8,7 @@
 -->
 
 <template>
-  <div class="d-page d-flex flex-column" style="background-color: linear-gradient(to bottom, #0B54E0 50px , #ffffff); padding-bottom:20px;">
+  <div class="d-page d-flex flex-column" style="background-color: linear-gradient(to bottom, #0B54E0  , #ffffff); padding-bottom:20px;">
     <div class="rarle">
       <tools-bar :title="tatleName" style="width: 100%; height: calc(25vh)">
       </tools-bar>
diff --git a/src/views/main/MainView.vue b/src/views/main/MainView.vue
index 35e828dcae789fded3721f179febd90ca6ba8c6b..00dc25652bd7cd91e48d66bc60ed2544bc7045af 100644
--- a/src/views/main/MainView.vue
+++ b/src/views/main/MainView.vue
@@ -7,7 +7,7 @@
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
-  <div class="d-page d-flex flex-column" style=" background-color: #ebedf0 ">
+  <div class="d-page d-flex flex-column" style=" background-color: #ebedf0; ">
      <Main v-if="showFlag"></Main>
      <MyPage  v-if="!showFlag"></MyPage>
      <div >
diff --git a/src/views/workbench/PersonLod.vue b/src/views/workbench/PersonLod.vue
index c9f5de68aa5ec9d86cb5d6cbdf12f867ea383a1b..8734dc5cf256a14da5a247997388a8c791e8d061 100644
--- a/src/views/workbench/PersonLod.vue
+++ b/src/views/workbench/PersonLod.vue
@@ -11,7 +11,7 @@
   <div>
 
     <div class="rarle">
-      <tatle-bar :tatle="tatleName"></tatle-bar>
+      <tatle-bar :tatle="tatleName" style="background: #0B54E0"></tatle-bar>
     </div>
     <van-row type="flex" class="iconImg">
       <van-col span="24">
@@ -114,6 +114,9 @@ export default class PersonLod extends Vue {
         //参数
       })
   }
+    retyen(){
+      this.$router.back();
+    }
 
     modifyPassword(){
        this.$router.push({
diff --git a/src/views/workbench/modifyInfo.vue b/src/views/workbench/modifyInfo.vue
index 44ba53cbf82172ca21119d610fb82ebfaef5967d..9403c69a2400c56930a5f0cf8868891d46ad1db5 100644
--- a/src/views/workbench/modifyInfo.vue
+++ b/src/views/workbench/modifyInfo.vue
@@ -11,7 +11,7 @@
   <div>
 
     <div class="rarle">
-      <tatle-bar :tatle="tatleName"></tatle-bar>
+      <tatle-bar :tatle="tatleName"  style="background: #0B54E0"></tatle-bar>
     </div>
     <van-row type="flex" class="iconImg">
       <van-col span="24">
diff --git a/src/views/workbench/modifyPassword.vue b/src/views/workbench/modifyPassword.vue
index bbb9e121a1d054401f4bd25b4479b04ac2317061..4f1be0297229904ad64ebeceaeab5f4b2e4d7b8e 100644
--- a/src/views/workbench/modifyPassword.vue
+++ b/src/views/workbench/modifyPassword.vue
@@ -11,7 +11,7 @@
   <div>
 
     <div class="rarle">
-      <tatle-bar :tatle="tatleName"></tatle-bar>
+      <tatle-bar :tatle="tatleName"  style="background: #0B54E0"></tatle-bar>
     </div>
     <van-row type="flex" class="iconImg">
       <van-col span="24">