@import (reference) 'dingtalk-theme/dingtalk-x/mob.less';

.infoView {
	display: flex;
	flex-direction: column;
	// height: calc(100% - 52px);
	padding-top: 8px;
	overflow: hidden;

	&-noPadding {
		padding: 0 !important;
	}

	&-main {
		flex: 1;
		overflow: scroll;
	}

	&-card {
		background-color: #fff;
		padding: 8px 16px 0px;
		font-size: 14px;

		&-card1 {
			background-color: #fff;
		}

		&-heading {
			font-size: 18px;
			color: #171a1d;
			font-weight: 700;
			line-height: 26px;
			background-color: #fff;
			padding: 8px 0 0 16px;
		}

		&-headingTitle {
			font-size: 18px;
			color: #171a1d;
			font-weight: 700;
			line-height: 26px;
			background-color: #f2f2f2;
			padding: 8px 0 0 16px;
		}

		&-title {
			font-size: 14px;
			line-height: 22px;
			color: rgba(23, 26, 29, 0.6);
		}

		&-value {
			font-size: 15px;
			line-height: 23px;
			color: #171a1d;
			margin-top: 4px;
			background-color: #fff;
			&-posCount {
				&-number {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 126px;
					height: 36px;
					background: #f2f2f6;
					border-radius: 4px;

					&-first {
						display: flex;
						justify-content: center;
						width: 24px;
						height: 24px;
						font-size: 14px;
						font-weight: 400;
						text-align: LEFT;
						background-color: @theme_primary1_color;
						color: #ffffff;
						line-height: 22px;
						border-radius: 4px;
					}

					&-second {
						display: flex;
						font-size: 14px;
						font-family: PingFang SC, PingFang SC-Regular;
						font-weight: 400;
						text-align: LEFT;
						color: #171a1d;
						line-height: 22px;
						padding-left: 8px;
						justify-content: center;
					}

					&-third {
						display: flex;
						font-size: 14px;
						justify-content: center;
						padding-left: 8px;
					}
				}
			}
		}

		&-flex {
			display: flex;
			align-items: center;
		}

		&-divider {
			height: 8px;
		}

		&-img {
			min-width: 18px;
			min-height: 18px;
			max-width: 18px;
			max-height: 18px;
		}
	}

	&-foot-button {
		background-color: #fff;
		padding: 12px 16px;
		display: flex;
		justify-content: center;
		margin-top: 16px;

		&-del {
			flex: 1;
			margin-right: 8px;
			border: 1px solid #f5222d;
			color: #f5222d;
			font-size: 16px;
		}

		&-edit {
			flex: 1;
			font-size: 16px;
		}
	}
}

.management {
	&-add {
		&-form {
			display: flex;
			flex-direction: column;
			height: calc(100vh - 44px);

			&-main {
				flex: 1 1;
				overflow: hidden;
				padding-bottom: 16px;
			}

			&-item {
				height: 100%;
				overflow: scroll;
			}

			&-button {
				background-color: #fff;
				padding: 12px;
			}
		}
	}
}

.first-letter {
	font-size: 32px;
	/* 可根据需要调整字体大小 */
	font-weight: 400;
	/* 可选：加粗字体 */
	color: rgba(0, 127, 255, 0.48);
	vertical-align: middle;
	/* 垂直居中对齐 */
}

.newFoot {
	position: fixed;
	bottom: 102px;
	right: 18px;

	&-item {
		width: 44px;
		height: 44px;
		border-radius: 50%;
		margin-bottom: 18px;
		background-color: #e41100;
	}

	&-itemEdit {
		width: 44px;
		height: 44px;
		border-radius: 50%;
		background-color: #0089ff;
	}

	&-img {
		width: 33px;
		height: 33px;
		position: absolute;
		top: 6px;
		left: 5px;
	}
	&-img1 {
		width: 33px;
		height: 33px;
		position: absolute;
		top: 66px;
		left: 5px;
	}
}