mp_exhibitor_miniprog/static/style/pages/exhibitor-item.scss

.exhibitor-item{
	border-radius: 8rpx;
	background: #FFFFFF;
	box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0,0,0,0.15);
	padding: 26rpx 23rpx;
	border: 1rpx solid #D9D9D9;
	&.active{
		border: 4rpx solid rgba(232,116,0,0.34);
		padding: 24rpx 21rpx;
	}
	.exhibitor-body{
		display: flex;
		.exhibitor-name{
			flex: 1;
			color: #333333;
			font-weight: bold;
			line-height: 38rpx;
			font-size: $fontSize3;
			margin-left: 12rpx;
			margin-right: 28rpx;
			&>view{
				width: 100%;
				@include text-ellipsis-line;
				-webkit-line-clamp: 2; 
			}
		}
		.exhibitor-name-cn{
			font-family: Poppins, Poppins;
		}
		.exhibitor-name-en{
			font-family: Poppins, Poppins;
			font-weight: normal;
			font-size: $fontSize2;
		}
		.exhibitor-number{
			flex-shrink: 0;
			justify-content: flex-end;
			margin-top: 12rpx;
		}
		.exhibitor-number-label{
			font-size: $fontSize0;
			color: #555555;
		}
		.exhibitor-number-text{
			font-family: Poppins, Poppins;
			font-weight: bold;
			font-size: $fontSize4;
			color: #E57519;
			letter-spacing: 2rpx;
		}
		.exhibitor-logo{
			width: 90rpx;
			height: 90rpx;
			border-radius: 6rpx;
			border: 1rpx solid #E1E1E1;
		}
		image{
			width: 100%;
			height: 100%;
		}
	}
	.exhibitor-footer{
		display: flex;
		align-items: center;
		padding-top: 33rpx;
		.exhibitor-action{
			display: grid;
			flex: 1;
			grid-template-columns: repeat(4, 1fr);
			font-size: $fontSize1;
			color: #555555;
			&>view, &>button{
				display: flex;
				align-items: center;
			}
			button{
				font-size: $fontSize1;
				white-space: nowrap;
				line-height: inherit;
				view{
					display: flex;
					align-items: center;
					font-size: $fontSize1;
				}
			}
			.iconfont{
				font-size: 28rpx;
				margin-right: 4rpx;
			}
		}
		
		.exhibitor-views{
			font-weight: 400;
			font-size: $fontSize1;
			color: #555555;
			line-height: 20rpx;
			margin-right: 57rpx;
		}
	}
}