news.css
1.56 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
.page-container .news-content {
width: 100%;
/*background: #EFF3F8;*/
padding: 20px 0 40px 0;
min-height: 600px;
background: url("../image/news_bg.jpg") no-repeat;
background-size: cover;
}
.news-content .news-container {
width: 1200px;
margin: 0 auto;
background: #ffffff;
}
.news-container .news-tab {
display: flex;
justify-content: space-between;
}
.news-container .news-tab .tab {
width: 300px;
height: 54px;
line-height: 54px;
background: #E9F4FF;
text-align: center;
color: #3287FE;
}
.news-tab .tab-active {
background: #3287FE !important;
color: #ffffff !important;
}
.news-list {
min-height: 300px;
padding: 0 0 50px 0;
}
.news-list .empty {
text-align: center;
height: 300px;
padding: 50px 0;
}
.news-list .news-item a {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px dashed #E0E0E0;
padding: 0 15px;
}
.news-item .point {
width: 6px;
height: 6px;
border-radius: 100%;
background: #3287FE;
margin: 0 10px 0 0;
}
.news-item .title {
height: 18px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #262626;
width: calc(100% - 200px);
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
height: 56px;
line-height: 56px;
}
.news-item .time {
width: 200px;
text-align: right;
font-size: 16px;
font-family: Arial;
font-weight: 400;
color: #999999;
height: 56px;
line-height: 56px;
}