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;
	position: relative;
	max-width: 100%;
	width: 690rpx;
	&:before {
		content: '';
		position: absolute;
		left: -4rpx;
		top: -2rpx;
		width: 100%;
		height: 100%;
		border-radius: 8rpx;
		border: 4rpx solid rgba(232,116,0,0.34);
		opacity: 0;
		transition: .3s ease-in-out;
		//padding: 24rpx 21rpx;
	}
	&.active{
		&:before {
			opacity: 1;
		}
	}
	.exhibitor-body{
		display: flex;
		.exhibitor-name{
			flex: 1;
			color: #333333;
			font-weight: bold;
			line-height: 1.4;
			font-size: $fontSize4;
			margin-left: 12rpx;
			margin-right: 28rpx;
			min-width: 1px;
			word-break: break-word;
			&>view{
				width: 100%;
				@include text-ellipsis-line;
				-webkit-line-clamp: 2;
				line-height: 1.4;
			}
		}
		.exhibitor-name-cn{

		}
		.exhibitor-name-en{

			font-weight: normal;
			font-size: $fontSize3;
		}
		.exhibitor-number{
			flex-shrink: 0;
			justify-content: flex-end;
			margin-top: 12rpx;
		}
		.exhibitor-number-label{
			font-size: $fontSize0;
			color: #555555;
		}
		.exhibitor-number-text{

			font-weight: bold;
			font-size: $fontSize5;
			color: #E57519;
			letter-spacing: 2rpx;
		}
		.exhibitor-logo{
			width: 100rpx;
			height: 100rpx;
			border-radius: 6rpx;
			border: 1rpx solid #E1E1E1;
			padding: 6rpx;
		}
		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: $fontSize2;
			color: #555555;
			position: relative;
			z-index: 1;
			&>view, &>button{
				display: flex;
				align-items: center;
				cursor: pointer;
			}
			button{
				font-size: $fontSize2;
				white-space: nowrap;
				line-height: inherit;
				border: none;
				background-color: transparent;
				padding: unset;
				margin: unset;
				view{
					display: flex;
					align-items: center;
					font-size: $fontSize2;
				}
			}
			.iconfont{
				font-size: 28rpx;
				margin-right: 4rpx;
			}
		}

		.exhibitor-views{
			font-weight: 400;
			font-size: $fontSize2;
			color: #555555;
			line-height: $fontSize2;
			margin-right: 57rpx;
			display: flex;
			align-items: center;
			grid-gap: 9rpx;
		}
	}
}