integral.wxss
1.3 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
page{
background: #f8f8f8;
}
.top{
padding:36rpx 32rpx;
text-align: right;
}
.top image{
width: 56rpx;
height: 56rpx;
}
.nav{
padding:28rpx;
text-align: center;
}
.nav text{
font-size: 28rpx;
line-height: 40rpx;
color:rgba(150,151,153,1);
}
.nav view{
font-size: 64rpx;
font-weight: 600;
}
.moon{
display: flex;
margin-bottom: 40rpx;
flex-wrap: wrap;
padding: 34rpx;
box-sizing: border-box;
}
.mony{
border-radius: 12rpx;
width:49%;
height:520rpx;
background: #ffffff;
overflow: hidden;
margin-top: 18rpx;
}
.mony:nth-child(2n){
margin-left: 2%;
}
.mony image{
width: 100%;
height: 336rpx;
}
.mon-1{
padding: 24rpx;
}
.mon-1 text{
font-size: 28rpx;
color:rgba(50,50,51,1);
font-weight: 600;
}
.mon-2{
display: flex;
justify-content: space-between;
font-size: 24rpx;
}
.mon-4{
display: flex;
color:rgba(255,177,61,1);
margin-top: 8rpx;
}
.mon-4 image{
margin-right: 8rpx;
margin-top: 4rpx;
}
.mon-2 image{
width: 32rpx;
height: 32rpx;
vertical-align: middle;
}
.mon-3{
width: 104rpx;
height: 56rpx;
line-height: 56rpx;
text-align: center;
border-radius: 60rpx;
background: rgba(255,200,61,1);
}