/* packageA/mycomponent/goodsComponent/timeLimit/timeLimit.wxss */ /* 旧的 */ .rob-time { display: flex; height: 88rpx; background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/goods/time_buy_bg@2x.png") no-repeat center; background-size: 100%; } .rob-time .img { flex: 1; display: flex; justify-content: center; align-items: center; } .rob-time .img image { width: 60%; } .rob-time .price { display: flex; text-align: left; color: #fff; justify-content: center; align-items: center; width: 30%; } .rob-time .price .text { font-size: 40rpx; font-weight: bold; } .rob-time .time { display: flex; justify-content: flex-end; flex: 1; text-align: left; line-height: 98rpx; padding-right: 1.25rem; font-size: 28rpx; } .rob-time .time .left { color: #fff; } .rob-time .time .right .date { background-color: #fff; line-height: 34rpx; padding: 6rpx; margin: 0 4rpx; border-radius: 6rpx; } .rob-time .time .right .mes { color: #fff; } .rob-time .time .right .content { display: flex; align-items: center; } /* 新的 */ .time-buy { padding: 20rpx; display: flex; justify-content: space-between; align-items: center; background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com//hot-bg.png"); background-size: 100% 100%; } .time-buy .buy-left { font-size: 20px; color: #fff; word-break: break-all; width: 50%; text-align: left; } .time-buy .buy-right .right-end { font-size: 12px; color: #f32e02; text-align: center; margin-bottom: 0.3rem; } .buy-right .span { font-size: 12px; line-height: 1.2rem; } .buy-right .span:not(:first-child) { margin: 0 0.3rem; display: block; padding: 1px 4px; background-color: #fc4a04; color: #fff; } .time-buy .bottom_time { display: flex; color: #f32e02; } /* 拼团倒计时 */ .price_time { width: 100%; height: 100rpx; background: #f15353; /* position: absolute; */ top: 210rpx; display: flex; align-items: center; } .price_time .img { width: 10%; height: 100%; display: flex; align-items: center; justify-content: center; } .price_time .img image { width: 60%; height: 70%; } .price_time .text { width: 76rpx; color: #fff; font-size: 28rpx; } .price_time .price { width: 40%; font-size: 14px; color: #fff; padding-left: 28rpx; text-align: left; } .price_time .price .font { font-size: 22px; } .price_time .time { width: 50%; } .price_time .time .span { color: #fff; font-size: 12px; display: inline-block; margin-bottom: 8rpx; } .price_time .time .em { background-color: #fff; color: #333; } /* end */ /* 抢团 */ .grabGroup .rob-time { display: flex; justify-content: space-between; height: 88rpx; background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/goods/time_buy_bg@2x.png") no-repeat center; background-size: 100%; } .grabGroup .rob-time .img { flex: 1; display: flex; justify-content: center; align-items: center; } .grabGroup .rob-time .img image { width: 60%; } .grabGroup .rob-time .price { display: flex; text-align: left; color: #fff; justify-content: center; align-items: center; width: 30%; } .grabGroup .rob-time .price .text { font-size: 28rpx; } .grabGroup .rob-time .time { line-height: 98rpx; padding-right: 40rpx; font-size: 28rpx; } .grabGroup .rob-time .time .right .date { background-color: #fff; height: 34rpx; line-height: 34rpx; padding: 6rpx; margin: 0 4rpx; border-radius: 6rpx; display: flex; justify-content: center; align-items: center; } .grabGroup .rob-time .time .right .mes { color: #fff; } .grabGroup .rob-time .time .right .content { display: flex; align-items: center; } /* 抢团 end */