fanyunAi/pages/chat/chat.scss

.directQuesBox{
	padding-top: 32rpx;
	padding-left: 40rpx;
	// padding-right: 40rpx;
	background: #fff;
	height: calc(100vh - 360rpx);
	.quesList{
		display: flex;
		flex-wrap: wrap;
		.item{
			padding: 24rpx;
			width: 196rpx;
			height: 116rpx;
			background: #F7F7F7;
			border-radius: 4rpx;
			margin-right: 40rpx;
			margin-bottom: 40rpx;
			 .inner{
				 height: 68rpx;
				 font-size: 26rpx;
				 font-family: PingFang-SC-Medium, PingFang-SC;
				 font-weight: 500;
				 color: #666666;
				 line-height: 34rpx;
				 overflow: hidden; /* 隐藏溢出的文字 */
				 text-overflow: ellipsis; /* 显示省略号 */
				 display: -webkit-box; /* 将元素作为弹性伸缩盒子进行显示 */
				 -webkit-line-clamp: 2; /* 设置最多显示的行数 */
				 -webkit-box-orient: vertical; 
			 }
		}
	}
	.freshBtnBox{
		margin-top: 8rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		.con{
			width: 180rpx;
			height: 60rpx;
			background: #EDF5FF;
			border-radius: 8rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			image{
				width: 28rpx;
				height: 28rpx;
				margin-right: 8rpx;
			}
			text{
				font-size: 26rpx;
				font-family: PingFang-SC-Medium, PingFang-SC;
				font-weight: 500;
				color: #509AFC;
			}
		}
	}
}

@keyframes rotate {
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
.go{
	animation: rotate 1s;
}

.bottomTopMenuList{
	padding: 36rpx 32rpx;
	padding-bottom: 16rpx;
	.item{
		width: 140rpx;
		height: 60rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		// opacity: 0.61;
		border: 2rpx solid #D9DFDF;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 20rpx;
		
		font-size: 24rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #333333;
		// color: red;
	}
}

.botBtnBg{
	background: #ECF3FB!important;
	// padding-bottom: 30rpx;
}

.botBtnBox{
	padding-left: 32rpx;
	padding-right: 32rpx;
	padding-bottom: 38rpx;
}

.inputBgColor{
	background: #fff;
	
	padding-left: 16rpx;
	padding-right: 16rpx;
}

.addclearBox{
	position: relative;
	width: 100%;
	.clearImg{
		position: absolute;
		width: 40rpx;
		height: 40rpx;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
}


.hotQuesFlag{
	font-size: 28rpx;
	// color: $tc;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: fixed;
	background-color: white;
	width: 100%;
	
	z-index: 999;
}