追加漫剧

assets/scss/cus-client/cus-client-page.scss

@@ -2220,6 +2220,9 @@
       // banner
       .website-synopsis-banner{height: 150px;background-size: cover;}
       // row
+      .synopsis-services-box.first {
+        margin-top:-50px
+      }
       .synopsis-services-box{
         width:100%;flex-direction: column;padding: 0;
         // 头部图片
@@ -2239,6 +2242,7 @@
           .synopsis-list-box.maju-li li {
             width: 150px;
           }
+
           .client-btn-box{text-align: center;margin:40px 0;}
           .client-default-Btn,.client-default-white-Btn{width: 120px;height: 35px;line-height: 35px;}
           a,div.client-default-Btn{margin-right: 16px}

pages/courseware/synopsis.vue

@@ -8,8 +8,8 @@
       <div class="website-course-services">
         <h4 class="client-title">课程开发</h4>
         <ul>
-          <li class="synopsis-blue">
-            <div class="synopsis-services-box website-row-reverse">
+          <li>
+            <div class="synopsis-services-box website-row-reverse first">
               <img :src="synopsisImg0" alt="高端动画" />
               <div class="course-services-content">
                 <h6>漫剧定制</h6>
@@ -22,7 +22,7 @@
               </div>
             </div>
           </li>
-          <li>
+          <li class="synopsis-blue">
               <div class="synopsis-services-box">
                 <img :src="synopsisImg1" alt="教学课程" />
                 <div class="course-services-content">
@@ -35,7 +35,7 @@
                 </div>
               </div>
           </li>
-          <li class="synopsis-blue">
+          <li>
               <div class="synopsis-services-box website-row-reverse">
                 <img :src="synopsisImg2" alt="高端动画" />
                 <div class="course-services-content">
@@ -48,7 +48,7 @@
                 </div>
               </div>
           </li>
-          <li>
+          <li  class="synopsis-blue">
               <div class="synopsis-services-box">
                 <img :src="synopsisImg3" alt="微课开发" />
                 <div class="course-services-content">
@@ -61,7 +61,7 @@
                 </div>
               </div>
           </li>
-          <li class="synopsis-blue">
+          <li>
               <div class="synopsis-services-box website-row-reverse">
                 <img :src="synopsisImg4" alt="课件PPT" />
                 <div class="course-services-content">
@@ -74,7 +74,7 @@
                 </div>
               </div>
           </li>
-          <li>
+          <li class="synopsis-blue" style="margin-bottom: 0">
               <div class="synopsis-services-box">
                 <img :src="synopsisImg5" alt="学习系统" />
                 <div class="course-services-content">