修改视频架构

css/global.css

@@ -363,7 +363,7 @@ body{
   margin-bottom: 0;
 }
 .details-title{
-  width:72%;
+  width:85%;
   font-size: 16px;
   color:#333;
 }
@@ -530,7 +530,7 @@ body{
   margin: 3.7rem auto 0 auto !important;
 }
 .modal-body{
-  height:356px;
+  max-height:356px;
   overflow-y:auto;
 }
 .head-img{

software-index.html

@@ -104,12 +104,12 @@
                     <div class="downloading">
                       <form>
                         <div class="form-group">
-                          <label for="tel">邮箱/手机</label>
-                          <input type="tel" class="form-control form-control-sm" id="tel" aria-describedby="emailHelp" placeholder="通行账号 注册邮箱 或 注册手机号">
+                          <!-- <label for="tel">邮箱/手机</label> -->
+                          <input type="tel" class="form-control form-control-sm" id="tel" aria-describedby="emailHelp" placeholder="通行账号 邮箱 或 手机">
                         </div>
                         <div class="form-group">
-                          <label for="password">密码</label>
-                          <input type="password" class="form-control form-control-sm" id="password" aria-describedby="emailHelp" placeholder="请输入密码">
+                          <!-- <label for="password">密码</label> -->
+                          <input type="password" class="form-control form-control-sm" id="password" aria-describedby="emailHelp" placeholder="密码">
                         </div>
                         <button type="submit" class="btn btn-blue btn-sm mr-4 btn-block">登录</button>
                         <div class="alert alert-danger alert-sm mt-3" role="alert">帐号或者密码错误！</div>
@@ -142,7 +142,7 @@
                 </div>
               </div>
               <!-- 已开通免费网络版 -->
-              <!-- <div class="">
+              <div class="">
                 <div class="dropdown ml-2 mr-5">
                   <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     Hi <img class="head-img" src="images/headimg2.png">
@@ -159,7 +159,7 @@
                     </div>
                   </div>
                 </div>
-              </div> -->
+              </div>
               <div class="">
                 <div class="mt-1 mr-3"><a href="#" class="colorblack"><i class="fas fa-minus"></i></a></div>
               </div>
@@ -334,68 +334,88 @@
               <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 class="row">
+                    <div class="col-4 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>
-                    <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 class="col-4 mb-4">
+                      <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>
-                    <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 class="col-4 mb-4">
+                      <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>
-                    <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 class="col-4 mb-4">
+                      <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>
-                    <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 class="col-4 mb-4">
+                      <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>
                   </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 class="row">
+                    <div class="col-4 mb-4">
+                      <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>
-                    <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 class="col-4 mb-4">
+                      <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>
-                    <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 class="col-4 mb-4">
+                      <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>
-                    <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 class="col-4 mb-4">
+                      <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>
-                    <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 class="col-4 mb-4">
+                      <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>
@@ -582,12 +602,12 @@
           <div class="modal-body">
             <form>
               <div class="form-group">
-                <label for="tel">邮箱/手机</label>
-                  <input type="tel" class="form-control form-control-sm" id="tel" aria-describedby="emailHelp" placeholder="请输入邮箱/手机">
+                <!-- <label for="tel">邮箱/手机</label> -->
+                  <input type="tel" class="form-control form-control-sm" id="tel" aria-describedby="emailHelp" placeholder="通行账号 邮箱 或 手机">
               </div>
               <div class="form-group">
-                <label for="password">密码</label>
-                  <input type="password" class="form-control form-control-sm" id="password" aria-describedby="emailHelp" placeholder="请输入密码">
+                <!-- <label for="password">密码</label> -->
+                  <input type="password" class="form-control form-control-sm" id="password" aria-describedby="emailHelp" placeholder="密码">
               </div>
               <button type="submit" class="btn btn-blue btn-sm mr-4 btn-block">登录</button>
               <div class="alert alert-danger alert-sm mt-3" role="alert">帐号或者密码错误！</div>