.LsitBox{ width: 94%; margin: 2rpx auto; overflow: hidden; background-color: #f4f5f9;; } .wBox{ margin: 30rpx auto; } .itemBox{ overflow: hidden; background-color: #fff; border-radius: 16rpx; } .imgBox{ width: 200rpx; height: 200rpx; border-radius: 8px; overflow: hidden; float: left; margin: 12rpx 0 12rpx 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; } .img{ width: 100%; height: 100%; } .dataBox{ width: 420rpx; height: 240rpx; float: left; margin-left: 20rpx; position: relative; } .titleName{ color: #402e1e; font-size: 15px; font-family: "PingFangSC-Regular"; font-weight: 400; width: 100%; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 20rpx 0 0 0; /* height: 80rpx; */ } .subTitleC{ color: #402e1e; font-size: 24rpx; margin: 10rpx 0 0 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .subTitle{ color: #a6a6a6; font-size: 24rpx; margin: 10rpx 0 0 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .priceBox{ overflow: hidden; margin-top: 10rpx; } .rmb{ color: #d5af67; font-size: 24rpx; line-height: 40rpx; float: left; } .pri01{ font-size: 32rpx; 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: 40rpx; font-size: 28rpx; float: left; } .progressBox{ height: 30rpx; width: 240rpx; overflow: hidden; border-radius: 20rpx; background-color: #d8d8d8; margin-top: 16rpx; position: relative; } .schedule{ float: left; height: 30rpx; border-radius: 20rpx; text-align: center; color: #fff; height: 30rpx; font-size: 24rpx; background-color: #d5af67; } .scheduleText{ position: absolute; top: 0; left: 20rpx; font-size: 20rpx; color: #fff; } .goPay{ position: absolute; bottom: 14rpx; right: 0rpx; background-color: #d5af67; color: #fff; font-size: 28rpx; 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; } .upData{ width: 70%; margin: 10rpx auto 0 auto; text-align: center; height: 80rpx; line-height: 80rpx; border: 2rpx #d5af67 solid; border-radius: 50rpx; color: #d5af67; font-size: 32rpx; }