.LsitBox{ width: 94%; margin: 2rpx auto; overflow: hidden; background-color: #f4f5f9;; } .title{ text-align: center; position: fixed; top:0; left: 0; width: 100%; background-color: #fff; z-index: 10000; font-size: 36rpx; font-weight: 500; } .wBox{ margin: 20rpx auto; } .itemBox{ overflow: hidden; background-color: #fff; border-radius: 16rpx; } .imgBox{ width: 160rpx; height: 160rpx; border-radius: 8px; overflow: hidden; float: left; margin: 20rpx 0 20rpx 20rpx; position: relative; } .num{ width: 40rpx; height: 40rpx; text-align: center; background-color: rgba(0, 0, 0, 0.5); line-height: 40rpx; text-align: center; color: #fff; position: absolute; top: 0; left: 0; font-size: 24rpx; } .explain{ position: absolute; bottom: 0rpx; left: 0; z-index: 1000; width: 100%; height: 40rpx; text-align: center; color: #d5af67; background-color: rgba(0, 0, 0, 0.5); font-size: 20rpx; line-height: 40rpx; } .explainImg{ width: 30rpx; height: 30rpx; float: left; margin: 5rpx 5rpx 5rpx 10rpx; } .explainTitle{ float: left; } .img{ width: 100%; height: 100%; } .dataBox{ width: 460rpx; /* height: 220rpx; */ float: left; margin-left: 20rpx; position: relative; } .titleName{ color: #402e1e; font-family: "PingFangSC-Regular"; font-weight: 700; width: 100%; font-size: 26rpx; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 16rpx 0 0 0; /* height: 80rpx; */ } .subTitleC{ color: #402e1e; font-size: 20rpx; /* margin: 6rpx 0 0 0; */ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .subTitle{ color: #a6a6a6; font-size: 20rpx; /* margin: 6rpx 0 0 0; */ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .priceBox{ overflow: hidden; margin-top: 4rpx; /* margin-bottom: 10rpx; */ } .rmb{ color: #d5af67; font-size: 22rpx; line-height: 40rpx; float: left; } .pri01{ font-size: 26rpx; color: #d5af67; letter-spacing: 0; line-height: 40rpx; float: left; margin-left: 10rpx; } .throgh{ text-decoration: line-through; margin-left: 10rpx; color: #999 !important; line-height: 38rpx; font-size: 22rpx; float: left; } .progressBox{ height: 26rpx; width: 240rpx; overflow: hidden; border-radius: 20rpx; background-color: #d8d8d8; margin-top: 4rpx; position: relative; } .schedule{ float: left; height: 26rpx; border-radius: 20rpx; text-align: center; color: #fff; background-color: #d5af67; } .scheduleText{ line-height: 26rpx; position: absolute; top: 0; left: 20rpx; font-size: 20rpx; color: #fff; } .discount{ position: absolute; bottom: 60rpx; right: 12rpx; color: #d5af67; font-size: 24rpx; } .discount1{ float: left; font-size: 18rpx; border: #d5af67 1px solid; color: #d5af67; border-radius: 20rpx; padding: 2rpx 10rpx; margin-left: 10rpx; margin-top: 4rpx; } .goPay{ position: absolute; bottom: 6rpx; right: 0rpx; background-color: #d5af67; color: #fff; font-size: 24rpx; text-align: center; line-height: 28rpx; padding: 12rpx 16rpx; border-radius: 40rpx; } .noPay{ position: absolute; bottom: 6rpx; right: 0rpx; background-color: #a6a6a6; color: #fff; font-size: 24rpx; text-align: center; line-height: 28rpx; padding: 12rpx 16rpx; border-radius: 40rpx; } .noDet{ text-align: center; line-height: 40rpx; font-size: 24rpx; color: #a6a6a6; } .upDataBox{ width: 100%; position: fixed; bottom: 0; left: 0; background-color: #fff; height: 120rpx; overflow: hidden; } .goderImgBox{ float: left; margin-top: 10rpx; margin-left: 60rpx; width: 80rpx; overflow: hidden; } .goOrder{ width: 60rpx; height: 60rpx; margin-left: 8rpx; display: block; } .goOrderText{ text-align: center; font-size: 20rpx; color: #d5af67; } .upData{ width: 70%; margin: 10rpx auto 0 40rpx; text-align: center; height: 80rpx; line-height: 80rpx; border: 2rpx #d5af67 solid; border-radius: 50rpx; color: #d5af67; font-size: 32rpx; float: left; }