党建文化修改

src/views/Djwh/index.vue

@@ -2,7 +2,7 @@
   <div class="djwh ">
     <div class="row  status-container">
       <div class="col-lg-2"></div>
-      <div class="col-lg-8">
+      <div class="col-lg-8" style="padding:0 20px">
         <!-- header -->
         <div class="header">
            <img src="../../assets/image/djwh/top_pho.jpg" />
@@ -13,8 +13,8 @@
         <!-- container -->
         <div class="row djwh-container">
           <div class="col-lg-9 " >
-            <div class="row">
-              <div class="col-lg-5 left-img">
+            <div class="row row-left" >
+              <div class="col-lg-5 left-img" style="padding-left:23px;padding-right:15px">
                 <div class="border-div">
                     <a href="https://www.12371.cn/special/19jlzqh/">
                       <img :src="`${urls.gs1cn}djwh/images/19jlzqh.jpg`" alt="">
@@ -25,7 +25,7 @@
                 </div>
 
               </div>
-              <div class="col-lg-7 middle-header">
+              <div class="col-lg-7 middle-header" style="padding-right:15px">
                 <div class="border-div ">
                    <a href="http://www.samr.gov.cn/zt/bwcx/">
                       <img src="../../assets/image/djwh/tt_pho.gif" alt="">
@@ -52,7 +52,7 @@
                 </div>
 
               </div>
-              <div class="col-lg-12">
+              <div class="col-lg-12"  style="padding-left:23px;padding-right:15px">
                   <div class="ds">
                     <div>
                       <img src="../../assets/image/djwh/dsjy-title.gif" alt="">
@@ -66,7 +66,7 @@
                     </div>
                   </div>
               </div>
-              <div class="col-lg-12">
+              <div class="col-lg-12"  style="padding-left:23px;padding-right:15px">
                 <div class="ds hdtp">
                     <div>
                       <img src="../../assets/image/djwh/pho_bg5.gif" alt="">
@@ -82,7 +82,7 @@
                     </div>
                   </div>
               </div>
-              <div class="col-lg-12 foottp">
+              <div class="col-lg-12 foottp"  style="padding-left:23px;padding-right:15px">
 
                 <img src="../../assets/image/djwh/19th.gif" alt="">
               </div>
@@ -325,6 +325,11 @@ export default {
 
 
     }
+    .row{
+       >div{
+         padding:0 12px!important;
+       }
+     }
   .ds{
      .list-style{
        width: 80%!important;
@@ -357,12 +362,19 @@ html{
         padding: 10px;
         box-sizing: border-box;
         a{
+          line-height: 20px;
           font-size: 16px;
           text-decoration: underline;
           color:#fff;
         }
      }
    }
+    .row{
+       >div{
+         padding-left:0px;
+       }
+     }
+     
    .border-div{
      width: 100%;
 
@@ -377,21 +389,19 @@ html{
       img:first-child{
         margin-bottom: 5px;
       }
-
-
-
      }
+    
      .middle-header{
       .border-div:first-child{
         padding: 6px;
         height: 78px;
         a{
           display: inline-block;
-          width:20%;
+          width:23%;
         }
         img{
           width: 100%;
-          // height: 60px;
+          height: 60px;
 
         }
       }
@@ -432,18 +442,24 @@ html{
         float: left;
       }
      .list-style{
-       width: 87%;
+       width: 88%;
        float: left;
        background-color: #fff;
        border-radius: 10px;
        padding: 5px;
        margin-top: 0%;
+       
+       li{
+         padding: 3px;
+       }
      }
    }
    .hdtp{
      .list-style{
+       height: 140px;
        a{
          display: inline-block;
+         height: 100%!important;
         width: 25%;
         float: left;
         padding: 4px 3px;
@@ -471,7 +487,7 @@ html{
 
    #box{
      float: right;
-      width: 78%;
+      width: 76%;
       height: 60px;
 
       overflow: hidden;
@@ -505,11 +521,15 @@ html{
         font-weight: 800;
 
       }
+      .list-style{
+        margin-top: 15px;
+      }
       .list-style:first-child{
           margin-top: 0;
       }
+      
       li{
-        line-height: 22px;
+        // line-height: 22px;
         a{
           width: 90%;
           font-size: 13px;
@@ -523,7 +543,7 @@ html{
       img{
         height: 72px;
         width: 100%;
-        padding: 0 15px 5px 15px;
+        padding: 5px 15px 0 15px;
       }
     }
 
@@ -537,7 +557,7 @@ html{
 }
 .list-style{
         padding: 0;
-        margin-top: 15px;
+        margin-top: 10px;
         .middle-list{
          padding: 5px 0;
         }
@@ -549,11 +569,11 @@ html{
         li{
 
           font-size: 14px;
-          margin: 4px;
-          line-height: 24px;
+          padding: 4px;
+          line-height: normal;
           a{
             display: inline-block;
-            width: 95%;
+            width: 93%;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space:nowrap;
@@ -567,7 +587,7 @@ html{
         }
         li::before{
             content: "\25CF";
-             margin-right: 5px;
+             margin-right: 10px;
              float: left;
              font-size: 10px;
           }