新增公用组件

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

@@ -925,6 +925,33 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
       }
     }
 }
+
+/* 课程开发通用-新闻资讯样式  */
+.website-synopsis-news-box{
+  padding-bottom: 80px;
+  background: #f7f7f7;
+  ul{margin-top: 48px;}
+  li{
+    width: 50%;display: inline-block;vertical-align: top;
+    div{margin: 10px;padding:10px 10px 10px 0;}
+    img{width: 190px;height: 118px;float: left;margin-right: 24px;}
+    h4{@include setFontStyle(-2);color: #333;@include single-line-ellipsis;margin-bottom: 8px;}
+    h4:hover{color: #3e7ce7;cursor: pointer;}
+    span{display: block;@include setFontStyle(-4);color: #666;margin-bottom: 8px;}
+    p{@include setFontStyle(-6);height: 66px;line-height: 22px;color: #999;@include multi-line-ellipsis(3);}
+  }
+  @media (max-width: 768px){
+    li{
+      width: 100%;
+      div{padding:0;margin: 0 0 32px 0;}
+      img{width: 124px;height:78px;margin-right: 16px}
+      h4{@include setFontStyle(-8);margin-bottom: 6px;}
+      span{display: block;@include setFontStyle(-10);}
+      p{@include setFontStyle(-9);@include multi-line-ellipsis(2);height: 40px;line-height: 18px;}
+
+    }
+  }
+}
 /********************************* 麦塔栅格**********************************/
 /*
 栅格说明：