更改Z+名称和增加产品视频教程内容

css/bootstrap.css

@@ -4568,12 +4568,14 @@ input[type="button"].btn-block {
     orphans: 1;
     widows: 1;
   }
+}
   .card-columns .card {
     display: inline-block;
     width: 100%;
   }
 }
 
+
 .accordion .card:not(:first-of-type):not(:last-of-type) {
   border-bottom: 0;
   border-radius: 0;

css/global.css

@@ -353,6 +353,10 @@ body{
   background:#0fb890;
   color:#fff;
 }
+.iconbg-yellow{
+  background:#bfad6a;
+  color:#fff;
+}
 .details{
   background:#fbf6f3;
   padding:15px;
@@ -384,9 +388,6 @@ body{
   font-weight: bold;
   color:#333;
 }
-/*.w-25{
-  width:60%!important;
-}*/
 .local-software-content{
   height:364px;
   overflow-y:auto;
@@ -398,6 +399,10 @@ body{
 .dropdown-toggle::after{
   border:none;
 }
+.vide-title{
+  margin:0 0 20px 0;
+  font-size: 16px;
+}
 
 .bolangbanner {
   top: 98px;

software-details.html

@@ -15,7 +15,7 @@
         <div class="d-flex">
           <div class=""><span class="header-return"><a href="software-list.html"><i class="fas fa-angle-left"></i></a></span></div>
           <div class="p-2"><img src="images/softIcon.png" width="30" height="30"></div>
-          <div class="p-2"><h5 class="mt-1">纵横 Z+ 造价工作平台<span class="version-name">版本：V30.01</span></h5></div>
+          <div class="p-2"><h5 class="mt-1">纵横 Z+<span class="version-name">版本：V30.01</span></h5></div>
           <div class="ml-auto p-2 pt-3">
             <div class="d-flex flex-wrap">
               <div class="">

software-index.html

@@ -14,7 +14,7 @@
       <div class="header">
         <div class="d-flex">
           <div class="pt-2 pb-2 pr-2"><img src="images/softIcon.png" width="30" height="30"></div>
-          <div class="p-2"><h5 class="mt-1">纵横 Z+ 造价工作平台<span class="version-name">版本：V30.01</span></h5></div>
+          <div class="p-2"><h5 class="mt-1">纵横 Z+<span class="version-name">版本：V30.01</span></h5></div>
           <div class="ml-auto p-2 pt-3">
             <div class="d-flex flex-wrap">
               <div class="">
@@ -149,6 +149,9 @@
               <li class="nav-item">
                 <a class="nav-link" id="profile-tab" data-toggle="tab" href="#details" role="tab" aria-controls="profile" aria-selected="false"><span class="iconbg iconbg-green rounded"><i class="fas fa-info"></i></span>软件详情</a>
               </li>
+              <li class="nav-item">
+                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#videos" role="tab" aria-controls="profile" aria-selected="false"><span class="iconbg iconbg-yellow rounded"><i class="fas fa-video"></i></span>动画教程</a>
+              </li>
             </ul>
             <div class="tab-content software-content" id="myTabContent">
               <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
@@ -224,6 +227,76 @@
                   <p><img title="公路造价操作流程图.png" src="http://smartcost.com.cn/global/upload/img/20151028/14459972402207.png"></p>
                 </div>
               </div>
+              <div class="tab-pane fade pr-3" id="videos" role="tabpanel" aria-labelledby="profile-tab">
+                <div class="software-tab-pane autoHeightL3">
+                  <h1 class="vide-title">专属教程</h1>
+                  <div class="card-columns mb-4">
+                    <div class="card">
+                      <img class="card-img-top" src="images/videos/glzj-01.jpg" alt="Card image cap">
+                      <div class="card-body p-3">
+                        <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
+                      </div>
+                    </div>
+                    <div class="card">
+                      <img class="card-img-top" src="images/videos/glzj-02.jpg" alt="Card image cap">
+                      <div class="card-body p-3">
+                        <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
+                      </div>
+                    </div>
+                    <div class="card">
+                      <img class="card-img-top" src="images/videos/glzj-03.jpg" alt="Card image cap">
+                      <div class="card-body p-3">
+                        <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
+                      </div>
+                    </div>
+                    <div class="card">
+                      <img class="card-img-top" src="images/videos/glzj-04.jpg" alt="Card image cap">
+                      <div class="card-body p-3">
+                        <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
+                      </div>
+                    </div>
+                    <div class="card">
+                      <img class="card-img-top" src="images/videos/glzj-05.jpg" alt="Card image cap">
+                      <div class="card-body p-3">
+                        <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
+                      </div>
+                    </div>
+                  </div>
+                  <h1 class="vide-title">通用教程</h1>
+                  <div class="card-columns">
+                    <div class="card">
+                      <img class="card-img-top" src="images/videos/common01.jpg" alt="Card image cap">
+                      <div class="card-body p-3">
+                        <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
+                      </div>
+                    </div>
+                    <div class="card">
+                      <img class="card-img-top" src="images/videos/common02.jpg" alt="Card image cap">
+                      <div class="card-body p-3">
+                        <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
+                      </div>
+                    </div>
+                    <div class="card">
+                      <img class="card-img-top" src="images/videos/common03.jpg" alt="Card image cap">
+                      <div class="card-body p-3">
+                        <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
+                      </div>
+                    </div>
+                    <div class="card">
+                      <img class="card-img-top" src="images/videos/common04.jpg" alt="Card image cap">
+                      <div class="card-body p-3">
+                        <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
+                      </div>
+                    </div>
+                    <div class="card">
+                      <img class="card-img-top" src="images/videos/common05.jpg" alt="Card image cap">
+                      <div class="card-body p-3">
+                        <a class="btn btn-success btn-block btn-sm" href="#" target="_blank"><i class="fas fa-play-circle pr-1"></i>播放</a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
             </div>
           </div>
         </div>

software-list.html

@@ -15,7 +15,7 @@
         <div class="d-flex">
           <div class=""><span class="header-return"><a href="softwrae-welcome.html"><i class="fas fa-angle-left"></i></a></span></div>
           <div class="p-2"><img src="images/softIcon.png" width="30" height="30"></div>
-          <div class="p-2"><h5 class="mt-1">纵横 Z+ 造价工作平台<span class="version-name">版本：V30.01</span></h5></div>
+          <div class="p-2"><h5 class="mt-1">纵横 Z+<span class="version-name">版本：V30.01</span></h5></div>
           <div class="ml-auto p-2 pt-3">
             <div class="d-flex flex-wrap">
               <div class="">

softwrae-obtain.html

@@ -15,7 +15,7 @@
         <div class="d-flex">
           <div class=""><span class="header-return"><a href="softwrae-welcome.html"><i class="fas fa-angle-left"></i></a></span></div>
           <div class="p-2"><img src="images/softIcon.png" width="30" height="30"></div>
-          <div class="p-2"><h5 class="mt-1">纵横 Z+ 造价工作平台<span class="version-name">版本：V30.01</span></h5></div>
+          <div class="p-2"><h5 class="mt-1">纵横 Z+<span class="version-name">版本：V30.01</span></h5></div>
           <div class="ml-auto p-2 pt-3">
             <div class="d-flex flex-wrap">
               <div class="">

softwrae-welcome.html

@@ -14,7 +14,7 @@
       <div class="header">
         <div class="d-flex">
           <div class="pt-2 pb-2 pr-2"><img src="images/softIcon.png" width="30" height="30"></div>
-          <div class="p-2"><h5 class="mt-1">纵横 Z+ 造价工作平台<span class="version-name">版本：V30.01</span></h5></div>
+          <div class="p-2"><h5 class="mt-1">纵横 Z+<span class="version-name">版本：V30.01</span></h5></div>
           <div class="ml-auto p-2 pt-3">
             <div class="d-flex flex-wrap">
               <div class="">