|
@@ -30,7 +30,46 @@ $basicBtnC:#eb0313; |
|
@@ -30,7 +30,46 @@ $basicBtnC:#eb0313; |
|
30
|
left: pxToRem(30px);
|
30
|
left: pxToRem(30px);
|
|
31
|
right: auto;
|
31
|
right: auto;
|
|
32
|
}
|
32
|
}
|
|
33
|
-
|
33
|
+.tag-container{
|
|
|
|
34
|
+ position: absolute;
|
|
|
|
35
|
+ left: pxToRem(108px);
|
|
|
|
36
|
+ top: pxToRem(40px);
|
|
|
|
37
|
+ height: pxToRem(35px);
|
|
|
|
38
|
+ // width: pxToRem(70px);
|
|
|
|
39
|
+ color: #fff;
|
|
|
|
40
|
+ font-size: pxToRem(20px);
|
|
|
|
41
|
+ line-height: pxToRem(35px);
|
|
|
|
42
|
+ z-index: 2;
|
|
|
|
43
|
+ .good-tag{
|
|
|
|
44
|
+ display: inline-block;
|
|
|
|
45
|
+ box-sizing: border-box;
|
|
|
|
46
|
+ margin-left: .5px;
|
|
|
|
47
|
+ font-size: pxToRem(23px);
|
|
|
|
48
|
+ text-align: center;
|
|
|
|
49
|
+ line-height: pxToRem(35px);
|
|
|
|
50
|
+ padding:0 8px;
|
|
|
|
51
|
+ }
|
|
|
|
52
|
+ .new-tag {
|
|
|
|
53
|
+ background-color: #78dc7e;
|
|
|
|
54
|
+ color: #fff;
|
|
|
|
55
|
+ }
|
|
|
|
56
|
+ .renew-tag {
|
|
|
|
57
|
+ background-color: #78dc7e;
|
|
|
|
58
|
+ color: #fff;
|
|
|
|
59
|
+ }
|
|
|
|
60
|
+ .sale-tag {
|
|
|
|
61
|
+ background-color: #ff575c;
|
|
|
|
62
|
+ color: #fff;
|
|
|
|
63
|
+ }
|
|
|
|
64
|
+ .new-festival-tag {
|
|
|
|
65
|
+ background-color: #000;
|
|
|
|
66
|
+ color: #fff;
|
|
|
|
67
|
+ }
|
|
|
|
68
|
+ .limit-tag {
|
|
|
|
69
|
+ border: 1px solid #000;
|
|
|
|
70
|
+ color: #000;
|
|
|
|
71
|
+ }
|
|
|
|
72
|
+}
|
|
34
|
.good-detail-page {
|
73
|
.good-detail-page {
|
|
35
|
overflow: hidden;
|
74
|
overflow: hidden;
|
|
36
|
background-color: #f0f0f0;
|
75
|
background-color: #f0f0f0;
|
|
@@ -83,19 +122,6 @@ $basicBtnC:#eb0313; |
|
@@ -83,19 +122,6 @@ $basicBtnC:#eb0313; |
|
83
|
position: relative;
|
122
|
position: relative;
|
|
84
|
background-color: #fff;
|
123
|
background-color: #fff;
|
|
85
|
// overflow: hidden;
|
124
|
// overflow: hidden;
|
|
86
|
- .is-new-lable {
|
|
|
|
87
|
- position: absolute;
|
|
|
|
88
|
- left: pxToRem(108px);
|
|
|
|
89
|
- top: pxToRem(40px);
|
|
|
|
90
|
- height: pxToRem(35px);
|
|
|
|
91
|
- width: pxToRem(70px);
|
|
|
|
92
|
- color: #fff;
|
|
|
|
93
|
- text-align: center;
|
|
|
|
94
|
- font-size: pxToRem(20px);
|
|
|
|
95
|
- line-height: pxToRem(35px);
|
|
|
|
96
|
- background-color: #7cd881;
|
|
|
|
97
|
- z-index: 2;
|
|
|
|
98
|
- }
|
|
|
|
99
|
}
|
125
|
}
|
|
100
|
.banner-top {
|
126
|
.banner-top {
|
|
101
|
// width: 100%;
|
127
|
// width: 100%;
|
