diancan/pages/store/index.wxss

/**index.wxss**/
.wrap_nr{
	padding: 30rpx;
}
.store_item{
	width: 690rpx;
	padding: 40rpx 0;
	margin-top: 30rpx;
	background: #F9F9F9;
	border-radius: 15rpx;
	display: flex;
	align-items: center;
	position: relative;
}
.store_item .item_l{
	width: 460rpx;
	padding-left: 30rpx;
	font-size: 26rpx;
	color: #666666;
	border-right: 1rpx solid rgba(216,169,115,.2);
}
.store_item .item_name{
	font-size: 32rpx;
	color: #0C0C0C;
}
.store_item .item_info{
	display: flex;
	align-items: center;
	margin-top: 26rpx;
}
.store_item .item_info .icon{
	width: 24rpx;
	height: 24rpx;
}
.store_item .item_info .wenzi{
	padding-left: 10rpx;
	width: 340rpx;
}
.store_item .item_r{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.store_item .item_r .juli{
	font-size: 24rpx;
	color: #666666;
	padding: 4rpx 10rpx;
	background: #FFFFFF;
	box-shadow: 0rpx 1rpx 10rpx 0rpx rgba(0, 0, 0, 0.1);
	border-radius: 14rpx;
	position: relative;
}
.store_item .item_r .juli::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -22rpx;
	left: 50%;
	width: 0rpx;
	height: 0rpx;
	border: 12rpx solid transparent;
	border-top: 12rpx solid #FFFFFF;
}
.store_item .item_r .store_logo{
	width: 60rpx;
	height: 69rpx;
	margin-top: 20rpx;
}
.store_item .item_r .desc{
	font-size: 30rpx;
	color: #0C0C0C;
	padding-top: 12rpx;
}
.store_item .tuijian_icon{
	width: 77rpx;
	height: 74rpx;
	position: absolute;
	top: -5rpx;
	right: -5rpx;
}
.store_item .selected_icon{
	width: 61rpx;
	height: 61rpx;
	position: absolute;
	bottom: -1px;
	right: -1px;
}
/* 选中状态 */
.store_item.selected{
	background: #FFFFFF;
	border: 1px solid #D54C43;
}