horzi_rai_wxa/activityPages/index.scss

.activity-content {
		// position: relative;
		background-color: #F7F7F7;
		.top-content {
			padding-bottom: 2rpx;
			.tab {
				display: flex;
				font-size: 32rpx;
				color: #707070;

				.tab-item {
					flex: 1;
					text-align: center;
					.scroll-tab-item {
						height: 78rpx;
						line-height: 48rpx;
						position: relative;

						.border_act {
							position: absolute;
							height: 6rpx;
							width: 340rpx;
							left: 0;
							bottom: 0rpx;
						}
					}

					.active {
						color: #3385FF;
						font-weight: bold;
						font-size: 34rpx;
					}
				}
			}

			.index-fixed {
				margin-top: 40rpx;
				width: 100%;
				display: flex;
				align-items: center;
				height: 70rpx;
				background: #F6F6F6;
				border: 1rpx solid #E5E5E5;
				opacity: 1;
				border-radius: 35rpx;
				padding-left: 34rpx;
				color: #8D8D8D;
				font-size: 28rpx;

				.search_ico {
					padding-right: 16rpx;
				}
			}

		}

		.head {
			padding-top: 80rpx !important;
		}
		.top-content {
			width: 100%;
			background-color: #fff;
			padding: 0 30rpx;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 999;

			.search-cont-top {
				margin-top: 30rpx;

				.cont-tit {
					color: #666;
					font-size: 28rpx;
					margin-bottom: 30rpx;
					display: flex;
					justify-content: space-between;

					.empty_ico {
						width: 32rpx;
						height: 33rpx;
					}
				}

				.targetList {
					display: flex;
					flex-wrap: wrap;

					// justify-content: space-between;
					.target-item {
						padding: 4rpx 18rpx;
						color: #4A4A4A;
						font-size: 26rpx;
						// border: 1rpx solid #3385ff;
						background-color: #F7F7F7;
						margin-bottom: 30rpx;
						margin-right: 30rpx;
						border-radius: 20rpx;
					}
				}
			}

			.searchTarget-header {
				position: relative;
				width: 100%;
				background-color: #fff;
				padding: 20rpx 0;
				display: flex;
				justify-content: center;
				align-items: center;

				.sea_ipt_placeholder {
					color: #E5E5E5 !important;
				}

				.sea_ipt {
					width: 682rpx;
					height: 70rpx;
					line-height: 70rpx;
					box-sizing: border-box;
					border: 1rpx solid #E5E5E5;
					background-color: rgba(245, 245, 245, 0.2);
					font-size: 26rpx;
					color: #4A4A4A;
					padding: 0 180rpx 0 78rpx;
					border-radius: 70rpx;
				}

				.sea_ico {
					width: 31rpx;
					height: 31rpx;
					position: absolute;
					left: 48rpx;
					top: 50%;
					transform: translateY(-50%);
				}

				.ipt-right {
					display: flex;
					align-items: center;
					position: absolute;
					right: 59rpx;
					top: 50%;
					transform: translateY(-50%);
					color: #3385FF;

					.line {
						margin: 0 21rpx;
						color: #E0E0E0;
					}
				}
			}


			.select-conyent {
				.decide {
					background-color: #F8F8FA;
					display: flex;
					align-items: center;
					margin: 0 auto;
					height: 110rpx;
					width: 100%;
					padding-left: 30rpx;
				}

				.items-box {
					width: 40rpx;
				}

				.menu-items {
					background-color: #F8F8FA;
					width: 100%;
					display: flex;
					flex-wrap: wrap;
					padding: 30rpx 30rpx 0;

					.menu-items-box {
						display: flex;
						width: 50%;
						font-size: 28rpx;
						font-weight: 400;
						margin-bottom: 40rpx;

					}
				}

				.replacement-box {
					background-color: #fff;
					border-radius: 0rpx 0rpx 16rpx 16rpx;
				}

				.replacement {
					margin: 0rpx 30rpx 20rpx;
					display: flex;
					background-color: #2C83FF;
					opacity: 1;
					height: 60rpx;
					line-height: 58rpx;
					font-size: 28rpx;
					font-weight: 400;
					color: #FFFFFF;
					border-radius: 30rpx;

					text {
						flex: 1;
						text-align: center;

					}

					.replacement-box {
						border: 1rpx solid #2C83FF;
						opacity: 1;
						color: #2C83FF;
						background: #FFFFFF;
						border-radius: 28rpx 0rpx 28rpx 28rpx;
					}
				}
			}
		}

		.box-content {
			padding: 200rpx 34rpx 20rpx;
			background-color: #F7F7F7;

			.content-list {
				box-sizing: border-box;
				overflow: hidden;
				margin-top: 30rpx;
				// height: 396rpx;
				width: 100%;
				background: #FFFFFF;
				box-shadow: 0px 3rpx 6rpx rgba(141, 141, 141, 0.16);
				border-radius: 16rpx;
				font-size: 28rpx;

				.list-top {
					margin: 0 30rpx;
					display: flex;
					justify-content: space-between;
					border-bottom: 1rpx solid #E5E5E5;
					height: 82rpx;
					line-height: 82rpx;
					color: #333333;
					font-size: 32rpx;

					.list-top-box {
						display: flex;

						.title {
							color: #333333;
							font-size: 30rpx;
							font-weight: bold;
						}
					}

					.city {
						margin-left: 40rpx;
						display: flex;
						color: #3385FF;
						align-items: center;
						font-size: 26rpx;

						image {
							width: 27rpx;
							height: 32rpx;
							margin-right: 12rpx;
						}
					}
				}

				.list-center {
					width: 100%;
					color: #333333;

					.title {
						padding: 20rpx 30rpx 24rpx 30rpx;
						line-height: 46rpx;
						color: #333;
						font-size: 28rpx;
						font-weight: bold;
						text-indent: -14rpx
					}

					.title-two {
						padding-left: 30rpx;
						padding-bottom: 24rpx;
						padding-top: 20rpx;
						line-height: 46rpx;
						color: #333;
						font-size: 28rpx;
						font-weight: bold;
					}

					text {
						padding-left: 30rpx;
					}

					.setting-center {
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding-right: 30rpx;

						.box-expert {
							margin-left: 30rpx;
							display: flex;

						}
					}
				}

				.list-bottom {
					height: 80rpx;

					// border-top: 1px solid #E5E5E5;
					.multi {
						display: flex;
						text-align: center;
						line-height: 80rpx;
						color: #3385FF;

						text {
							width: 50%;
						}

						.multi-outbound {
							background: #3385FF;
							color: #FFFFFF;
							border-radius: 0px 0px 0px 16rpx;
						}

						.multi-remind {
							background: #EBF4FF;
							color: #3385FF;
							border-radius: 0px 0px 16rpx 0px;
						}
					}

					.multi-text {
						line-height: 80rpx;
						color: #FFFFFF;
						width: 100%;
						text-align: center;
						background: #3385FF;
						opacity: 1;
						border-radius: 0px 0px 16rpx 16rpx;
					}
				}
			}
		}

		.nodata {
			padding-top: 350rpx;

			image {
				width: 374rpx;
				height: 288rpx;
			}
		}

		.select-box {
			width: 100%;

			view {
				height: 95prx;
				line-height: 95rpx;
				text-align: center;
				font-size: 32rpx;
				border-bottom: 1rpx solid #EBEBEB;
				;
			}
		}
	}

	/deep/.van-dropdown-menu {
		background-color: #fff;
		box-shadow: none !important;
		padding-top: 20rpx;
	}

	/deep/.van-dropdown-menu__item {
		box-sizing: border-box;
		width: 190rpx;
		margin-right: 40rpx;
		padding-right: 20rpx;
		height: 51rpx;
		border-radius: 26rpx;
		background: #F8F8FA;
	}

	/deep/.van-dropdown-item {
		margin-top: -10rpx;
	}

	/deep/[data-index='2'] {
		margin-right: 0rpx;
	}

	/deep/ .van-ellipsis {
		font-size: 24rpx;
	}