样式修改

assets/scss/cus-client/cus-client-common.scss

@@ -281,6 +281,9 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
   .products-services-content{float: right;}
 }
 
+/*  一行中内容逆向显示 */
+.website-row-reverse{flex-direction: row-reverse;}
+
 /* 网站分页 */
 .client-el-pagination{
   text-align: center;margin-top: 36px;
@@ -288,92 +291,41 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 }
 
 /* 网站通用详情页布局 */
-.client-details-page{
-  background: #f9faff;
-  width: 100%;
-  padding: 24px 0;
+.client-details-page {
+  width: 100%;padding: 24px 0;
   // 时间人数
-  .details-visits-box{
-    margin-bottom: 16px;
-    i{width: 20px;height: 20px;display: inline-block;margin-right: 14px;vertical-align: middle;background-image: url("~static/images/client/newsInfor/newsInfor-details-time.svg");}
-    i[type="visits"]{background-image: url("~static/images/client/newsInfor/newsInfor-details-visits.svg");}
-    span{@include setFontStyle(-6);display:inline-block;color: #666;margin-right: 60px;vertical-align: middle;}
+  .details-visits-box {
+    margin-bottom: 16px;display: flex;align-items: center;justify-content: center;
+    i {
+      width: 16px;height: 16px;margin-right: 8px;background-size: cover;
+      background-image: url("~static/images/website/common/data-icon.svg");
+    }
+    span {@include setFontStyle(-4);color: #666;}
   }
 
   //行业资讯详情外层box
-  .client-details-box{
-    width: 1200px;
-    margin: 0 auto;
-    padding: 24px;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    border-radius: 8px;
-  }
-  // 行业资讯详情
-  .client-details-wrap{
-    width: 820px;
-    display: inline-block;
-    padding-right: 24px;
-    border-right:1px solid #DCE0E8;
-    box-sizing: border-box;
-    vertical-align: top;
-    >h1{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 16px;}
+  .client-details-box {
+    width: 100%;margin: 0 auto;padding: 32px 0;
+
+    h1 {@include setFontStyle(2);color: #333;margin-bottom: 16px;text-align: center;line-height: 1.8;}
     //内容区域
-    .client-content-box{
-      min-height: calc(100vh - 587px);
-      line-height: 24px;
-      color: rgba(0,0,0,0.64);
-      @include setFontStyle(-6);
-      margin-bottom: 70px;
-      p{line-height: 22px;}
-      img{max-width: 100%;}
-      h1,h2,h3,h4,h5,h6,p{margin-bottom: 10px;}
-    }
-    // 上一篇下一篇
-    .client-details-pagination{
-      a{max-width: 45%;float: left;@include setFontStyle(-4);color: rgba(43,92,253,0.85);display: inline-block;@include single-line-ellipsis;}
-      a:last-child{margin-left: 10%;float: right;}
-      a:hover{color: #1648EE;cursor: pointer}
+    .client-content-box {
+      min-height: calc(100vh - 587px);line-height: 1.8;color: #666;
+      @include setFontStyle(-4);margin-bottom: 70px;
+      img {max-width: 100%;}
+      h1, h2, h3, h4, h5, h6, p {margin-bottom: 10px;}
     }
-  }
 
-  // 最新新闻
-  .latest-news-box{
-    width: 300px;
-    padding-left: 24px;
-    display: inline-block;
-    vertical-align: top;
-    h4{@include setFontStyle(-4);color: rgba(0,0,0,0.85);margin-bottom: 16px;}
-    .latest-news-list{
-      li{margin-bottom: 24px}
-      a{width: 100%;@include setFontStyle(-4);display:inline-block;color: rgba(43,92,253,0.65);margin-bottom: 8px;@include single-line-ellipsis;}
-      a:hover{color: rgba(43,92,253,0.85);cursor: pointer}
-    }
-    // 时间人数
-    .details-visits-box span{margin-right: 24px;}
-  }
-  @media (max-width: 768px) {
-    padding: 0;
-    // 时间人数
-    .details-visits-box{
-      margin-bottom: 36px;text-align: center;
-      i{width: 16px;height: 16px;margin-right: 6px;background-size: cover;}
-      span{@include setFontStyle(-8);margin-right: 24px;line-height: 12px;}
-    }
-    //行业资讯详情外层box
-    .client-details-box{width: 100%;}
-    // 行业资讯详情
-    .client-details-wrap{
-      width: 100%;border: 0;padding-right:0;
-      >h1{@include setFontStyle(-4);margin: 16px 0;text-align: center;font-weight: bolder;}
-      //内容区域
-      .client-content-box{
-        min-height:unset;
+    // 上一篇下一篇
+    .client-details-pagination {
+      a {
+        max-width: 45%;float: left;@include setFontStyle(-4);
+        color: #25ac83;display: inline-block;@include single-line-ellipsis;
       }
-      // 上一篇下一篇按钮
-      .client-details-pagination a{border: 1px solid rgba(43, 92, 253, 0.85);padding: 4px 12px;border-radius: 4px;}
-
+      a:last-child {margin-left: 10%;float: right;}
+      a:hover {color: #25ac83;cursor: pointer}
     }
+
   }
 }
 
@@ -569,8 +521,6 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 
 }
 
-/*  一行中内容逆向显示 */
-.website-row-reverse{flex-direction: row-reverse;}
 
 // 课程开发图片展示行
 .website-course-services{