增加网络版广告

css/global.css

@@ -121,10 +121,53 @@ body{
 .software-list a:hover{
   text-decoration: none;
 }
+.freewrap{
+  background:#eee5df;
+  margin:0 15px 15px 15px;
+  border-radius: 3px;
+}
+.freewrap .col{
+  padding:0;
+}
+.free-title{
+  padding:10px 15px;
+  font-size: 18px;
+  border-radius: 3px 3px 0 0;
+}
+.free-content{
+  position:relative;
+  background:#fff;
+  padding:15px;
+  margin:0 15px 15px;
+  height:90px;
+  border:2px solid #fff;
+  border-radius: 3px;
+}
+.free-content:hover{
+  border:2px solid rgba(255,101,5,0.2);
+}
+.free-content:hover .btn-white{
+  background:#ff6501;
+  color:#fff;
+  border:1px solid #ff6501;
+}
+.freewrap .col:first-child{
+  margin-left: 15px;
+}
+.freewrap .col:last-child{
+  margin-right: 15px;
+}
+.freewrap .col:first-child .free-content{
+  margin-right: 0;
+}
+.free-right{
+  position:absolute;
+  right:15px;
+  bottom:10px;
+}
 .obtian-list{
   position:absolute;
   width:100%;
-  /*height:373px;*/
   overflow-y:auto;
 }
 .obtian-top{

software-list.html

@@ -79,6 +79,37 @@
       </div>
       <div class="software-wrap autoHeightL1">
         <div class="software-wrapscroll pt-3 autoHeightL1">
+          <div class="freewrap">
+            <div class="free-title"><img src="images/mainlogo.png" class="mr-2">纵横造价免费网络版</div>
+             <div class="row">
+              <div class="col">
+                <div class="media free-content">
+                  <img class="mr-3" src="images/product01.png" width="60" height="60" alt="公路造价（增值税）">
+                  <div class="media-body clearfix">
+                    <div class="free-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-download mr-2"></i>立即下载</button></div>
+                    <div class="software-body">
+                      <div class="software-bodyleft">
+                        <h5 class="software-title mb-1">纵横公路工程造价管理系统</h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="col">
+                <div class="media free-content">
+                  <img class="mr-3" src="images/product02.png" width="60" height="60" alt="公路造价（增值税）">
+                  <div class="media-body clearfix">
+                    <div class="free-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-download mr-2"></i>立即下载</button></div>
+                    <div class="software-body">
+                      <div class="software-bodyleft">
+                        <h5 class="software-title mb-1">广东公路造价编审系统</h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+             </div>
+          </div>
           <div class="software-list">
             <a href="software-details.html">
               <div class="media">