diff --git a/public/images/contribute.png b/public/images/contribute.png
new file mode 100644
index 00000000..9f7bccd3
Binary files /dev/null and b/public/images/contribute.png differ
diff --git a/src/views/portal/article/Detail.vue b/src/views/portal/article/Detail.vue
index 04c6142e..56706caa 100644
--- a/src/views/portal/article/Detail.vue
+++ b/src/views/portal/article/Detail.vue
@@ -4,7 +4,7 @@
     <div class="portal-content xcontent" style="margin-top: 30px;">
  <el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb-nav">
         <el-breadcrumb-item :to="{ path: '/article' }">文章列表</el-breadcrumb-item>
-        <el-breadcrumb-item>文章详情</el-breadcrumb-item>
+        <el-breadcrumb-item>文章详情</el-breadcrumb-item>    
       </el-breadcrumb>
       <div class="xrow" style="display: flex;justify-content: space-between;">
          <div style="flex: 1;" class="xcol content-div">
@@ -248,7 +248,22 @@ export default {
 </script>
 
 <style scoped lang="scss">
-
+.list-bg{
+    background: linear-gradient(180deg, #C3DEF8 0%, #FFFFFF 37%);
+  }
+.write-art{
+    width: 410px;
+    height: 67px;
+    text-align: center;
+    // line-height: 67px;
+    background: #DDEDFF;
+    border-radius: 8px;
+    font-size: 18px;
+    font-weight: 500;
+    border: none;
+    color: #387DF7;
+    margin-bottom: 22px;
+  }
 ::v-deep .el-card__body{
     padding: 0;
   }
diff --git a/src/views/portal/article/Index.vue b/src/views/portal/article/Index.vue
index 33680b1f..feb0d679 100644
--- a/src/views/portal/article/Index.vue
+++ b/src/views/portal/article/Index.vue
@@ -394,7 +394,8 @@ export default {
     background: url('/images/article-banner.png');
   }
  .list-bg{
-    background: linear-gradient(180deg, #C3DEF8 0%, #FFFFFF 37%);
+    // background: linear-gradient(180deg, #C3DEF8 0%, #FFFFFF 37%);
+    background-image: url('../../../../public/images/contribute.png') no-repeat 0 0;
   }
   .write-art{
     width: 410px;