|
|
@@ -259,22 +259,35 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
|
|
|
.client-details-page{
|
|
|
background: #f9faff;
|
|
|
width: 100%;
|
|
|
- .client-details-wrap{
|
|
|
+ // 时间人数
|
|
|
+ .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;}
|
|
|
+ }
|
|
|
+
|
|
|
+ //行业资讯详情外层box
|
|
|
+ .client-details-box{
|
|
|
width: 1200px;
|
|
|
margin: 24px auto;
|
|
|
- padding: 32px;
|
|
|
+ padding: 24px;
|
|
|
box-sizing: border-box;
|
|
|
background: #FFFFFF;
|
|
|
border-radius: 8px;
|
|
|
- min-height: calc(100vh - 170px);
|
|
|
- >h1{@include setFontStyle(0);color: rgba(0,0,0,0.85);margin-bottom: 16px;text-align: center}
|
|
|
- p{
|
|
|
- margin-bottom: 24px;
|
|
|
- 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;}
|
|
|
- }
|
|
|
+ }
|
|
|
+ // 行业资讯详情
|
|
|
+ .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-content-box{
|
|
|
+ min-height: 378px;
|
|
|
line-height: 24px;
|
|
|
color: rgba(0,0,0,0.64);
|
|
|
@include setFontStyle(-6);
|
|
|
@@ -282,6 +295,26 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
|
|
|
img{max-width: 100%;}
|
|
|
h1,h2,h3,h4,h5,h6,p{margin-bottom: 10px;}
|
|
|
}
|
|
|
+ // 上一篇下一篇
|
|
|
+ .client-details-pagination{
|
|
|
+ span{max-width: 45%;float: left;@include setFontStyle(-4);color: rgba(43,92,253,0.85);display: inline-block;@include single-line-ellipsis;}
|
|
|
+ span:last-child{margin-left: 10%;float: right;}
|
|
|
+ span:hover{color: #1648EE;cursor: pointer}
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 最新新闻
|
|
|
+ .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{@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}
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
tanxue
