.goods-card-wrap {
	vertical-align: middle;
	display: inline-block;
	width: 227px;
	height: 415px;
	background: #ffffff;
	border: none;
	position: relative;
	border: 1px solid #eee;
	padding: 16px;
	margin-right: 16px;
	margin-bottom: 16px;
	cursor: pointer;
	position: relative;
	&:hover {
		.ope-wrap {
			visibility: visible;
		}
	}

	&.unfollowing {
		border: 1px solid #ED2121;
		.ope-wrap {
			visibility: hidden!important;
		}
		.unfollow-wrap {
			visibility: visible!important;
		}
	}

	&.operating {
		border: 1px solid #7C7C7C;
		&:hover {
			border: 1px solid #ED2121!important;
		}
		.ope-wrap {
			visibility: hidden!important;
		}
		.select-wrap {
			visibility: visible!important;
		}
	}
	
	&.selected {
		border: 1px solid #ED2121;
		.select-wrap {
			.icon {
				background: #ED2121;
				i {
					color: #fff;
				}
			}
		}
	}

	.select-wrap {
		visibility: hidden!important;
		width: 225px;
		height: 413px;
		background: rgba(0,0,0,0.30);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		.icon {
			display: block;
			width: 36px;
			height: 36px;
			background: #585858;
			float: right;
			display: flex;
			align-items: center;
			justify-content: center;
			i {
				color: #BBB;
			}
		}
	}

	.unfollow-wrap {
		visibility: hidden;
		width: 225px;
		height: 413px;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(255,255,255,0.85);
		z-index: 3;
		text-align: center;
		img {
			width: 144px;
			height: 120px;
			margin-top: 88px;
			margin-bottom: 24px;
		}
		p {
			font-family: NunitoSans-Regular;
			font-size: 16px;
			color: #3A2E2E;
			text-align: center;
		}
		button {
			width: 100px;
			height: 32px;
			border-radius: 2px;
			font-family: NunitoSans-Bold;
			font-size: 13px;
			letter-spacing: 0;
			border: none;
			outline: none;
			position: absolute;
			bottom: 8px;
			cursor: pointer;
			&.btn-confirm {
				left: 8px;
				background: #ED2121;
				color: #FFFFFF;
				border: none;
			}
			&.btn-cancel {
				right: 8px;
				background: #FFFFFF;
				border: 1px solid #ED2121;
				color: #ED2121;
			}
		}
	}

	.product-img {
		display: block;
		width: 195px;
		height: 195px;
		user-select: none;
	}

	.ope-wrap {
		visibility: hidden;
		width: 225px;
		height: 45px;
		opacity: 0.5;
		background: #3A2E2E;
		position: absolute;
		top: 182px;
		left: 0;
		font-family: NunitoSans-Regular;
		font-size: 12px;
		color: #FFFFFF;
		text-align: center;
		display: flex;
		justify-content: space-around;
		align-items: center;
		span {
			display: block;
			width: 16px;
			height: 16px;
			margin: 0 auto;
			background-size: 100%!important;
		}
		.icon-pin-top {
			background: url('./imgs/top.svg') no-repeat center center;
		}
		.icon-not-top {
			background: url('./imgs/cancel-top.svg') no-repeat center center;
		}
		.icon-find-similar {
			background: url('./imgs/similar.svg') no-repeat center center;
		}
		.icon-unfollow {
			background: url('./imgs/follow.svg') no-repeat center center;
		}
	}
	
	.btns {
		display: flex;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		button {
			width: 113px;
			height: 48px;
			background: #FAFAFA;
			font-family: NunitoSans-Regular;
			font-size: 11px;
			color: #8C8C8C;
			text-align: center;
			border: none;
			outline: none;
			border-top: 1px solid #F0F0F0;
			cursor: pointer;
			i {
        font-size: 20px;
        display: block;
      }
      &:hover {
        color: #ED2121;
      }
			&.btn-cart {
				border-right: 1px solid #F0F0F0;
			}
			&.btn-notice {
			
			}
		}
	}
}

.info-wrap {
	width: 100%;
	margin-top: 20px;

	.justify {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	p {
		margin: 0;
		margin-top: 3px;
		margin-bottom: 4px;
	}

	.price {
		font-family: DIN-Bold;
		font-size: 22px;
		color: #F5222D;
		letter-spacing: 0;
		font-weight: bold;
	}

	.discount {
		display: inline-flex;
		align-items:center;
		justify-content:center;
		width: 60px;
		height: 20px;
		font-family: DINAlternate-Bold;
		font-size: 12px;
		color: #14C97E;
		letter-spacing: 0;
		background: #E2F8EF;
		border-radius: 100px 2px 2px 100px;
		span {
			display: inline-block;
			width: 16px;
			height: 16px;
			border-radius: 100px;
			background: #14C97E url('./imgs/arrow.png') no-repeat 3px center;
			margin-left: 0;
			margin-right: 4px;
		}
	}

	.name {
		font-family: NunitoSans-Regular;
		font-size: 12px;
		color: #3A2E2E;
		letter-spacing: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		cursor: pointer;
	}

	.reviews {
		font-family: NunitoSans-Regular;
		font-size: 12px;
		color: #8C8C8C;
		letter-spacing: 0;
		cursor: pointer;
	}

	.stars {
		cursor: pointer;
		:global {
			.anticon.anticon-star {
				color: #FAAD14!important;
			}
		}
	}

	.store {
		font-family: NunitoSans-Regular;
		font-size: 12px;
		color: #595959;
		letter-spacing: 0;
		cursor: pointer;
	}

}

.goods-tags-wrap {
	.goods-tag {
		height: 16px;
		line-height: 16px;
		font-size: 10px;
		padding: 0 8px;
		margin: 0 2px;
		margin-right: 6px;
	}
}

.ml6 {
	margin-right: 6px;
}
ul {
	padding: 0;
}
li {
	list-style-type: none;
}