@import "@styles/theme.scss";

.list {
  padding: 0 30px;

  &-item {
    margin: 0 auto;
		position: relative;
		width: 684px;
		height: 362px;
		box-shadow:0px 4px 18px 0px rgba(0,0,0,0.09);
		border-radius:11px;
		margin-top:45px;
		.cardBg{
			width: 684px;
			height: 362px;
		}
		.top{
			position: absolute;
			top: 0;
			left:0;
			width: 684px;
			height:60px;
			line-height:60px;
			display:flex;
			justify-content:space-between;
			.title-time{
				font-size:24px;
				margin-left:34px;
				color:#cccccc;
			}
			.title-state{
				height: 60px;
				width: 120px;
				background:$primary-color;
				color:white;
				font-size: 26px;
				border-radius: 0 0 0 30px;
				text-align: center;
				line-height: 60px;
			}
		}
		.bottom{
			position: absolute;
			width: 684px;
			height: 270px;
			bottom: 0;
			left: 0;
			display:flex;
			.botttom_img{
				width:200px;
				height:200px;
				border-radius:7px;
				margin-left: 27px;
			}
			.bottom-right{
				width: 420px;
				margin-left: 22px;
				font-weight:bold;
				.bottom-right-top{
					width: 100%;
					display: flex;
					justify-content: space-between;
					.product-score{
						color:rgba(255,59,51,1);
					}
				}
				.bottom-right-down{
					margin-top: 14px;
					text-align: justify;
				}
			}
		}
	}
}