// @import "sinosun-ui/lib/style/themes/default.less";
// @import "sinosun-ui/lib/style/mixins/index.less";

.common-template-parser-detail-main {
	// 新版UI 详情盒子样式
	.detail-top-box {
		.detail-flowid-box {
			top: 0.2rem !important;
		}
		.detail-name-box {
			flex: 1;
			.detail-name {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				max-width: 3.5rem;
			}
			.detail-department {
				display: -webkit-box;
				text-overflow: ellipsis;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				// max-width: calc(100% - .45rem);
				margin-top: 0.16rem;
				line-height: 1.5;
				font-size: 0.26rem;
				font-weight: 400;
				color: @text-color-2;
				letter-spacing: 0;
				word-break: break-all;
				&.no-hide {
					display: block;
					overflow: unset;
				}
			}
		}
	}
	.detail-top-bottom-line {
		margin: 0;
		.detail-bg-line {
			left: 0.44rem !important;
			width: calc(~'100% - 0.88rem') !important;
		}
	}
	.detail-bottom-box {
		.detail-content-box {
			padding-top: 0 !important;
			.field-content {
				.item {
					margin-left: 0 !important;
				}
			}
		}
		// 分割
		.sn-divider-tips {
			.sn-list-item-value {
				padding-left: 0;
				.sn-block {
					.sn-checkbox{
						overflow: visible;
					}
					span {
						line-height: initial;
					}
				}
			}
		}
	}
	// 日期样式
	.sn-datetime-picker {
		color: @text-color;
	}
	.sn-range-picker-item {
		.readonly-value {
			color: @text-color;
		}
	}

	.sn-list-item {
		display: flex;
		align-items: flex-start;
		padding: 0.12rem 0 !important;
		.sn-list-item-title {
			text-align: left;
			color: @text-color-3;
			font-size: 0.3rem;
			padding-right: 0.2rem;
			&.label-bold {
				color: @text-color;
			}
		}
		.sn-list-item-value {
			font-size: 0.3rem;
			word-break: break-all;
			input {
				font-size: 0.3rem;
			}
		}
		&:after {
			display: none;
			left: 0;
		}
	}
	.sn-popup-right {
		.sn-list-con {
			.sn-list-item {
				padding: 0.24rem 0.3rem !important;
			}
		}
	}

	.sn-textarea-item {
		.title-align-right {
			& + .sn-list-item-value {
				padding-left: 0.3rem;
			}
		}
	}
	.textarea-container {
		max-height: 0.3rem * 1.4 * 10;
		// textarea-item 样式覆盖
	}

	.sn-textarea-item-textarea {
		font-size: 0.3rem;
	}
	// 详情明细展示
	.sn-in-detail {
		.bb1px(@border-color);
		// display: flex;
		// flex-wrap: wrap;
		margin-bottom: 0.1rem;
		padding-bottom: 0.1rem;
		> div {
			flex: 1;
			flex-basis: 100%;
			width: 100%;
		}
	}
	// 代付按钮样式
	.pay-other-btn {
		padding: 0.02rem 0.06rem;
		background: @warning-color-2;
		color: @color-white;
		border-radius: 0.08rem;
	}
	// pc
	@media screen and (min-width: @screen-sm) {
		.detail-box {
			.detail-top-box {
				//padding-bottom: 0 !important;  用户图标会瘪一块，需要屏蔽
			}
		}
		.sn-detail-item-parse {
			.sn-list-item {
				padding: 0 !important;
				&-title {
					line-height: 2;
					font-size: 0.28rem;
				}
				&-value {
					line-height: 2;
					font-size: 0.28rem;
					min-height: 28px;
					word-break: break-all;
				}
				// 箭头位置
				.sn-list-item-right-icon,
				.right-slot {
					position: absolute;
					top: 50%;
					right: 0 !important;
					display: inline-flex;
					justify-content: center;
					align-items: center;
					height: 30px;
					transform: translateY(-50%);
				}
			}
		}
		// pc label和 item-value样式
		.sn-list-item {
			padding: 0 !important;
			.sn-list-item-title {
				font-size: 14px;
				line-height: 2;
			}
			.sn-list-item-value {
				font-size: 14px;
				line-height: 2;
				input {
					font-size: 14px;
				}
			}
		}
		.textarea-container {
			max-height: 14px * 2 * 10;
		}
		// textarea-item 样式覆盖 最多10行
		.sn-textarea-item-textarea {
			font-size: 14px;
		}
		// 顶除原来老版本样式
		textarea {
			padding-left: 0 !important;
			padding-right: 0 !important;
			border: 0 !important;
		}
		// 所有解析组件的border样式
		.sn-border {
			padding: 0;
			height: 100%;
			&.has-right-slot {
				padding-right: 40px;
			}
		}
		.sn-border {
			line-height: 2;
		}
		//支付方式中付方账号样式
		.sn-pay-method {
			.sn-popup-abandon {
				.sn-icon {
					position: absolute;
					top: 14px;
					right: 5px;
				}
			}
		}
	}
	// pc中屏
	@media screen and (min-width: @screen-md) {
		// 详情明细展示
		.sn-in-detail {
			> .detail-item-con {
				flex-basis: 50%;
				// width: 50%;
				&:nth-of-type(odd) {
					padding-right: 0.1rem;
				}
				&:nth-of-type(even) {
					padding-left: 0.1rem;
				}
				&.isOdd:last-of-type {
					padding-right: 0;
					padding-left: 0;
				}
			}
		}
	}
	// pc大屏
	@media screen and (min-width: @screen-lg) {
	}
}