|
|
.gift-advance-page {
|
|
|
.gift-advance-good {
|
|
|
position: relative;
|
|
|
padding: 20rem / $pxConvertRem 0;
|
|
|
margin-left: 34rem / $pxConvertRem;
|
|
|
height: 160rem / $pxConvertRem;
|
|
|
border-bottom: 1px solid #e0e0e0;
|
|
|
|
|
|
&:last-child {
|
|
|
border-bottom: none;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
.advance-block .gift-advance-good:last-child {
|
|
|
border-bottom: none;
|
|
|
}
|
|
|
|
|
|
.advance-block:last-child .gift-advance-good:last-child {
|
|
|
border-bottom: 1px solid #e0e0e0;
|
|
|
}
|
|
|
|
|
|
.thumb-wrap {
|
|
|
position: relative;
|
|
|
float: left;
|
|
|
width: 120rem / $pxConvertRem;
|
|
|
height: 160rem / $pxConvertRem;
|
|
|
|
|
|
.thumb {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.tag {
|
|
|
position: absolute;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
height: 25rem / $pxConvertRem;
|
|
|
color: #fff;
|
|
|
text-align: center;
|
|
|
background: #a1ce4e;
|
|
|
|
|
|
&:before {
|
|
|
content: '赠品';
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.deps {
|
|
|
margin-left: 135rem / $pxConvertRem;
|
|
|
}
|
|
|
|
|
|
.name {
|
|
|
font-size: 28rem / $pxConvertRem;
|
|
|
}
|
|
|
|
|
|
.row:nth-child(2) {
|
|
|
font-size: 22rem / $pxConvertRem;
|
|
|
height: 45rem / $pxConvertRem;
|
|
|
line-height: 45rem / $pxConvertRem;
|
|
|
|
|
|
> span {
|
|
|
margin-right: 15rem / $pxConvertRem;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.row:nth-child(3) {
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.color, .size {
|
|
|
color: #b6b6b6;
|
|
|
}
|
|
|
|
|
|
.price {
|
|
|
font-size: 24rem / $pxConvertRem;
|
|
|
color: #000;
|
|
|
}
|
|
|
|
|
|
.count {
|
|
|
font-size: 20rem / $pxConvertRem;
|
|
|
color: #999;
|
|
|
margin-left: 22rem / $pxConvertRem;
|
|
|
}
|
|
|
|
|
|
.chose {
|
|
|
position: absolute;
|
|
|
width: 88rem / $pxConvertRem;
|
|
|
height: 58rem / $pxConvertRem;
|
|
|
background: #f8f8f8;
|
|
|
border: 1px solid #ccc;
|
|
|
right: 20rem / $pxConvertRem;
|
|
|
top: 71rem / $pxConvertRem;
|
|
|
font-size: 26rem / $pxConvertRem;
|
|
|
}
|
|
|
|
|
|
.title {
|
|
|
height: 50rem / $pxConvertRem;
|
|
|
line-height: 50rem / $pxConvertRem;
|
|
|
padding-left: 20rem / $pxConvertRem;
|
|
|
font-size: 24rem / $pxConvertRem;
|
|
|
background: #f8f8f8;
|
|
|
}
|
|
|
|
|
|
.advance-block .tag {
|
|
|
background: #eb76aa;
|
|
|
&:before {
|
|
|
content: '加价购';
|
|
|
}
|
|
|
}
|
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|