Showing
1 changed file
with
81 additions
and
0 deletions
1 | +.trend-coll-wrapper { | ||
2 | + width: 100%; | ||
3 | + height: 645rem / $pxConvertRem; | ||
4 | +} | ||
5 | +.trend-coll-header { | ||
6 | + position: relative; | ||
7 | + widows: 100%; | ||
8 | + .trend-coll-title { | ||
9 | + width: 100%; | ||
10 | + height: 100rem / $pxConvertRem; | ||
11 | + line-height: 100rem / $pxConvertRem; | ||
12 | + text-align: center; | ||
13 | + font-size: 34rem / $pxConvertRem; | ||
14 | + color: #747474; | ||
15 | + } | ||
16 | + .more { | ||
17 | + position: absolute; | ||
18 | + right: 24rem / $pxConvertRem; | ||
19 | + top:20rem / $pxConvertRem; | ||
20 | + } | ||
21 | +} | ||
22 | +.trend-coll-content { | ||
23 | + width: 100%; | ||
24 | + .lspan { | ||
25 | + float: left; | ||
26 | + box-sizing: border-box; | ||
27 | + width: 50%; | ||
28 | + padding-left: 15rem / $pxConvertRem; | ||
29 | + } | ||
30 | + .rspan { | ||
31 | + float: right; | ||
32 | + box-sizing: border-box; | ||
33 | + width: 50%; | ||
34 | + padding-right: 15rem / $pxConvertRem; | ||
35 | + } | ||
36 | +} | ||
37 | +.lspanimg { | ||
38 | + display: block; | ||
39 | + float: right; | ||
40 | + width: 277rem / $pxConvertRem; | ||
41 | + height: 277rem / $pxConvertRem; | ||
42 | + } | ||
43 | +.rspanimg { | ||
44 | + display: block; | ||
45 | + float: right; | ||
46 | + width: 277rem / $pxConvertRem; | ||
47 | + height: 277rem / $pxConvertRem; | ||
48 | + } | ||
49 | +.trend-coll-tail { | ||
50 | + box-sizing: border-box; | ||
51 | + width: 100%; | ||
52 | + height: 267rem / $pxConvertRem; | ||
53 | + clear: both; | ||
54 | +} | ||
55 | +.recommend-title { | ||
56 | + widows: 100%; | ||
57 | + height: 100rem / $pxConvertRem; | ||
58 | + line-height: 100rem / $pxConvertRem; | ||
59 | + text-align: center; | ||
60 | + font-size: 34rem / $pxConvertRem; | ||
61 | +} | ||
62 | +.recommend-list { | ||
63 | + overflow: hidden; | ||
64 | + box-sizing: border-box; | ||
65 | + width: 100%; | ||
66 | + padding-left: 30rem / $pxConvertRem; | ||
67 | + padding-right: 30rem / $pxConvertRem; | ||
68 | + height: 120rem / $pxConvertRem; | ||
69 | +} | ||
70 | +.recommend-item { | ||
71 | + float: left; | ||
72 | + box-sizing: border-box; | ||
73 | + margin-right: 15rem / $pxConvertRem; | ||
74 | + width: 120rem / $pxConvertRem; | ||
75 | + height: 120rem / $pxConvertRem; | ||
76 | + border: 1px solid #000; | ||
77 | + img { | ||
78 | + width: 100%; | ||
79 | + height: 100%; | ||
80 | + } | ||
81 | +} |
-
Please register or login to post a comment