|
|
@@ -1,247 +1,288 @@ |
|
|
|
.optimizationBox { |
|
|
|
/* overflow: hidden; */ |
|
|
|
margin-top: 20rpx; |
|
|
|
margin-bottom: 100rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.titleImg { |
|
|
|
width: 96%; |
|
|
|
height: 80rpx; |
|
|
|
margin: 0rpx auto; |
|
|
|
background-image: url("https://formall.oss-accelerate.aliyuncs.com/cimg/v20211214/home_ggw_yxhw.png"); |
|
|
|
background-size: 100% 100%; |
|
|
|
background-repeat: no-repeat; |
|
|
|
} |
|
|
|
|
|
|
|
.textl { |
|
|
|
font-size: 34rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: bold; |
|
|
|
color: #dfbe99; |
|
|
|
margin: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.textr { |
|
|
|
font-size: 30rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: 300; |
|
|
|
color: #91897e; |
|
|
|
margin: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.f { |
|
|
|
float: left; |
|
|
|
} |
|
|
|
|
|
|
|
.r { |
|
|
|
float: right; |
|
|
|
} |
|
|
|
.classifyBox-go-box{ |
|
|
|
|
|
|
|
background-color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.classifyBox { |
|
|
|
width: 100%; |
|
|
|
border-radius: 20rpx 20rpx 0 0; |
|
|
|
background-color: #fff; |
|
|
|
overflow: hidden; |
|
|
|
display: -webkit-box; |
|
|
|
overflow-x: scroll; |
|
|
|
-webkit-overflow-scrolling: touch; |
|
|
|
/* margin: 10rpx 0; *//* background: linear-gradient(0deg, #F5F5F5, #fff); */ |
|
|
|
float: left; |
|
|
|
} |
|
|
|
.goLsit{ |
|
|
|
width: 20%; |
|
|
|
float: left; |
|
|
|
font-size: 28rpx; |
|
|
|
color: #454340; |
|
|
|
margin: 20rpx 0 10rpx 0; |
|
|
|
} |
|
|
|
|
|
|
|
.classifyBox::-webkit-scrollbar { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.rup{ |
|
|
|
width: 13rpx; |
|
|
|
height: 20rpx; |
|
|
|
margin: 2rpx 0 0 6rpx; |
|
|
|
} |
|
|
|
.itemBox { |
|
|
|
width: 100rpx; |
|
|
|
height: 100rpx; |
|
|
|
margin: 0 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.className { |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: 500; |
|
|
|
color: #454340; |
|
|
|
text-align: center; |
|
|
|
margin: 20rpx auto 10rpx auto; |
|
|
|
} |
|
|
|
|
|
|
|
.className_a { |
|
|
|
font-size: 30rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: 800; |
|
|
|
color: #c99f67; |
|
|
|
text-align: center; |
|
|
|
background: linear-gradient(180deg, #cc9a60 0%, #dfbf8e 100%); |
|
|
|
-webkit-background-clip: text; |
|
|
|
-webkit-text-fill-color: transparent; |
|
|
|
margin: 20rpx auto 10rpx auto; |
|
|
|
} |
|
|
|
.xian{ |
|
|
|
width: 22rpx; |
|
|
|
height: 5rpx; |
|
|
|
background: linear-gradient(180deg, #D5A56E, #E9D0AA); |
|
|
|
border-radius: 3px; |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
.contBox{ |
|
|
|
background: linear-gradient(0deg, #F5F5F5, rgba(255, 255, 255, 0.5)); |
|
|
|
/* height: 350rpx; */ |
|
|
|
} |
|
|
|
.contLsitBox{ |
|
|
|
width: 96%; |
|
|
|
margin: 0 auto; |
|
|
|
display: flex; |
|
|
|
overflow: hidden; |
|
|
|
justify-content: space-between; |
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
} |
|
|
|
.item{ |
|
|
|
width: 49%; |
|
|
|
background-color: #fff; |
|
|
|
border-radius: 20rpx; |
|
|
|
margin: 12rpx 0; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.itemImg{ |
|
|
|
width: 100%; |
|
|
|
height: 350rpx; |
|
|
|
border-radius: 20rpx; |
|
|
|
/* background-color: aquamarine; */ |
|
|
|
} |
|
|
|
.itemImg image{ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
border-radius: 20rpx 20rpx 0 0; |
|
|
|
} |
|
|
|
.titleName{ |
|
|
|
color: #402e1e; |
|
|
|
font-size: 30rpx; |
|
|
|
font-family: "PingFangSC-Regular"; |
|
|
|
font-weight: 400; |
|
|
|
width: 100%; |
|
|
|
font-size: 28rpx; |
|
|
|
|
|
|
|
width:90%; |
|
|
|
height: 80rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
/* font-family: OPPOSans; */ |
|
|
|
/* font-weight: 500; */ |
|
|
|
/* color: #333333; */ |
|
|
|
margin: 10rpx auto 0 auto; |
|
|
|
|
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
display: -webkit-box; |
|
|
|
-webkit-line-clamp: 2; |
|
|
|
-webkit-box-orient: vertical; |
|
|
|
white-space:normal; |
|
|
|
|
|
|
|
} |
|
|
|
.priceBox{ |
|
|
|
width: 90%; |
|
|
|
overflow: hidden; |
|
|
|
margin: 10rpx auto; |
|
|
|
} |
|
|
|
.f{ |
|
|
|
float: left; |
|
|
|
} |
|
|
|
.r{ |
|
|
|
float:right; |
|
|
|
} |
|
|
|
.sellingBox{ |
|
|
|
overflow: hidden |
|
|
|
} |
|
|
|
.fuhao{ |
|
|
|
color: #DF2D2D; |
|
|
|
font-size: 24rpx; |
|
|
|
float: left; |
|
|
|
font-family: OPPOSans; |
|
|
|
/* font-weight: bold; */ |
|
|
|
margin-top: 10rpx |
|
|
|
} |
|
|
|
.fuhaoX{ |
|
|
|
color: #d5af67; |
|
|
|
font-family: "PingFangSC-Medium"; |
|
|
|
font-size: 34rpx; |
|
|
|
font-weight: 400; |
|
|
|
float: left; |
|
|
|
|
|
|
|
margin-top: 5rpx |
|
|
|
} |
|
|
|
.btn{ |
|
|
|
width: 136rpx; |
|
|
|
height: 52rpx; |
|
|
|
border-radius: 26rpx; |
|
|
|
line-height: 52rpx; |
|
|
|
background: linear-gradient(90deg, #E3BA79, #BC8D3E); |
|
|
|
text-align: center; |
|
|
|
color: #feffff; |
|
|
|
font-family: "PingFangSC-Regular"; |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 400; |
|
|
|
} |
|
|
|
.int{ |
|
|
|
float: left; |
|
|
|
font-size: 36rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: bold; |
|
|
|
color: #DF2D2D; |
|
|
|
} |
|
|
|
.originalBox{ |
|
|
|
overflow: hidden |
|
|
|
} |
|
|
|
.origina{ |
|
|
|
text-align: right; |
|
|
|
font-size: 24rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: 400; |
|
|
|
text-decoration: line-through; |
|
|
|
color: #999999; |
|
|
|
margin-top: 10rpx; |
|
|
|
margin-right: 10rpx; |
|
|
|
} |
|
|
|
.priceNum{ |
|
|
|
text-align: right; |
|
|
|
font-size: 24rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: 400; |
|
|
|
|
|
|
|
color: #999999; |
|
|
|
margin-top: 10rpx; |
|
|
|
/* margin-right: 10rpx; */ |
|
|
|
} |
|
|
|
.sellout{ |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
background-color: rgba(0, 0, 0, 0.5); |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.selloutImg{ |
|
|
|
width: 195rpx !important; |
|
|
|
height: 154rpx !important; |
|
|
|
margin: 50% auto; |
|
|
|
display: block |
|
|
|
} |
|
|
|
/* overflow: hidden; */ |
|
|
|
margin-top: 20rpx; |
|
|
|
margin-bottom: 100rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.titleImg { |
|
|
|
width: 96%; |
|
|
|
height: 80rpx; |
|
|
|
margin: 0rpx auto; |
|
|
|
background-image: url("https://formall.oss-accelerate.aliyuncs.com/cimg/v20211214/home_ggw_yxhw.png"); |
|
|
|
background-size: 100% 100%; |
|
|
|
background-repeat: no-repeat; |
|
|
|
} |
|
|
|
|
|
|
|
.titleImgNew { |
|
|
|
width: 96%; |
|
|
|
height: 80rpx; |
|
|
|
margin: 0rpx auto; |
|
|
|
border-bottom: 2px solid #525252; |
|
|
|
background-size: 100% 100%; |
|
|
|
background-repeat: no-repeat; |
|
|
|
} |
|
|
|
|
|
|
|
.textl { |
|
|
|
font-size: 34rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: bold; |
|
|
|
color: #dfbe99; |
|
|
|
margin: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.textl2 { |
|
|
|
font-size: 40rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: bold; |
|
|
|
color: #525252; |
|
|
|
margin: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.textr { |
|
|
|
font-size: 30rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: 300; |
|
|
|
color: #91897e; |
|
|
|
margin: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.f { |
|
|
|
float: left; |
|
|
|
} |
|
|
|
|
|
|
|
.r { |
|
|
|
float: right; |
|
|
|
} |
|
|
|
|
|
|
|
.classifyBox-go-box { |
|
|
|
|
|
|
|
/* background-color: #fff; */ |
|
|
|
} |
|
|
|
|
|
|
|
.classifyBox { |
|
|
|
width: 100%; |
|
|
|
border-radius: 20rpx 20rpx 0 0; |
|
|
|
/* background-color: #fff; */ |
|
|
|
overflow: hidden; |
|
|
|
display: -webkit-box; |
|
|
|
overflow-x: scroll; |
|
|
|
-webkit-overflow-scrolling: touch; |
|
|
|
/* margin: 10rpx 0; */ |
|
|
|
/* background: linear-gradient(0deg, #F5F5F5, #fff); */ |
|
|
|
float: left; |
|
|
|
} |
|
|
|
|
|
|
|
.goLsit { |
|
|
|
width: 20%; |
|
|
|
float: left; |
|
|
|
font-size: 28rpx; |
|
|
|
color: #454340; |
|
|
|
margin: 20rpx 0 10rpx 0; |
|
|
|
} |
|
|
|
|
|
|
|
.classifyBox::-webkit-scrollbar { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
.rup { |
|
|
|
width: 13rpx; |
|
|
|
height: 20rpx; |
|
|
|
margin: 2rpx 0 0 6rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.itemBox { |
|
|
|
width: 100rpx; |
|
|
|
height: 100rpx; |
|
|
|
margin: 0 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.className { |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: 500; |
|
|
|
color: #454340; |
|
|
|
text-align: center; |
|
|
|
margin: 20rpx auto 10rpx auto; |
|
|
|
} |
|
|
|
|
|
|
|
.className_a { |
|
|
|
font-size: 30rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: 800; |
|
|
|
color: #c99f67; |
|
|
|
text-align: center; |
|
|
|
background: linear-gradient(180deg, #cc9a60 0%, #dfbf8e 100%); |
|
|
|
-webkit-background-clip: text; |
|
|
|
-webkit-text-fill-color: transparent; |
|
|
|
margin: 20rpx auto 10rpx auto; |
|
|
|
} |
|
|
|
|
|
|
|
.xian { |
|
|
|
width: 22rpx; |
|
|
|
height: 5rpx; |
|
|
|
background: linear-gradient(180deg, #D5A56E, #E9D0AA); |
|
|
|
border-radius: 3px; |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
|
|
|
|
.contBox { |
|
|
|
background: linear-gradient(0deg, #F5F5F5, rgba(255, 255, 255, 0.5)); |
|
|
|
/* height: 350rpx; */ |
|
|
|
} |
|
|
|
|
|
|
|
.contLsitBox { |
|
|
|
width: 96%; |
|
|
|
margin: 0 auto; |
|
|
|
display: flex; |
|
|
|
overflow: hidden; |
|
|
|
justify-content: space-between; |
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.item { |
|
|
|
width: 49%; |
|
|
|
background-color: #fff; |
|
|
|
border-radius: 20rpx; |
|
|
|
margin: 12rpx 0; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
|
|
|
|
.itemImg { |
|
|
|
width: 100%; |
|
|
|
height: 350rpx; |
|
|
|
border-radius: 20rpx; |
|
|
|
/* background-color: aquamarine; */ |
|
|
|
} |
|
|
|
|
|
|
|
.itemImg image { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
border-radius: 20rpx 20rpx 0 0; |
|
|
|
} |
|
|
|
|
|
|
|
.titleName { |
|
|
|
color: #402e1e; |
|
|
|
font-size: 30rpx; |
|
|
|
font-family: "PingFangSC-Regular"; |
|
|
|
font-weight: 400; |
|
|
|
width: 100%; |
|
|
|
font-size: 28rpx; |
|
|
|
|
|
|
|
width: 90%; |
|
|
|
height: 80rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
/* font-family: OPPOSans; */ |
|
|
|
/* font-weight: 500; */ |
|
|
|
/* color: #333333; */ |
|
|
|
margin: 10rpx auto 0 auto; |
|
|
|
|
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
display: -webkit-box; |
|
|
|
-webkit-line-clamp: 2; |
|
|
|
-webkit-box-orient: vertical; |
|
|
|
white-space: normal; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.priceBox { |
|
|
|
width: 90%; |
|
|
|
overflow: hidden; |
|
|
|
margin: 10rpx auto; |
|
|
|
} |
|
|
|
|
|
|
|
.f { |
|
|
|
float: left; |
|
|
|
} |
|
|
|
|
|
|
|
.r { |
|
|
|
float: right; |
|
|
|
} |
|
|
|
|
|
|
|
.sellingBox { |
|
|
|
overflow: hidden |
|
|
|
} |
|
|
|
|
|
|
|
.fuhao { |
|
|
|
color: #DF2D2D; |
|
|
|
font-size: 24rpx; |
|
|
|
float: left; |
|
|
|
font-family: OPPOSans; |
|
|
|
/* font-weight: bold; */ |
|
|
|
margin-top: 10rpx |
|
|
|
} |
|
|
|
|
|
|
|
.fuhaoX { |
|
|
|
color: #d5af67; |
|
|
|
font-family: "PingFangSC-Medium"; |
|
|
|
font-size: 34rpx; |
|
|
|
font-weight: 400; |
|
|
|
float: left; |
|
|
|
|
|
|
|
margin-top: 5rpx |
|
|
|
} |
|
|
|
|
|
|
|
.btn { |
|
|
|
width: 136rpx; |
|
|
|
height: 52rpx; |
|
|
|
border-radius: 26rpx; |
|
|
|
line-height: 52rpx; |
|
|
|
background: linear-gradient(90deg, #E3BA79, #BC8D3E); |
|
|
|
text-align: center; |
|
|
|
color: #feffff; |
|
|
|
font-family: "PingFangSC-Regular"; |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 400; |
|
|
|
} |
|
|
|
|
|
|
|
.int { |
|
|
|
float: left; |
|
|
|
font-size: 36rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: bold; |
|
|
|
color: #DF2D2D; |
|
|
|
} |
|
|
|
|
|
|
|
.originalBox { |
|
|
|
overflow: hidden |
|
|
|
} |
|
|
|
|
|
|
|
.origina { |
|
|
|
text-align: right; |
|
|
|
font-size: 24rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: 400; |
|
|
|
text-decoration: line-through; |
|
|
|
color: #999999; |
|
|
|
margin-top: 10rpx; |
|
|
|
margin-right: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.priceNum { |
|
|
|
text-align: right; |
|
|
|
font-size: 24rpx; |
|
|
|
font-family: OPPOSans; |
|
|
|
font-weight: 400; |
|
|
|
|
|
|
|
color: #999999; |
|
|
|
margin-top: 10rpx; |
|
|
|
/* margin-right: 10rpx; */ |
|
|
|
} |
|
|
|
|
|
|
|
.sellout { |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
background-color: rgba(0, 0, 0, 0.5); |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.selloutImg { |
|
|
|
width: 195rpx !important; |
|
|
|
height: 154rpx !important; |
|
|
|
margin: 50% auto; |
|
|
|
display: block |
|
|
|
} |