...
|
...
|
@@ -7,6 +7,7 @@ |
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
margin-top: -14rem / $pxConvertRem;
|
|
|
margin-left: 20rem / $pxConvertRem;
|
|
|
font-size: 28rem / $pxConvertRem;
|
|
|
color: #f0f0f0;
|
|
|
|
...
|
...
|
@@ -15,9 +16,40 @@ |
|
|
}
|
|
|
}
|
|
|
|
|
|
.few-tag{
|
|
|
width: 132rem / $pxConvertRem;
|
|
|
position: absolute;
|
|
|
left: 100rem / $pxConvertRem;
|
|
|
text-align: center;
|
|
|
top: 75%;
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
|
|
.gift-tag {
|
|
|
background-color: #88BE51;
|
|
|
}
|
|
|
|
|
|
.plus-tag {
|
|
|
background-color: #FC1264;
|
|
|
}
|
|
|
|
|
|
.few-tag-expire {
|
|
|
position: absolute;
|
|
|
top: 40%;
|
|
|
left: 20rem / $pxConvertRem;
|
|
|
background-color: #7f7f7f;
|
|
|
display: inline-block;
|
|
|
color: #fff;
|
|
|
border-radius: 12rem / $pxConvertRem;
|
|
|
padding: 4rem / $pxConvertRem;
|
|
|
font-size: 20rem / $pxConvertRem;
|
|
|
width: 48rem / $pxConvertRem;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.info {
|
|
|
float: left;
|
|
|
margin-left: 30rem / $pxConvertRem;
|
|
|
margin-left: 60rem / $pxConvertRem;
|
|
|
padding: 16rem / $pxConvertRem 0;
|
|
|
padding-right: 20rem / $pxConvertRem;
|
|
|
}
|
...
|
...
|
@@ -32,13 +64,18 @@ |
|
|
|
|
|
.deps {
|
|
|
margin-left: 173rem / $pxConvertRem;
|
|
|
padding-bottom: 60rem / $pxConvertRem;
|
|
|
padding-bottom: 72rem / $pxConvertRem;
|
|
|
border-bottom: 1px solid #e0e0e0;
|
|
|
width: 380rem / $pxConvertRem;
|
|
|
position: relative;
|
|
|
min-height: 140rem / $pxConvertRem;
|
|
|
}
|
|
|
|
|
|
.name {
|
|
|
font-size: 28rem / $pxConvertRem;
|
|
|
color: #5a5a5a;
|
|
|
width: 80%;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
|
|
|
.row:nth-child(2) {
|
...
|
...
|
@@ -71,9 +108,13 @@ |
|
|
}
|
|
|
|
|
|
.count {
|
|
|
font-size: 20rem / $pxConvertRem;
|
|
|
font-size: 32rem / $pxConvertRem;
|
|
|
color: #999;
|
|
|
margin-left: 22rem / $pxConvertRem;
|
|
|
//margin-left: 22rem / $pxConvertRem;
|
|
|
display: inline-block;
|
|
|
width: 19%;
|
|
|
position: absolute;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.sold-out, .low-stocks {
|
...
|
...
|
@@ -205,7 +246,6 @@ |
|
|
top: 20rem / $pxConvertRem;;
|
|
|
font-size: 52em / $pxConvertRem;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
...
|
...
|
|