.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 }