page{ background: #eee; color: #333; } .body_frame{ width: 100%; height: 100%; } .xc-top-img{ width: 100%; height: 333rpx; display: block; /* margin-top: 5rpx; */ } .kill-list{ /* height: 807rpx; */ /* overflow-y: scroll; */ padding: 0 20rpx; } .seckill_list{ /* margin-top: -10rpx; left: 2%; */ } .seckill{ width: 100%; margin: auto; } .kill-time { text-align: center; justify-content: space-around; align-items: center; /* height: 101rpx; */ border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; background-color: #f6f6f6; } .kill-time .theader{ display: flex; margin: 0 auto; align-items: center; height: 100rpx; } .kill-time .theader .timeac { font-size: 32rpx; height:100%; width: 50%; color: #333; background-color: #fff; } /* .kill-time .theader .timeac.left{border-top-left-radius: 86rpx; border-bottom-left-radius: 86rpx;} .kill-time .theader .timeac.right{border-top-right-radius: 86rpx; border-bottom-right-radius: 86rpx;} */ .kill-time .theader .timeac.active{color: #c4182e} .kill-item { display: flex; justify-content: space-between; background-color: #fff; padding: 20rpx; /* margin-bottom: 10rpx; */ border-radius: 10rpx; /* height: 249rpx; */ align-items: center; margin-top: 20rpx; } .kill-pic { width: 215rpx; height: 215rpx; } .kill-pic::before { position: absolute; content: '预售'; left: 0; top: 0; background-color: #e23245; color: white; font-size: 22rpx; padding: 0 10rpx; border-radius: 4rpx 4rpx 4rpx 0; } .kill-cont { width: 465rpx; margin-left:20rpx; margin-right: 5rpx; } .goods-name { height: 60rpx; font-size: 27rpx; color: #555; line-height: 30rpx; } .goods-num { padding-top: 30rpx; display: flex; align-items: center; justify-content: space-between; line-height: 42rpx; font-size: 24rpx; color: #999; } .goods-num .co-red { font-size: 30rpx; font-weight: bold; } .underline { text-decoration: line-through; color:#999999; font-size: 20rpx; margin-left: 10rpx; line-height: 30rpx; } .kill-btn { text-align: right; display: flex; height: 100%; align-items: flex-end; padding-top: 4rpx; } .kill-btn>navigator { padding: 0 20rpx; background: #e23245; color: #fff; border-radius: 20rpx; /* margin-top: 37px; */ } .kill-btn .gray { background-color: #555; } .no-more { font-size: 26rpx; line-height: 2; text-align: center; color: #666; margin-top: 10rpx; } .kill-btn>navigator.huise{background-color: #999;} .xc-seckill-bottom{ position: fixed; bottom: 0rpx; width: 100%; } .xc-bottom{ width: 45rpx; height: 45rpx; margin-right: 13rpx; } .xc-border-right{ border-right: 4rpx solid #eee; } .ml10{ margin-left: 45rpx; } .total{ width:215rpx;height:26rpx;border-radius:20rpx; background: #aaa; } .xc-buttom-money{ align-items: baseline; /* padding-top: 43rpx; */ } .xc-miaosha{ width: 68rpx; height: 40rpx; } .xc-strip-frame{ width:440rpx;margin-top: 10rpx; } .xc-strip-blank{ width:180rpx; height: 26rpx; } .xc-fill{ border-radius:20rpx;height:26rpx; } .xc-fill-text{ left:34%; line-height: 26rpx; } .bc_btn{ margin: 10rpx auto; width: 200rpx; height: 60rpx; text-align: center; line-height: 60rpx; background-color: #ff0000; color: #fff; border-radius: 10rpx; }