_product.css 2.21 KB
.seckill-list {
	.product-list {
		background-color: #fff;
		.item {
			position: relative;
			padding: 20px 30px;
			display: -webkit-box;
			border-bottom: solid 1PX #e1e1e1;
			&:first-child { 
				border-top: solid 1PX #e1e1e1;
			}

			.item-img {
				width: 152px;
				margin-right: 30px;
				img {
					width: 100%;
				}
			}
			.item-info {
				-webkit-box-flex: 1;
				position: relative;
				min-height: 202px;
				.item-title {
					font-size: 28px;
					color: #444;
				}
				.item-price {
					margin-top: 15px;
					ins {
						color: #d0021b;
						font-size: 34px;
						text-decoration: none;
						margin-right: 10px;
					}
					del {
						font-size: 20px;
						color: #000;
						color: rgb(176, 176, 176);
						text-decoration: none;
					}
				}
				.item-foot {
					position: absolute;
					left: 0px;
					right: 0px;
					bottom: 0px;
					display: -webkit-box;
					.item-price {
						-webkit-box-flex: 1;
					}
					.item-time {
						-webkit-box-flex: 1;
						
						font-size: 22px;
						padding-top: 28px;
						-webkit-box-align: end;
						i {
							margin-right: 5px;
							color: #b0b0b0;
						}
						span {
							color: #b0b0b0;
						}
					}
					.item-button {
						width: 200px;
						text-align: right;
						.btn {
							position: relative;
							z-index:2;
							display: inline-block;
							width: 155px;
							height: 60px;
							line-height: 60px;
							text-align: center;
							color: #fff;
							background-color: #d0021b;
							border-radius: 3PX;
							border: none;
							font-size: 28px;

							&.btn-buy {
								background-color: #d0021b;
							}
							&.btn-over {
								background-color: #b2b2b2;
							}
							&.btn-chance,
							&.btn-remind-off {
								background-color: #fff;
								border: solid 1PX #454545;
								color: #454545;
							}
							&.btn-remind-on {
								background-color: #000;
							}
						}
						.old-price {
							display: block;
							width: 100%;
							position: absolute;
							top: -35px;
							right: 0px;
							font-size: 20px;
							color: #d0021b;
							line-height: 30px;
						}
					}
				}
			}
		}

		.item-link {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 1;
		}
	}
	
}