code review by fei.hong: do coupon huodong final sale three times
Showing
1 changed file
with
130 additions
and
0 deletions
static/huodong/cuxiao/css/final/sale2.css
0 → 100644
1 | +* { | ||
2 | + margin: 0; | ||
3 | + padding: 0; | ||
4 | +} | ||
5 | +.coupon-christmas img { | ||
6 | + display: block; | ||
7 | + max-width: 100%; | ||
8 | +} | ||
9 | + | ||
10 | +.coupon-top { | ||
11 | + position: relative; | ||
12 | +} | ||
13 | +.coupon-top .go-check { | ||
14 | + position: absolute; | ||
15 | + top: 6.95rem; | ||
16 | + width: 100%; | ||
17 | + height: 11.65rem; | ||
18 | +} | ||
19 | +.coupon-top .share-btn { | ||
20 | + position: absolute; | ||
21 | + width: 14.075rem; | ||
22 | + height: 2.275rem; | ||
23 | + bottom: 0.875rem; | ||
24 | + left: 50%; | ||
25 | + margin: 0 0 0 -7.0375rem; | ||
26 | + background-size: 100%; | ||
27 | + | ||
28 | +} | ||
29 | + | ||
30 | +.coupon-bottom { | ||
31 | + height: 10.825rem; | ||
32 | + background: url(../../img/final/160125/bottom-bg.png) no-repeat bottom center; | ||
33 | + background-size: 100% 100%; | ||
34 | +} | ||
35 | + | ||
36 | +.coupon-banner { | ||
37 | + text-align: center; | ||
38 | + font-size: 0; | ||
39 | +} | ||
40 | +.coupon-banner a { | ||
41 | + display: inline-block; | ||
42 | + width: 6.85rem; | ||
43 | + height: 3.85rem; | ||
44 | + margin: 0 0.175rem 0.1rem; | ||
45 | +} | ||
46 | +.coupon-banner img { | ||
47 | + display: block; | ||
48 | + width: 100%; | ||
49 | + height: 100%; | ||
50 | +} | ||
51 | +.bottom-btn { | ||
52 | + position: relative; | ||
53 | + margin: 0.375rem auto 0; | ||
54 | + width: 14.05rem; | ||
55 | + height: 1.775rem; | ||
56 | + font-size: 0; | ||
57 | +} | ||
58 | +.bottom-btn a{ | ||
59 | + position: absolute; | ||
60 | + top: 0; | ||
61 | + width: 7.65rem; | ||
62 | + height: 100%; | ||
63 | +} | ||
64 | +.bottom-btn a.follow-yoho { | ||
65 | + width: 6.0rem; | ||
66 | + left: 0; | ||
67 | +} | ||
68 | +.bottom-btn a.download-yoho { | ||
69 | + right: 0; | ||
70 | +} | ||
71 | +.modal { | ||
72 | + position: fixed; | ||
73 | + top: 0; | ||
74 | + right: 0; | ||
75 | + bottom: 0; | ||
76 | + left: 0; | ||
77 | + background: url(../../img/final/160125/share.png) center top no-repeat; | ||
78 | + -webkit-background-size: 100%; | ||
79 | + -moz-background-size: 100%; | ||
80 | + background-size: 100%; | ||
81 | + display: none; | ||
82 | +} | ||
83 | + | ||
84 | +.has-done { | ||
85 | + position: fixed; | ||
86 | + top: 0; | ||
87 | + right: 0; | ||
88 | + bottom: 0; | ||
89 | + left: 0; | ||
90 | + background: rgba(0,0,0,0.4) url(../../img/final/160125/11.png); | ||
91 | + background-repeat: no-repeat; | ||
92 | + background-size: 80% auto; | ||
93 | + background-position: center center; | ||
94 | + overflow: hidden; | ||
95 | + display: none; | ||
96 | +} | ||
97 | + | ||
98 | +.dialog-box { | ||
99 | + display: none; | ||
100 | + position: fixed; | ||
101 | + top: 0; | ||
102 | + right: 0; | ||
103 | + bottom: 0; | ||
104 | + left: 0; | ||
105 | + background: rgba(0,0,0,0.4); | ||
106 | + z-index: 999; | ||
107 | +} | ||
108 | + | ||
109 | +.dialog-inner { | ||
110 | + position: absolute; | ||
111 | + width: 13.425rem; | ||
112 | + height: 8.9rem; | ||
113 | + top: 50%; | ||
114 | + left: 50%; | ||
115 | + margin: -4.45rem 0 0 -6.7125rem; | ||
116 | +} | ||
117 | + | ||
118 | +.dialog-inner img { | ||
119 | + max-width: 100%; | ||
120 | +} | ||
121 | + | ||
122 | +.dialog-inner span { | ||
123 | + position: absolute; | ||
124 | + width: 6.85rem; | ||
125 | + height: 1.45rem; | ||
126 | + bottom: 0.9rem; | ||
127 | + left: 50%; | ||
128 | + margin: 0 0 0 -3.425rem; | ||
129 | + cursor: pointer; | ||
130 | +} |
-
Please register or login to post a comment