Merge remote-tracking branch 'origin/麦塔' into 麦塔

src/assets/css/cus-website/cus-website-common.scss

@@ -3,7 +3,7 @@
 /************************ 通用class样式 author: TX  date:2020-07-30 **********************/
 
 /* 去掉列表前的标识, li 会继承 */
-ol,ul{list-style:none;margin: 0;padding: 0;}
+ol,ul,dl,dt,dd{list-style:none;margin: 0;padding: 0;}
 
 /* 让标题都自定义, 适应多个系统应用 */
 h1,h2,h3,h4,h5,h6,p{font-size:100%;font-weight:normal;margin: 0;}
@@ -140,4 +140,42 @@ h1,h2,h3,h4,h5,h6,p{font-size:100%;font-weight:normal;margin: 0;}
       i{width: 19px;height: 24px;display:inline-block;background-image: url("~@/assets/images/website/component/" + "nav-phone.svg");margin-right: 8px;vertical-align: middle;}
       span{@include setFontStyle(-2);line-height: 80px;color: rgba(0,0,0,0.85);}
   }
+}
+
+/* 网站底部footer */
+.website-footer{
+  background: #1E2534;
+  //footer内容区域
+  .contact-box{
+    padding-top: 40px;
+    .contact-left-box{
+      display: inline-block;
+      dl{display: inline-block;margin-right: 48px;margin-bottom: 40px;vertical-align: top;}
+      dt{@include setFontStyle(-4);color: #FFFFFF;margin-bottom: 24px;}
+      dd{@include setFontStyle(-6);color: rgba(255,255,255,0.64);margin-bottom: 8px;}
+    }
+    .contact-right-box{
+      width: 170px;
+      float: right;
+      h3{@include setFontStyle(4);color: #FFF;margin-bottom: 16px;}
+      p{@include setFontStyle(-6);color: rgba(255,255,255,0.64);margin-bottom: 8px;}
+      a{@include setFontStyle(-6);color: #2B5CFD;}
+      a:hover{cursor: pointer;}
+    }
+  }
+  //友情链接区域
+  .link-box{
+    border: 1px solid #979797;
+    border-right: 0;
+    border-left: 0;
+    padding: 32px 0;
+    h4{@include setFontStyle(-4);color: #FFF;float: left;margin-right: 48px;}
+    .link-a-box{
+      margin-left: 114px;
+      line-height: 22px;
+      a{@include setFontStyle(-6);color: rgba(255,255,255,0.54);margin-right: 32px;white-space: nowrap;}
+    }
+  }
+  //底部版权
+  h5{@include setFontStyle(-8);color: #B8B8B8;text-align: center;padding: 16px 0 24px;}
 }

src/assets/css/cus-website/cus-website-page.scss

@@ -5,6 +5,7 @@
   /********  describe: 网站首页  author: TX  date:2020-07-30  ********/
   .website-index-page{
      width: 100%;
+
     /* 网站banner */
     .website-banner{
       width: 100%;
@@ -73,10 +74,6 @@
             .banner-i-run i:nth-child(3){width:7px;height:7px;bottom: 220px;left: 110px;opacity: 0;animation: 5s bannerRunI3 ease 3s infinite;-webkit-animation: 5s bannerRunI3 ease 3s infinite;-moz-animation: 5s bannerRunI3 ease infinite;-o-animation: 5s bannerRunI3 ease infinite;}
             .banner-i-run i:nth-child(4){width:9px;height:9px;bottom: 300px;left: 130px;opacity: 0;animation: 5s bannerRunI4 ease 4s infinite;-webkit-animation: 5s bannerRunI4 ease 4s infinite;-moz-animation: 5s bannerRunI4 ease infinite;-o-animation: 5s bannerRunI4 ease infinite;}
             .banner-i-run i:nth-child(5){width:6px;height:6px;bottom: 310px;left: 70px;opacity: 0;animation: 5s bannerRunI5 ease 5s infinite;-webkit-animation: 5s bannerRunI5 ease 5s infinite;-moz-animation: 5s bannerRunI5 ease infinite;-o-animation: 5s bannerRunI5 ease infinite;}
-           /* .banner-i-run i:nth-child(6){width:5px;height:5px;top: 150px;left: 150px;opacity: 0;animation: 2s bannerRunI6 ease 5s infinite;-webkit-animation: 2s bannerRunI6 ease 5s infinite;-moz-animation: 5s bannerRunI6 ease infinite;-o-animation: 5s bannerRunI6 ease infinite;}
-            .banner-i-run i:nth-child(7){width:6px;height:6px;top: 110px;left: 170px;opacity: 0;animation: 3s bannerRunI7 ease 6s infinite;-webkit-animation: 3s bannerRunI7 ease 6s infinite;-moz-animation: 5s bannerRunI7 ease infinite;-o-animation: 5s bannerRunI7 ease infinite;}
-            .banner-i-run i:nth-child(8){width:8px;height:8px;top: 80px;left: 120px;opacity: 0;animation: 4s bannerRunI8 ease 7s infinite;-webkit-animation: 4s bannerRunI8 ease 7s infinite;-moz-animation: 5s bannerRunI8 ease infinite;-o-animation: 5s bannerRunI8 ease infinite;}
-            .banner-i-run i:nth-child(9){width:6px;height:6px;top: 50px;left: 140px;opacity: 0;animation: 3s bannerRunI9 ease 8s infinite;-webkit-animation: 3s bannerRunI9 ease 8s infinite;-moz-animation: 5s bannerRunI9 ease infinite;-o-animation: 5s bannerRunI9 ease infinite;}*/
             @keyframes bannerRunI1 {
               0%{bottom: 150px;opacity: 1;}
               100%{bottom: 240px;opacity: 0;left: 70px;}
@@ -84,12 +81,12 @@
             @keyframes bannerRunI2 {
               //0%{opacity: 0.5;}
               0%{opacity: 0;}
-              5%{bottom: 240px;opacity: 0.6;}
+              5%{bottom: 240px;opacity: 0.7;}
               100%{bottom: 410px;opacity: 0;left: 40px;}
             }
             @keyframes bannerRunI3 {
               0%{opacity: 0;}
-              5%{bottom: 220px;opacity: 0.7;}
+              5%{bottom: 220px;opacity: 0.8;}
               100%{bottom: 380px;opacity: 0;left: 130px}
             }
             @keyframes bannerRunI4 {
@@ -99,38 +96,18 @@
             }
             @keyframes bannerRunI5 {
               0%{opacity: 0;}
-              5%{bottom: 310px;opacity: 0.5;}
+              5%{bottom: 310px;opacity: 0.6;}
               100%{bottom: 420px;opacity: 0;left: 110px}
             }
-           /* @keyframes bannerRunI6 {
-              0%{opacity: 0;}
-              5%{top: 150px;opacity: 0.5;}
-              100%{top: 30px;opacity: 0;}
-            }
-            @keyframes bannerRunI7 {
-              0%{opacity: 0;}
-              5%{top: 110px;opacity: 0.5;}
-              100%{top: 0;opacity: 0;}
-            }
-            @keyframes bannerRunI8 {
-              0%{opacity: 0;}
-              5%{top: 80px;opacity: 0.5;}
-              100%{top: 0;opacity: 0;}
-            }
-            @keyframes bannerRunI9 {
-              0%{opacity: 0;}
-              5%{top: 50px;opacity: 0.5;}
-              100%{top: 0;opacity: 0;}
-            }*/
       }
     }
 
     /* 网站标题 */
-    .website-index-title{ @include setFontStyle(14);color: rgba(0,0,0,0.85);letter-spacing: 0;margin-top: 96px;text-align: center;}
+    .website-index-title{ @include setFontStyle(14);color: rgba(0,0,0,0.85);letter-spacing: 0;padding-top: 96px;text-align: center;}
 
     /* 产品和服务 */
     .products-services-box{
-      margin: 136px 0 30px;
+      padding: 136px 0 30px;
         li{
           width: 33.33%;
           display: inline-block;
@@ -204,6 +181,100 @@
           }
         }
     }
+
+    /* 行业学习需求 */
+    .website-demand-box{
+      background: #F9FAFF;
+      padding-bottom: 96px;
+      // 行业ul
+      .industry-box{
+        li{
+          width: 25%;display: inline-block;padding-top: 56px;height: 147px;overflow: hidden;
+          img{margin: 0 auto;display: block;transition: all .2s linear;}
+          div{transition: all .25s linear;}
+          h2{@include setFontStyle(4);color: rgba(0,0,0,0.85);text-align: center;margin: 24px 0 16px;}
+          p{@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 24px;margin: 0 8px 8px;min-height: 48px;text-align: center;@include multi-line-ellipsis(2);}
+          a{@include setFontStyle(-4);width: max-content;display: block;color: #2B5CFD;line-height: 24px;margin: 0 auto;}
+        }
+        li:hover{
+          img{opacity: 0;transform: translateY(10px);}
+          div{margin-top: -147px}
+          h2{@include setFontStyle(0);margin-top: 80px;}
+          a{cursor: pointer;}
+        }
+      }
+    }
+
+    /* 超过10万家客户的信任之选 */
+    .website-customer-box{
+      .customer-img-box{
+        margin: 40px 0 80px;
+        li{
+          width: 20%;
+          display: inline-block;
+        }
+        img{margin: 16px auto;}
+      }
+    }
+
+    /* 我们始终专注教育系统研发更懂用户需求 */
+    .website-cert-box{
+      background: #F9FAFF;
+      padding-bottom: 96px;
+      .cert-img-box{
+        display: flex;
+        justify-content: space-between;
+        margin: 56px 0;
+          img{width: 16%;border: 2px solid #2B5CFD;border-radius: 8px;}
+      }
+      a{width:238px;height:40px;line-height: 40px;margin: 0 auto;text-align: center;@include setFontStyle(-4);display:block;background: #2B5CFD;border-radius: 4px;color: rgba(255,255,255,0.85);}
+    }
+
+    /* 为什么选择我们 */
+    .website-chose-box{
+      padding-bottom: 96px;
+      .chose-img-box{
+        li{
+          width: 25%;display: inline-block;
+          div{width: 205px;height: 205px;border-radius:50%;position:relative;margin: 56px auto 24px;transition: all 0.3s;}
+          i{width: 70px;height: 70px;position: absolute;top: 65px;left: 45px;}
+          h2{@include setFontStyle(4);text-align: center;color: rgba(0,0,0,0.85);}
+        }
+        li:nth-child(1){
+          div{background-image: url("~@/assets/images/website/index/" + "index-chose-service.png");}
+          i{background-image: url("~@/assets/images/website/index/" + "index-chose-service-icon.png");animation: 3s choseImgUpDown1 linear infinite;}
+        }
+        li:nth-child(2){
+          div{background-image: url("~@/assets/images/website/index/" + "index-chose-system.png");}
+          i{background-image: url("~@/assets/images/website/index/" + "index-chose-system-icon.png");top: 30px;left: 55px;animation: 3s choseImgUpDown2 linear infinite;}
+        }
+        li:nth-child(3){
+          div{background-image: url("~@/assets/images/website/index/" + "index-chose-tech.png");}
+          i{background-image: url("~@/assets/images/website/index/" + "index-chose-tech-icon.png");animation: 3s choseImgUpDown1 linear infinite;}
+        }
+        li:nth-child(4){
+          div{background-image: url("~@/assets/images/website/index/" + "index-chose-operate.png");}
+          i{background-image: url("~@/assets/images/website/index/" + "index-chose-operate-icon.png");top: 50px;animation: 3s choseImgUpDown3 linear infinite;}
+        }
+        li:hover{
+          div{box-shadow: 0 3px 9px rgba(43, 92, 253,0.25);transform: translateY(-10px);cursor: pointer;}
+          h2{color: #2B5CFD;}
+        }
+        //选择我们动画效果
+        @keyframes choseImgUpDown1 {
+          0%, to {top: 65px;}
+          50% {top: 55px;}
+        }
+        @keyframes choseImgUpDown2 {
+          0%, to {top: 30px;}
+          50% {top: 40px;}
+        }
+        @keyframes choseImgUpDown3 {
+          0%, to {top: 40px;}
+          50% {top: 50px;}
+        }
+      }
+    }
   }
 }
 

src/views/client/Index.vue

@@ -40,10 +40,6 @@
                         <i></i>
                         <i></i>
                         <i></i>
-                     <!--   <i></i>
-                        <i></i>
-                        <i></i>
-                        <i></i>-->
                     </div>
                 </div>
             </div>
@@ -81,12 +77,148 @@
                 </ul>
             </div>
         </div>
+
+        <!-- 行业学习需求 -->
+        <div class="website-demand-box">
+            <div class="website-container">
+                <h1 class="website-index-title">满足不同行业学习需求</h1>
+                <ul class="industry-box">
+                    <li><img :src="demandImg1" alt="政府机构"><div><h2>政府机构</h2><p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a>了解更多</a></div></li>
+                    <li><img :src="demandImg2" alt="医药卫生"><div><h2>医药卫生</h2><p>提高行政服务人员</p><a>了解更多</a></div></li>
+                    <li><img :src="demandImg3" alt="能源化工"><div><h2>能源化工</h2><p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a>了解更多</a></div></li>
+                    <li><img :src="demandImg4" alt="信息产业"><div><h2>信息产业</h2><p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a>了解更多</a></div></li>
+                    <li><img :src="demandImg5" alt="交通运输"><div><h2>交通运输</h2><p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a>了解更多</a></div></li>
+                    <li><img :src="demandImg6" alt="机械机电"><div><h2>机械机电</h2><p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a>了解更多</a></div></li>
+                    <li><img :src="demandImg7" alt="教育培训"><div><h2>教育培训</h2><p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a>了解更多</a></div></li>
+                    <li><img :src="demandImg8" alt="食品餐饮"><div><h2>食品餐饮</h2><p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a>了解更多</a></div></li>
+                    <li><img :src="demandImg9" alt="金融保险"><div><h2>金融保险</h2><p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a>了解更多</a></div></li>
+                    <li><img :src="demandImg10" alt="汽车制造"><div><h2>汽车制造</h2><p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a>了解更多</a></div></li>
+                    <li><img :src="demandImg11" alt="新闻出版"><div><h2>新闻出版</h2><p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a>了解更多</a></div></li>
+                    <li><img :src="demandImg12" alt="更多"><div><h2>更多</h2><p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a>了解更多</a></div></li>
+                </ul>
+            </div>
+        </div>
+
+        <!-- 超过10万家客户的信任之选 -->
+        <div class="website-customer-box">
+            <div class="website-container">
+                <h1 class="website-index-title">超过10万家客户的信任之选</h1>
+                <ul class="customer-img-box">
+                    <li><img :src="customerImg1" alt="中国人民银行"></li>
+                    <li><img :src="customerImg2" alt="汇丰"></li>
+                    <li><img :src="customerImg3" alt="中国银行"></li>
+                    <li><img :src="customerImg4" alt="中信银行"></li>
+                    <li><img :src="customerImg5" alt="中国民生银行"></li>
+                    <li><img :src="customerImg6" alt="astellas"></li>
+                    <li><img :src="customerImg7" alt="今日头条"></li>
+                    <li><img :src="customerImg8" alt="华图教育"></li>
+                    <li><img :src="customerImg9" alt="步步高"></li>
+                    <li><img :src="customerImg10" alt="小天才"></li>
+                    <li><img :src="customerImg11" alt="华发股份"></li>
+                    <li><img :src="customerImg12" alt="上海航空"></li>
+                    <li><img :src="customerImg13" alt="中国国际航空公司"></li>
+                    <li><img :src="customerImg14" alt="中国东方航空"></li>
+                    <li><img :src="customerImg15" alt="深圳航空"></li>
+                    <li><img :src="customerImg16" alt="中建八局"></li>
+                    <li><img :src="customerImg17" alt="SANOFI"></li>
+                    <li><img :src="customerImg18" alt="大连海事大学"></li>
+                    <li><img :src="customerImg19" alt="南京银行"></li>
+                    <li><img :src="customerImg20" alt="中国人民银行"></li>
+                </ul>
+            </div>
+        </div>
+
+        <!-- 我们始终专注教育系统研发更懂用户需求 -->
+        <div class="website-cert-box">
+            <div class="website-container">
+                <h1 class="website-index-title">我们始终专注教育系统研发更懂用户需求</h1>
+                <div class="cert-img-box">
+                    <img :src="certImg1" alt="栋科考试管理系统">
+                    <img :src="certImg2" alt="栋科精品课程管理系统">
+                    <img :src="certImg3" alt="栋科课程管理系统">
+                    <img :src="certImg4" alt="栋科用户管理系统">
+                </div>
+                <div class="cert-img-box">
+                    <img :src="certImg5" alt="栋科网校运营系统">
+                    <img :src="certImg6" alt="麦塔考试系统">
+                    <img :src="certImg7" alt="麦塔培训系统">
+                    <img :src="certImg8" alt="知识产权管理体系认证证书">
+                </div>
+                <a>了解更多</a>
+            </div>
+        </div>
+
+        <!-- 为什么选择我们 -->
+        <div class="website-chose-box">
+            <div class="website-container">
+                <h1 class="website-index-title">为什么选择我们</h1>
+                <ul class="chose-img-box">
+                    <li><div><i></i></div><h2>专业的顾问服务</h2></li>
+                    <li><div><i></i></div><h2>完善的培训体系</h2></li>
+                    <li><div><i></i></div><h2>可靠的开发技术</h2></li>
+                    <li><div><i></i></div><h2>成熟的运营能力</h2></li>
+                </ul>
+            </div>
+        </div>
+
+        <!-- 底部footer -->
+        <div class="website-footer">
+            <div class="website-container">
+                <div class="contact-box">
+                    <div class="contact-left-box">
+                        <dl>
+                            <dt>产品服务</dt>
+                            <dd>考试平台</dd>
+                            <dd>培训平台</dd>
+                            <dd>课程开发</dd>
+                        </dl>
+                        <dl>
+                            <dt>关于栋科</dt>
+                            <dd>公司简介</dd>
+                            <dd>加入栋科</dd>
+                            <dd>联系我们</dd>
+                        </dl>
+                        <dl>
+                            <dt>帮助中心</dt>
+                            <dd>说明文档</dd>
+                            <dd>应用下载</dd>
+                        </dl>
+                        <dl>
+                            <dt>法律声明</dt>
+                            <dd>服务条款</dd>
+                            <dd>隐私声明</dd>
+                            <dd>知识维权</dd>
+                        </dl>
+                        <dl>
+                            <dt>关注我们</dt>
+                            <dd>微信公众号</dd>
+                            <dd>新浪微博</dd>
+                        </dl>
+                    </div>
+                    <div class="contact-right-box">
+                        <h3>400-052-2130</h3>
+                        <p>周一至周日9:00-18:00</p>
+                        <p>（仅收市话费）</p>
+                        <a>联系客服</a>
+                    </div>
+                </div>
+                <div class="link-box">
+                    <h4>友情链接</h4>
+                    <div class="link-a-box">
+                        <a>物流软件</a><a>免费erp管理系统</a><a>物流软件</a><a>免费erp管理系统</a><a>物流软件</a><a>免费erp管理系统</a><a>物流软件</a><a>免费erp管理系统</a><a>物流软件</a><a>新零售系统</a><a>物流软件</a><a>新零售系统</a><a>物流软件</a><a>新零售系统</a><a>物流软件</a><a>新零售系统</a><a>物流软件</a><a>新零售系统</a><a>物流软件</a><a>新零售系统</a>
+                    </div>
+                </div>
+                <h5>Copyright © 2019 llisoft.com All rights reserved 大连栋科软件工程有限公司 版权所有 辽ICP备09022904号-19</h5>
+            </div>
+        </div>
+
         <!--<div class="mta-index">
             <div class="block">
-                <el-carousel :interval="200000" type="card" height="500px">
+                <el-carousel :interval="200000" type="card" height="400px" :autoplay="false" arrow="always">
                     <el-carousel-item v-for="item in topCarousels" :key="item">
-                        <div style="width: 1300px; height: 768px;">
+                        <div style="width: 400px; height: 400px;">
                             <img :src="item">
+                            <div><h1>企业为什么需要微课</h1><p>新时代人才的特点，移动互联网、智能手机的普及，企业环境的变革，都是推动微课迅猛发展的重要原因。</p></div>
                         </div>
                     </el-carousel-item>
                 </el-carousel>
@@ -102,8 +234,50 @@
         },
         data() {
             return {
-                //
+                // 需求img
                 bannerTelImg: require(`@/assets/images/website/index/index-banner-screen.png`),
+                demandImg1: require(`@/assets/images/website/index/index-demand-img1.png`),
+                demandImg2: require(`@/assets/images/website/index/index-demand-img2.png`),
+                demandImg3: require(`@/assets/images/website/index/index-demand-img3.png`),
+                demandImg4: require(`@/assets/images/website/index/index-demand-img4.png`),
+                demandImg5: require(`@/assets/images/website/index/index-demand-img5.png`),
+                demandImg6: require(`@/assets/images/website/index/index-demand-img6.png`),
+                demandImg7: require(`@/assets/images/website/index/index-demand-img7.png`),
+                demandImg8: require(`@/assets/images/website/index/index-demand-img8.png`),
+                demandImg9: require(`@/assets/images/website/index/index-demand-img9.png`),
+                demandImg10: require(`@/assets/images/website/index/index-demand-img10.png`),
+                demandImg11: require(`@/assets/images/website/index/index-demand-img11.png`),
+                demandImg12: require(`@/assets/images/website/index/index-demand-img12.png`),
+                // 客户logo
+                customerImg1: require(`@/assets/images/website/index/index-customer-img1.png`),
+                customerImg2: require(`@/assets/images/website/index/index-customer-img2.png`),
+                customerImg3: require(`@/assets/images/website/index/index-customer-img3.png`),
+                customerImg4: require(`@/assets/images/website/index/index-customer-img4.png`),
+                customerImg5: require(`@/assets/images/website/index/index-customer-img5.png`),
+                customerImg6: require(`@/assets/images/website/index/index-customer-img6.png`),
+                customerImg7: require(`@/assets/images/website/index/index-customer-img7.png`),
+                customerImg8: require(`@/assets/images/website/index/index-customer-img8.png`),
+                customerImg9: require(`@/assets/images/website/index/index-customer-img9.png`),
+                customerImg10: require(`@/assets/images/website/index/index-customer-img10.png`),
+                customerImg11: require(`@/assets/images/website/index/index-customer-img11.png`),
+                customerImg12: require(`@/assets/images/website/index/index-customer-img12.png`),
+                customerImg13: require(`@/assets/images/website/index/index-customer-img13.png`),
+                customerImg14: require(`@/assets/images/website/index/index-customer-img14.png`),
+                customerImg15: require(`@/assets/images/website/index/index-customer-img15.png`),
+                customerImg16: require(`@/assets/images/website/index/index-customer-img16.png`),
+                customerImg17: require(`@/assets/images/website/index/index-customer-img17.png`),
+                customerImg18: require(`@/assets/images/website/index/index-customer-img18.png`),
+                customerImg19: require(`@/assets/images/website/index/index-customer-img19.png`),
+                customerImg20: require(`@/assets/images/website/index/index-customer-img20.png`),
+                //证书图片
+                certImg1: require(`@/assets/images/website/index/index-cert-img1.jpg`),
+                certImg2: require(`@/assets/images/website/index/index-cert-img2.jpg`),
+                certImg3: require(`@/assets/images/website/index/index-cert-img3.jpg`),
+                certImg4: require(`@/assets/images/website/index/index-cert-img4.jpg`),
+                certImg5: require(`@/assets/images/website/index/index-cert-img5.jpg`),
+                certImg6: require(`@/assets/images/website/index/index-cert-img6.jpg`),
+                certImg7: require(`@/assets/images/website/index/index-cert-img7.jpg`),
+                certImg8: require(`@/assets/images/website/index/index-cert-img8.jpg`),
                 activeIndex:  '首页',
                 topCarousels: [],
             };
@@ -149,6 +323,7 @@
         font-size:   14px;
         line-height: 200px;
         margin:      0;
+        /*transform:scale(1)!important;*/
     }
 
     .el-carousel__item:nth-child(2n) {
@@ -157,6 +332,7 @@
 
     .el-carousel__item:nth-child(2n+1) {
         background-color: #D3DCE6;
+        /*transform:scale(1)!important;*/
     }
 
 </style>