|
|
@@ -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;}
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
/********************************* 麦塔栅格**********************************/
|
|
|
/*
|
|
|
栅格说明：
|
tanxue