index.wxss 3.0 KB

1
  1. page{background-color:#f5f5f5!important}.noCommodity{padding-bottom:30rpx;padding:200rpx 0}.noCommodity .emptyBox{text-align:center;padding-top:20rpx}.noCommodity .emptyBox .tips{color:#aaa;font-size:26rpx}.noCommodity .emptyBox image{width:414rpx;height:304rpx}.flash-sale .header{width:710rpx;height:300rpx;margin:-215rpx auto 0 auto;border-radius:20rpx}.flash-sale .header image{width:100%;height:100%;border-radius:20rpx}.flash-sale .seckillList{padding:0 20rpx}.flash-sale .seckillList .priceTag{width:75rpx;height:70rpx}.flash-sale .seckillList .priceTag image{width:100%;height:100%}.flash-sale .timeLsit{width:610rpx;white-space:nowrap;margin:10rpx 0}.flash-sale .timeLsit .item{display:inline-block;font-size:20rpx;color:#666;text-align:center;padding:11rpx 0;box-sizing:border-box;height:96rpx;margin-right:35rpx}.flash-sale .timeLsit .item .time{width:120rpx;font-size:36rpx;font-weight:600;color:#333}.flash-sale .timeLsit .item.on .time{color:var(--view-theme)}.flash-sale .timeLsit .item.on .state{width:120rpx;height:30rpx;line-height:30rpx;border-radius:15rpx;background:var(--view-theme);color:#fff}.flash-sale .countDown{height:92rpx;border-bottom:1rpx solid #f0f0f0;margin-top:-14rpx;font-size:28rpx;color:#282828}.flash-sale .countDown .num{font-size:28rpx;font-weight:700;background-color:#ffcfcb;padding:4rpx 7rpx;border-radius:3rpx}.flash-sale .countDown .text{font-size:28rpx;color:#282828;margin-right:13rpx}.flash-sale .list .item{height:230rpx;position:relative;width:710rpx;margin:0 auto 20rpx auto;background-color:#fff;border-radius:20rpx;padding:0 25rpx}.flash-sale .list .item .pictrue{width:180rpx;height:180rpx;border-radius:10rpx}.flash-sale .list .item .pictrue image{width:100%;height:100%;border-radius:10rpx}.flash-sale .list .item .text{width:460rpx;font-size:30rpx;color:#333;height:200rpx}.flash-sale .list .item .text .name{width:100%}.flash-sale .list .item .text .money{font-size:30rpx}.flash-sale .list .item .text .money .num{font-size:40rpx;font-weight:500;font-family:Guildford Pro}.flash-sale .list .item .text .money .y_money{font-size:24rpx;color:#999;-webkit-text-decoration-line:line-through;text-decoration-line:line-through;margin-left:15rpx}.flash-sale .list .item .text .limit{font-size:22rpx;color:#999;margin-bottom:5rpx}.flash-sale .list .item .text .limit .limitPrice{margin-left:10rpx}.flash-sale .list .item .text .progress{overflow:hidden;background-color:#ffefef;width:260rpx;border-radius:18rpx;height:18rpx;position:relative}.flash-sale .list .item .text .progress .bg-reds{width:0;height:100%;transition:width .6s ease;background:linear-gradient(90deg,#e93323,#ff8933)}.flash-sale .list .item .text .progress .piece{position:absolute;left:8%;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:49%;font-size:16rpx;color:#ffb9b9}.flash-sale .list .item .grab{font-size:28rpx;color:#fff;width:150rpx;height:54rpx;border-radius:27rpx;text-align:center;line-height:54rpx;position:absolute;right:30rpx;bottom:30rpx;background:#bbb}.flash-sale .saleBox{width:100%;height:230rpx;background:var(--view-theme);border-radius:0 0 50rpx 50rpx}