wx-web/pages/community/index.wxss

.ai_picker.data-v-5fb47dc3 {
		position: relative;
		width: 100%;
		height: 48px;
		padding: 0 16px;
		box-sizing: border-box;
		font-size: 16px;
		line-height: 48px;
		box-shadow: 0px 2px 6px 2px rgba(166, 166, 166, 0.25);
}
.cur_role_item.data-v-5fb47dc3 {
		padding: 0 8px;
		width: 88px;
		height: 32px;
		border-radius: 16px;
		background-color: #fff;
		border: 0.5px solid rgba(151, 151, 151, 0.2);
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 16px;
		color: #000000;
}
.cur_role_item .select_name.data-v-5fb47dc3 {
		font-size: 14px;
		line-height: 32px;
}
.cur_role_item .iconfont.data-v-5fb47dc3 {
		font-size: 6px;
		transition: 300ms;
}
.cur_role_item.open .iconfont.data-v-5fb47dc3 {
		transform: rotate(180deg);
}
.role_menu.data-v-5fb47dc3 {
		position: absolute;
		z-index: 999;
		left: 16px;
		top: 8px;
}
.role_menu_list.data-v-5fb47dc3 {
		max-height: 0;
		overflow: hidden;
		padding: 0 8px;
		margin-top: 4px;
		box-sizing: border-box;
		border-radius: 8px;
		box-shadow: 0px 0px 4px  rgba(0, 0, 0, 0.25);
		background: rgba(255, 255, 255, 0.93);
		transition: max-height 300ms;
}
.role_menu_list.open.data-v-5fb47dc3 {
		max-height: 400px;
}
.role_menu_item.data-v-5fb47dc3 {
		margin-bottom: 8px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-size: 10px;
		color: rgba(166, 166, 166, 1);
}
.role_menu_item.data-v-5fb47dc3:first-child {
		margin-top: 8px;
}
.role_menu_item .avatar.data-v-5fb47dc3 {
		display: block;
		margin-right: 8px;
		width: 36px;
		height: 36px;
		border-radius: 50%;
}
.avatar_empty.data-v-5fb47dc3 {
		background-color: #ddd;
}
.role_menu_item text.data-v-5fb47dc3 {
		height: 36px;
		line-height: 36px;
}
.role_menu_item.active.data-v-5fb47dc3 {
		color: #000000;
}
.ai_picker .add_icon.data-v-5fb47dc3 {
		width: 20px;
		height: 20px;
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
}
.no-data.data-v-5fb47dc3 {
		padding-top: 26vh;
}
.no-data image.data-v-5fb47dc3 {
		display: block;
		margin: 0 auto;
		width: 70px;
		height: 70px;
}
.no-data text.data-v-5fb47dc3 {
		margin-top: 12px;
		display: block;
		font-size: 18px;
		color: #999999;
		text-align: center;
}
.scroll_wrapper.data-v-5fb47dc3 {
		height: calc(100vh - 48px);
}
.list.data-v-5fb47dc3 {
		display: flex;
		flex-wrap: wrap;
		padding: 8px;
		box-sizing: border-box;
}
.list .item.data-v-5fb47dc3 {
		overflow: hidden;
		margin: 0 4px 6px;
		padding-bottom: 10px;
		width: calc(50% - 4px);
		border-radius: 4px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.list .item.data-v-5fb47dc3:nth-child(odd) {
		margin-left: 0;
}
.list .item.data-v-5fb47dc3:nth-child(even) {
		margin-right: 0;
}
.list .item .cover.data-v-5fb47dc3 {
		width: 100%;
		height: 224px;
}
.list .item .content.data-v-5fb47dc3 {
		margin-bottom: 10px;
		display: flex;
		align-items: center;
		height: 34px;
		padding: 0 6px;
		box-sizing: border-box;
		font-size: 12px;
}
.list .item .info.data-v-5fb47dc3 {
		padding: 0 6px;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.info .user.data-v-5fb47dc3 {
		flex-grow: 1;
		display: flex;
		align-items: center;
}
.info .user .avatar.data-v-5fb47dc3 {
		display: block;
		margin-right: 8px;
		width: 20px;
		height: 20px;
		border-radius: 50%;
}
.info .user .name.data-v-5fb47dc3 {
		display: inline-block;
		max-width: 100px;
		font-size: 12px;
		color: #808080;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}
.info .count.data-v-5fb47dc3 {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		font-size: 12px;
		color: #808080;
}
.info .count .iconfont.data-v-5fb47dc3 {
		margin-right: 4px;
}
.info .count .icon-like.data-v-5fb47dc3 {
		color: rgba(243, 67, 98, 1);
}