82 lines
1.7 KiB
SCSS
82 lines
1.7 KiB
SCSS
@function px2rem($px, $rem:75){
|
|
@return $px / $rem + rem
|
|
};
|
|
|
|
|
|
.wrap{
|
|
// width: px2rem(600);
|
|
// height: px2rem(860);
|
|
// margin: 0 auto;
|
|
margin: px2rem(0) px2rem(30) px2rem(0) px2rem(40);
|
|
|
|
// border-radius: px2rem(24);
|
|
// border: 1px solid #ccc;
|
|
|
|
header{
|
|
margin-top: px2rem(40);
|
|
margin-bottom: px2rem(30);
|
|
text-align: center;
|
|
color: #333333;
|
|
font-size: px2rem(32);
|
|
font-weight: bold;
|
|
}
|
|
|
|
p.desc{
|
|
margin-top: px2rem(40);
|
|
color: #666666;
|
|
font-size: px2rem(26);
|
|
}
|
|
|
|
ul{
|
|
|
|
li{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
height: px2rem(108);
|
|
border-bottom: px2rem(1) solid #F4F4F4;
|
|
|
|
.gift-pic{
|
|
width: px2rem(68);
|
|
height: px2rem(66);
|
|
}
|
|
|
|
.gift-detail{
|
|
flex: 1;
|
|
margin-left: px2rem(32);
|
|
|
|
.gift-name{
|
|
color: #333333;
|
|
font-size: px2rem(26);
|
|
margin-bottom: px2rem(8);
|
|
}
|
|
|
|
.gift-price{
|
|
color: #999999;
|
|
font-size: px2rem(24);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.diamond{
|
|
width: px2rem(26);
|
|
height: px2rem(20);
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.prop{
|
|
color: #999999;
|
|
font-size: px2rem(24);
|
|
}
|
|
}
|
|
}
|
|
|
|
footer{
|
|
margin-top: px2rem(40);
|
|
margin-bottom: px2rem(20);
|
|
text-align: center;
|
|
color: #999999;
|
|
font-size: px2rem(22);
|
|
}
|
|
} |