diy_notice.wxss
996 Bytes
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
.big_border {
width: 100%;
height: 80rpx;
margin-left:40rpx;
display: flex;
align-items: center;
}
.image_c{
width: 35rpx;
height: 35rpx;
}
.view1 {
width: auto;
height: 60rpx;
line-height: 60rpx;
margin-left: 20rpx;
margin-top:15rpx;
font-size: 30rpx;
}
.border_min{
/* margin-top:-45rpx; */
width: 640rpx;
height: 60rpx;
display:inline-block;
overflow: hidden;
}
@keyframes kf-marque-animation{ 0% { transform: translateX(0); } 100% { transform: translateX(-33.3%); } }
.marquee{
width: 100%;
height: 44rpx;
line-height: 44rpx;
background: none;
border: none;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: clip;
position: relative;
font-size: 28rpx;
margin-left: 50rpx;
}
.marquee .content{
display: inline-block;
position: relative;
padding-right: 0px;
animation: kf-marque-animation 20s linear infinite;
white-space: nowrap;
line-height: 2rpx;font-size: 28rpx;
}
.pd_top10{margin: 10rpx 0}