lo

@@ -15,6 +15,7 @@
 // </script>
 // </script>
 <template>
 <template>
   <div class="counter">
   <div class="counter">
+    <div class="box">
       <div class="hed">
       <div class="hed">
       <div class="leftt">我的课程</div>
       <div class="leftt">我的课程</div>
       <div class="rightt">
       <div class="rightt">
@@ -116,20 +117,24 @@
       </div>
       </div>
     </div>
     </div>
     </div>
     </div>
+    
+  </div>
 </template>
 </template>
 
 
 <style lang="scss">
 <style lang="scss">
 .counter {
 .counter {
   width: 100%;
   width: 100%;
   background-color: #f2f2f2;
   background-color: #f2f2f2;
-
+.box{
+  width:100% ;
+}
   .ban {
   .ban {
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
     justify-content: space-around;
     justify-content: space-around;
-    margin-top: 30px;
+    margin-top: 20px;
     .item{
     .item{
-      margin: 50px;
+      margin: 40px;
     }
     }
     .title{
     .title{
       text-align: center;
       text-align: center;
@@ -142,8 +147,6 @@
       }
       }
     
     
     }
     }
-
-
     .bod {
     .bod {
       display: flex;
       display: flex;
       margin-top: 30px;
       margin-top: 30px;