图片问题

src/views/index.vue

@@ -34,7 +34,7 @@
             <li @click="coopDetails(item, 1)" v-if="item.openFlag" class="item">
               <img src="../images/course/icon-kc-1.png" alt="">
               <span>课程</span>
-              <img v-if="item.bindCardStatus" class="buy" src="../images/course/icon-buy.png" alt="">
+              <img v-if="item.bindCardStatus" class="buy" src="../images/course/icon-buy-kc.png" alt="">
             </li>
             <li v-if="!item.openFlag && item.resourceModelList.length" class="item-pre">
               <div class="pre">
@@ -47,7 +47,7 @@
             <li @click="coopDetails(item, 2)" v-if="item.directoryList.length" class="item tk">
               <img src="../images/course/icon-tk-1.png" alt="">
               <span>题库</span>
-              <img v-if="item.bindDirectoryCardStatus" class="buy" src="../images/course/icon-buy.png" alt="">
+              <img v-if="item.bindDirectoryCardStatus" class="buy" src="../images/course/icon-buy-tk.png" alt="">
             </li>
           </ul>
         </div>
@@ -60,7 +60,7 @@
             <li @click="coopDetails(item, 1)" v-if="item.openFlag" class="item">
               <img src="../images/course/icon-kc-1.png" alt="">
               <span>课程</span>
-              <img v-if="item.bindCardStatus" class="buy" src="../images/course/icon-buy.png" alt="">
+              <img v-if="item.bindCardStatus" class="buy" src="../images/course/icon-buy-kc.png" alt="">
             </li>
             <li v-if="!item.openFlag && item.resourceModelList.length" class="item-pre">
               <div class="pre">
@@ -72,7 +72,7 @@
             <li @click="coopDetails(item, 2)" v-if="item.directoryList.length" class="item tk">
               <img src="../images/course/icon-tk-1.png" alt="">
               <span>题库</span>
-              <img v-if="item.bindDirectoryCardStatus" class="buy" src="../images/course/icon-buy.png" alt="">
+              <img v-if="item.bindDirectoryCardStatus" class="buy" src="../images/course/icon-buy-tk.png" alt="">
             </li>
           </ul>
         </div>
@@ -511,8 +511,8 @@ export default {
             }
             .buy {
               position: absolute;
-              top: 0;
-              right: -1px;
+              top: -1px;
+              right: -1.5px;
               z-index: 3;
               width: 34px;
               height: 15px;
@@ -525,7 +525,7 @@ export default {
             height: 40px;
             background: rgba(59, 134, 253, 0.05);
             border-radius: 6px;
-            border: 1px solid #3B86FD;
+            border: 1px solid #D7DFF0;
             align-items: center;
             justify-content: center;
             & > .pre {