修改视频显示结构

css/global.css

@@ -554,4 +554,7 @@ body{
 }
 .alert-sm{
   padding: .25rem .5rem;
+}
+.card-width{
+  width:189px;
 }

software-index.html

@@ -335,40 +335,40 @@
                 <div class="software-tab-pane autoHeightL3">
                   <h1 class="vide-title">专属教程</h1>
                   <div class="row">
-                    <div class="col-4 mb-4">
-                      <div class="card">
+                    <div class="col-auto mb-4">
+                      <div class="card card-width">
                         <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>
-                    <div class="col-4 mb-4">
-                      <div class="card">
+                    <div class="col-auto mb-4">
+                      <div class="card card-width">
                         <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>
-                    <div class="col-4 mb-4">
-                      <div class="card">
+                    <div class="col-auto mb-4">
+                      <div class="card card-width">
                         <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>
-                    <div class="col-4 mb-4">
-                      <div class="card">
+                    <div class="col-auto mb-4">
+                      <div class="card card-width">
                         <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>
-                    <div class="col-4 mb-4">
-                      <div class="card">
+                    <div class="col-auto mb-4">
+                      <div class="card card-width">
                         <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>
@@ -378,40 +378,40 @@
                   </div>
                   <h1 class="vide-title">通用教程</h1>
                   <div class="row">
-                    <div class="col-4 mb-4">
-                      <div class="card">
+                    <div class="col-auto mb-4">
+                      <div class="card card-width">
                         <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>
-                    <div class="col-4 mb-4">
-                      <div class="card">
+                    <div class="col-auto mb-4">
+                      <div class="card card-width">
                         <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>
-                    <div class="col-4 mb-4">
-                      <div class="card">
+                    <div class="col-auto mb-4">
+                      <div class="card card-width">
                         <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>
-                    <div class="col-4 mb-4">
-                      <div class="card">
+                    <div class="col-auto mb-4">
+                      <div class="card card-width">
                         <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>
-                    <div class="col-4 mb-4">
-                      <div class="card">
+                    <div class="col-auto mb-4">
+                      <div class="card card-width">
                         <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>