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

.b1px(@color:@border-color, @radius:0.06rem,@style:solid) {
	position: relative;
	&::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-width: 1px;
		border-color: @color;
		border-style: @style;
		border-radius: @radius;
		transform-origin: 0 0;
		@media (-webkit-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) {
			width: 200%;
			height: 200%;
			border-radius: 2 * @radius;
			transform: scale3d(0.5, 0.5, 1);
			transform-origin: 0 0;
		}
	}
}
.sn-invoice-item {
	.title-align-right {
		text-align: right !important;
		& + .sn-list-item-value {
			padding-left: 0.3rem;
		}
	}
	input {
		text-align: inherit;
		&[readonly='readonly'] {
			pointer-events: none;
		}
		
		// 兼容浏览器placeholder
		&::-webkit-input-placeholder {
			color: @placeholder-color;
		}

		&::-moz-placeholder {
			color: @placeholder-color;
		}

		&::-ms-input-placeholder {
			color: @placeholder-color;
		}
	}
	.sn-invoice-input-item {
		.sn-icon {
			&.sn-icon-up,
			&.sn-icon-down {
				font-size: '.24rem';
				color: @collapse-right-arrow-active-color;
			}
		}
	}
	.sn-invoice-list-item {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		.sn-list-item-value {
			height: auto;
		}
		.invoice-list-con {
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			padding: 0.1rem 0;
			.invoice-item-con {
				position: relative;
				max-width: calc(~'333.333% - 0.32rem');
				padding: 0.04rem 0.16rem;
				background-color: @body-color;
				border-radius: 0.04rem;
				margin: 0.1rem 0.32rem;
				margin-left: 0;
				&-detail {
					background-color: @background-white;
					color: @placeholder-color;
					.b1px(@border-color, 0.04rem);
					&:before {
						display: none;
					}
				}
				.remove-icon-con {
					position: absolute;
					right: -0.16rem;
					top: -0.16rem;
					color: @danger-color;
					.sn-icon {
						font-size: @font-size-base;
					}
				}
			}
		}
	}
	// 移动端
	@media screen and (max-width: @screen-sm) {
		.sn-invoice-list-item {
			.sn-list-item-title {
				flex-basis: 0 !important;
				padding-right: 0 !important;
			}
		}
	}
	// pc端
	@media screen and (min-width: @screen-sm) {
		.sn-invoice-list-item {
			.invoice-list-con {
				padding-bottom: 0;
			}
		}
	}
}

.popup-invoice-edit {
	border-radius: 0.2rem;
	.popup-title-con {
		text-align: center;
		color: @text-color-3;
		line-height: 0.8rem;
	}
	.popup-input-con {
		padding: 0.2rem 0.3rem 0.4rem;
		.input-border-con {
			.b1px();
		}
		input {
			position: relative;
			z-index: 13;
			padding: 0 0.1rem;
			border: 0;
			line-height: 0.6rem;
		}
	}
	.popup-btn-group {
		.bt1px();
		display: flex;
		align-items: center;
		justify-content: center;
		height: 0.92rem;
	}
	.sn-button {
		height: 0.92rem;
		padding: 0 0.4rem;
		&:after {
			display: none;
		}
	}
	.cancel-btn {
		.br1px();
		color: @text-color-2;
	}
	.success-btn {
		color: @theme-color;
	}
}