diff --git a/src/views/user/Mynotes.vue b/src/views/user/Mynotes.vue
index fe9387ec..5e5ead51 100644
--- a/src/views/user/Mynotes.vue
+++ b/src/views/user/Mynotes.vue
@@ -63,8 +63,8 @@
            <div class="note-all-info"  v-for="(item,idx) in datalist" :key="idx">
               <div class="all-title">
                  <h3 :class="item.courseId != ''?'pointer':''" @click="routerTo(item)"> {{ item.courseName }} </h3>
-                  <div v-if="item.type==2">导入</div>
-                  <div v-if="item.playTime != ''"><img :src="`${webBaseUrl}/images/coteplay.png`" alt=""> {{  getHMS(item.playTime) }} </div>
+                  <div class="drbut" v-if="item.type==2">导入</div>
+                  <div class="butbox" v-if="item.playTime != ''"><img :src="`${webBaseUrl}/images/coteplay.png`" alt=""> {{  getHMS(item.playTime) }} </div>
                   <span style="margin-left:14px">{{item.openType == 9?'公开':'私密'}}</span>
                   <h6>{{ item.sysUpdateTime }}</h6>
               </div>
@@ -550,6 +550,19 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.drbut{
+    width: 80px;
+    height: 30px;
+    border-radius: 4px;
+    border: 1px solid #3379FB;
+    font-size: 14px;
+    font-weight: 400;
+    color: #387DF7;
+    line-height: 30px;
+    text-align: center;
+    float: left;
+    margin: 0 20px;
+}
     ::v-deep .el-dropdown-menu__item:not(.is-disabled):hover{
    background-color: #fff !important;
    color: #0059FF !important;
@@ -714,7 +727,7 @@ export default {
                margin-top: 2px;
                display: inline-block;
            }
-           div{
+           .butbox{
                 width: 120px;
                 height: 30px;
                 border-radius: 4px;