.BoxX{ overflow: hidden; background-image: url("https://formall.oss-accelerate.aliyuncs.com/douyin_ifomall/imgData/cmdBg.png"); background-size: 100% auto;background-repeat: no-repeat; } .commBox { width: 96%; margin: 27rpx auto; background-color: #fff; border-radius: 20rpx; overflow: hidden; } .titleBox { width: 100%; overflow: hidden; height: 140rpx; background-image: url("https://formall.oss-accelerate.aliyuncs.com/cimg/v20211214/home_icon_d9qt.png"); background-size: 100% 100%; background-repeat: no-repeat; } .titleImg { width: 180rpx; height: 40rpx; float: left; margin: 20rpx; display: block; } .specialTitle { float: left; margin: 10rpx 20rpx; font-size: 38rpx; font-family: YouSheBiaoTiHei; font-weight: 600; color: #37332d; } .more { float: right; font-size: 24rpx; font-family: OPPOSans; font-weight: 500; color: #866741; margin: 16rpx 20rpx; } .rup { width: 13rpx; height: 20rpx; margin: 2rpx 0 0 6rpx; } .contBox { overflow: hidden; /* width: 96%; */ margin: -50rpx auto 0 auto; } .topImg { width: 100%; height: 140rpx; border-radius: 16rpx; margin-bottom: 40rpx; /* background-color: chartreuse; */ } .topImg image { border-radius: 16rpx; width: 100%; height: 100%; } .itemBox { overflow: hidden; display: -webkit-box; overflow-x: scroll; -webkit-overflow-scrolling: touch; margin: 20rpx auto; width: 96%; } .itemBox::-webkit-scrollbar { display: none; } .item { width: 240rpx; /* background-color: antiquewhite; */ margin-right: 20rpx; } .itemImg { position: relative; width: 240rpx; height: 240rpx; border-radius: 16rpx; /* background-color: aquamarine; */ } .itemImg image { width: 100%; height: 100%; border-radius: 16rpx; } .sellout { position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); width: 240rpx; height: 240rpx; border-radius: 20rpx; } .selloutImg { width: 195rpx !important; height: 154rpx !important; margin: 18% auto; display: block; } .titleNameBox { margin-top: 16rpx; height: 72rpx; line-height: 36rpx; display: flex; align-items: center; justify-content: center; } .titleName { color: #402e1e; font-size: 30rpx; font-family: "PingFangSC-Regular"; font-weight: 400; width: 100%; font-size: 28rpx; /* font-family: OPPOSans; */ /* font-weight: 500; */ /* color: #333; */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .priceBox { overflow: hidden; margin: 0 0 10rpx 0; height: 56rpx; } .f { float: left; } .r { float: right; } .sellingBox { overflow: hidden; height: 100%; line-height: 56rpx; } .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: 30rpx; font-weight: 400; float: left; } .btn{ width: 116rpx; 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: 26rpx; font-weight: 400; } .int { float: left; font-size: 36rpx; font-family: OPPOSans; font-weight: bold; color: #df2d2d; } .originalBox { overflow: hidden; height: 100%; line-height: 56rpx; } .origina { text-align: right; font-size: 24rpx; font-family: OPPOSans; font-weight: 400; text-decoration: line-through; color: #999; margin-top: 10rpx; margin-right: 10rpx; } .originaX{ color: #a4a4a4; font-family: "PingFangSC-Regular"; font-size: 24rpx; font-weight: 400; line-height: 30rpx; text-decoration: line-through; /* margin-top: 10rpx; */ line-height: 60rpx; margin-left: 10rpx; } .jifengBtn{ background: linear-gradient(90deg, #E3BA79, #BC8D3E); color: #fff1d9; font-family: "PingFangSC-Medium"; font-size: 26rpx; font-weight: 400; line-height: 52rpx; text-align: center; border-radius: 2rpx; } .countBox { width: 100%; height: 46rpx; background-image: url("https://formall.oss-accelerate.aliyuncs.com/cimg/v20211214/home_icon_bq.png"); background-size: 100% 100%; background-repeat: no-repeat; margin-bottom: 20rpx; line-height: 46rpx; overflow: hidden; } .countText { font-size: 22rpx; font-family: OPPOSans; font-weight: 400; color: #999; background: linear-gradient(180deg, #dcb07d 0%, #f5e0bf 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-left: 8rpx; } .countDate { font-size: 24rpx; font-family: OPPOSans; font-weight: bold; color: #4c3820; margin-right: 8rpx; } .moreItem { background: #f7f7f7; border-radius: 8px; } .noDataImg { width: 160rpx; height: 160rpx; margin: 25% auto 5% auto; } .noDataImg image { width: 100%; height: 100%; } .noDataText { text-align: center; font-size: 22rpx; font-family: OPPOSans; font-weight: 500; color: #999; } .product { width: 96%; height: 140rpx; margin: 30rpx auto 10rpx; border-radius: 16rpx; overflow: hidden; } .product image { height: 100%; display: block; width: 100%; }