diff --git a/css/index.css b/css/index.css
index 70e9f97..dbe7dcd 100644
--- a/css/index.css
+++ b/css/index.css
@@ -244,11 +244,12 @@
 .recruit {
   width: 100%;
   height: 502px;
-  background: linear-gradient(-36.49404556deg, #cfe0f9 -23%, #f1f2df 39%, #eef7f5 114%);
   border: 1px solid #ebebeb;
   border-radius: 16px;
   padding: 24px 30px 24px;
   margin-bottom: 20px;
+  position: relative;
+  z-index: 1;
 }
 .recruit .title {
   justify-content: space-between;
@@ -449,6 +450,14 @@
   font-size: 13px;
   margin: 0 12px;
 }
+.recruit .bj {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
 .data .fall {
   width: 285px;
   display: block;
@@ -514,9 +523,7 @@
 .data .item .type {
   width: 284px;
   height: 40px;
-  background: -webkit-linear-gradient(164.3443153deg, #cff7ff -38%, #eff0d1 31%, #cff7ff 115%);
-  background: -moz-linear-gradient(-74.3443153deg, #cff7ff -38%, #eff0d1 31%, #cff7ff 115%);
-  background: linear-gradient(-74.3443153deg, #cff7ff -38%, #eff0d1 31%, #cff7ff 115%);
+  background: linear-gradient(82.271363deg, #e7f7f4 0%, #dfecf4 65%, #bcd7ea 99%);
   border-radius: 0 0 12px 12px;
   margin-left: -15px;
 }
diff --git a/css/index.less b/css/index.less
index 590fb87..fc3287a 100644
--- a/css/index.less
+++ b/css/index.less
@@ -278,11 +278,13 @@
 .recruit {
     width: 100%;
     height: 502px;
-    background: linear-gradient(-36.4940455615096deg, rgba(207, 224, 249, 1) -23%, rgba(241, 242, 223, 1) 39%, rgba(238, 247, 245, 1) 114%);
+    // background: linear-gradient(-36.4940455615096deg, rgba(207, 224, 249, 1) -23%, rgba(241, 242, 223, 1) 39%, rgba(238, 247, 245, 1) 114%);
     border: 1px solid rgba(235, 235, 235, 1);
     border-radius: 16px;
     padding: 24px 30px 24px;
     margin-bottom: 20px;
+    position: relative;
+    z-index: 1;
 
     .title {
         justify-content: space-between;
@@ -501,6 +503,15 @@
             margin: 0 12px;
         }
     }
+
+    .bj {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: -1;
+    }
 }
 
 .data {
@@ -571,14 +582,9 @@
         }
 
         .type {
-            // position: absolute;
-            // bottom: 0;
-            // left: 0;
             width: 284px;
             height: 40px;
-            background: -webkit-linear-gradient(164.344315300508deg, rgba(207, 247, 255, 1) -38%, rgba(239, 240, 209, 1) 31%, rgba(207, 247, 255, 1) 115%);
-            background: -moz-linear-gradient(-74.344315300508deg, rgba(207, 247, 255, 1) -38%, rgba(239, 240, 209, 1) 31%, rgba(207, 247, 255, 1) 115%);
-            background: linear-gradient(-74.344315300508deg, rgba(207, 247, 255, 1) -38%, rgba(239, 240, 209, 1) 31%, rgba(207, 247, 255, 1) 115%);
+            background: linear-gradient(82.2713630040484deg, rgba(231, 247, 244, 1) 0%, rgba(223, 236, 244, 1) 65%, rgba(188, 215, 234, 1) 99%);
             border-radius: 0 0 12px 12px;
             margin-left: -15px;
             .type-name {
diff --git a/img/angle.svg b/img/angle.svg
index a065adf..934d017 100644
--- a/img/angle.svg
+++ b/img/angle.svg
@@ -1,13 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" xmlns="http://www.w3.org/2000/svg">
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="30px" xmlns="http://www.w3.org/2000/svg">
   <defs>
-    <linearGradient gradientUnits="userSpaceOnUse" x1="54.2" y1="80" x2="-4.60000000000001" y2="-36.9999999999999" id="LinearGradient68">
-      <stop id="Stop69" stop-color="#cff7ff" offset="0" />
-      <stop id="Stop70" stop-color="#eff0d1" offset="0.45" />
-      <stop id="Stop71" stop-color="#cff7ff" offset="1" />
+    <linearGradient gradientUnits="userSpaceOnUse" x1="0" y1="30" x2="30" y2="30" id="LinearGradient248">
+      <stop id="Stop249" stop-color="#c6dded" offset="0" />
+      <stop id="Stop250" stop-color="#bdd8eb" offset="1" />
     </linearGradient>
   </defs>
-  <g transform="matrix(1 0 0 1 -1215 -2057 )">
-    <path d="M 40 40  L 0 40  C 22.4 40  40 22.3999999999999  40 0  L 40 40  Z " fill-rule="nonzero" fill="url(#LinearGradient68)" stroke="none" transform="matrix(1 0 0 1 1215 2057 )" />
+  <g transform="matrix(1 0 0 1 -1225 -2041 )">
+    <path d="M 30 30  L 0 30  C 16.8 30  30 16.8  30 0  L 30 30  Z " fill-rule="nonzero" fill="url(#LinearGradient248)" stroke="none" transform="matrix(1 0 0 1 1225 2041 )" />
   </g>
 </svg>
\ No newline at end of file
diff --git a/img/recruit-bj.png b/img/recruit-bj.png
new file mode 100644
index 0000000..0ed2d1f
Binary files /dev/null and b/img/recruit-bj.png differ