mp_exhibitor_miniprog/static/style/pages/exhibitor.scss

.exhibitor-index{
	.exhibitor-filter{
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-gap: 29rpx;
		font-size: $fontSize3;
		color: #333333;
		.exhibitor-filter-label{
			font-family: "Microsoft YaHei", sans-serif;
			font-size: $fontSize3;
			color: #333333;
			margin-bottom: 8rpx;
		}
	}
	.u-search{
		margin-top: 34rpx;
		margin-bottom: 42rpx;
	}
	.exhibitor-list{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 23rpx;
	}
	.ad-space{
		background-color: #FEF1E8;
		margin-bottom: 42rpx;
		image{
			width: 100%;
		}
	}
	.select-box {
		display: flex;
		flex-direction: column;
		background-color: #FFFFFF;
		border-radius: 21rpx;
		border: 2rpx dashed #94A3B8;
		padding: 34rpx 30rpx 54rpx 30rpx;
		margin-bottom: 42rpx;
		.item-title {
			font-size: $fontSize4;
			font-weight: bold;

			&.select-title {
				color: $textActionColor
			}
		}
		.select-head {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			margin-bottom: 20rpx;
		}
		.select-body {
			display: flex;
			//margin-bottom: 30rpx;
			position: relative;
			//height: 100rpx;
			width: 100%;
		}

		.select-module {
			flex: 1;
			min-width: 1rpx;
			font-size: $fontSize2;
			position: relative;
			van-collapse-item {
				width: 100%;
			}
			.select-input {
				width: 100%;
				height: 100%;
				border: 1rpx solid #B3B3B3;
				border-radius: 10rpx;
				padding: 14rpx;
				position: relative;
				z-index: 7;
				background-color: #ffffff;
				display: flex;
				align-items: center;
				justify-content: space-between;
				&::after {
					content: '\e60d';
					font-family: iconfont;
					font-size: $fontSize2;
				}
			}
			.select-option-module {
				width: 100%;
				position: absolute;
				background-color: #ffffff;
				left: 0;
				top: 76rpx;
				border: 1px solid #B3B3B3;
				border-radius: 10rpx;
				height: 0;
				opacity: 0;
				transform: translateY(-80rpx);
				z-index: -10;
				&:before {
					content: '';
					width: 10px;
					height: 10px;
					background-color: #ababab;
					clip-path: polygon(0% 0%, 50% 50%,100% 0% );
					transform: rotate(180deg);
					position: absolute;
					top: -20rpx;
					left: 0;
					right: 0;
					margin-left: auto;
					margin-right: auto;
				}
				&.second-module {
					width: 414rpx;
					&:before {
						margin-left: unset;
						left: 90rpx;
					}
				}
				&.third-module {
					width: 414rpx;
					right: 0;
					left: unset;
					&:before {
						margin-right: unset;
						right: 90rpx;
					}
				}
				&.active {
					transform: translateY(0);;
					opacity: 1;
					height: auto;
					transition: .3s ease-in-out;
					z-index: 7;
				}
				.u-scroll-view {
					background-color: #ffffff;
					max-height: 600rpx !important;
					height: auto !important;
					overflow: hidden;
					border-radius: 10rpx;

				}
			}
		}

		.select-list {
			//position: absolute;
			//left: 0;
			//top: 0;
			width: 100%;
			height: 100%;
			display: flex;
			//align-items: center;
			grid-gap: 12rpx;

			.van-collapse {
				display: flex;
				//flex-direction: column;
				grid-gap: 10rpx;

				.first-title {
					& > .van-collapse-item {
						border-radius: 14rpx;
						border: 2rpx solid #B3B3B3;
						overflow: hidden;

						.van-collapse-item__content {
							padding: unset;
						}

						van-collapse {
							.van-collapse-item {
								border-bottom: 2rpx solid #e3e9f1;

								.van-cell {
									grid-gap: 16rpx;
									width: 100%;

									.van-cell__title {
										flex: unset;
										width: fit-content;
									}

									.van-cell__right-icon-wrap {
										font-size: $fontSize0;

										.van-icon-arrow {
											color: #333333;

											&::before {
												content: '\e819';
												font-family: iconfont;
												font-size: 16rpx;
											}
										}
									}
								}

								.van-collapse-item__wrapper {
									.custom-checkbox {
										checkbox {
											border: unset;
										}
									}
								}
							}

							&:nth-last-child(1) {
								.van-collapse-item {
									border: unset;
								}
							}
						}
					}

					.van-cell {
						padding: 16rpx 20rpx;

						&::after {
							border-bottom: unset;
						}
					}
				}
			}

			.van-hairline--top-bottom {
				&::after {
					border: unset;
				}
			}
		}

		.select-search-btn {
			padding: 20rpx 25rpx;
			border: 1rpx solid $textActionColor;
			background-color: $textActionColor;
			font-size: $fontSize2;
			//width: 100%;
			color: #FFFFFF;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 10rpx;
			grid-gap: 10rpx;
			font-weight: bold;
			line-height: 1;
			width: 204rpx;
			&::before {
				content: '\e86f';
				font-size: $fontSize3;
				font-family: iconfont;
				font-weight: bold;
			}
		}
	}
}