.communityService {
	&-searchBar {
		position: fixed;
		top: @navBarHeight;
		left: 0;
		right: 0;
		z-index: 99;

		&-height {
			height: 48px;
		}
	}

	&-main {
		height: calc(100% - @navBarHeight - 48px - 24px);
		padding: 12px;
		display: flex;
		flex-direction: column;

		&-title {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 12px;

			&-icon {
				font-size: 16px;
			}
		}

		&-list {
			flex: 1;
			overflow: hidden;
		}

		&-item {
			padding: 4px 8px 8px;
			border-radius: 5px;
			background-color: @common_bg_z1_color;
			margin-bottom: 8px;

			&-subtitle {
				display: flex;
				font-size: 12px;
				line-height: 20px;
				margin-top: 4px;
			}
		}
	}

	&-statistics {
		padding: 8px 12px 28px;

		&-form {
			border-radius: 10px;
			overflow: hidden;
			background-color: @common_bg_z1_color;
		}

		&-formItem {
			padding: 12px 16px;
			background-color: @common_bg_z1_color;

			.dtm-list-extra {
				max-width: 160px;
			}
		}

		&-formListItem {
			padding-left: 0;
			min-height: 0 !important;

			.dtm-list-line {
				padding: 0;
			}
		}

		&-btn {
			padding: 8px 16px;
			display: flex;

			.public-btn-primary {
				width: 115px;
				margin-right: 24px;
			}
		}

		&-title {
			padding: 12px;
			background-color: @common_bg_z1_color;
			position: relative;

			&::after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 12px;
				right: 12px;
				border-top: 1px dashed @common_line_light_color;
			}
		}

		&-subtitle {
			padding: 12px;
			background-color: @common_bg_z1_color;
			position: relative;

			&::after {
				content: '';
				position: absolute;
				height: 12px;
				width: 3px;
				left: 0;
				top: 50%;
				margin-top: -6px;
				background-color: @theme_primary1_color;
			}
		}

		&-table {
			padding: 0 12px 16px;
			background-color: @common_bg_z1_color;

			&-col {
				width: 100%;
				display: flex;
				font-size: 12px;
				line-height: 20px;

				div,
				h5 {
					padding: 6px 8px;
					flex: 1;
					.ellipsis-text-1;
				}
			}
		}

		&-blue1 {
			background-color: #e6f7ff;
		}

		&-blue2 {
			background-color: #a3ddff;
		}

		&-green1 {
			background-color: #e6fffb;
		}

		&-green2 {
			background-color: #b5f5ec;
		}
	}
}