@import "../default-skin.less";
@import "../../global/mixin.less";

// 查询模版
.s_pad,
.s_pc {
	.l_query {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 0.5*@gap;
		.l_queryUser {
			padding-bottom: 0.5*@gap;
		}

		.l_queryResult {
			position: absolute;
			overflow: auto;
			top: 1+2*@gap+@gap;
			border: 1px solid @fg-light-8-5;
			bottom: 1+2.57*@gap;
			left: 0.5*@gap;
			right: 0.5*@gap;

			.c_table {
				height: 100%;

				table tbody tr:last-child td {
					border-bottom: 1px solid @fg-light-8-5;
				}
			}
		}

		.l_queryMsg {
			position: absolute;
			top: 1+2*@gap+@gap+1+2*@gap+0.1;
			left: 0.5*@gap;
			right: 0.5*@gap;
			bottom: 1+2*@gap+0.5*@gap;
			border-left: 1px solid @fg-light-8;
			border-right: 1px solid @fg-light-8;

			.c_msg {
				height: 100%;
				background: @bg;

				&:before {
					content: "";
					display: inline-block;
					height: 100%;
					width: 0.71em;
					vertical-align: middle;
					margin-right: -1em;
				}

				.wrapper {
					display: inline-block;
					vertical-align: middle;
					background: none;
					max-width: 80%;
				}
			}

			&-notop {
				top: 1+3.29em;
				border-top: 1px solid @fg-light-8;
			}
		}

		.l_queryPage {
			position: absolute;
			bottom: 0.5*@gap;
			right: 0.5*@gap;
			left: 0.5*@gap;
			z-index: 0;

			.c_page {
				border: 1px solid @fg-light-8-5;
			}
		}

		.l_querySubmit {
			position: absolute;
			bottom: 0.5*@gap;
			width: 30em;
			left: 50%;
			margin-left: -15em;
			text-align: center;
			// .c_submit { button { height:3em; line-height:3em;} }
		}
	}



	// 不预留功能区位置
	.l_query-nofn {
		.l_queryMsg {
			top: 1+2*@gap+0.5*@gap+0.1;
		}

		.l_queryMsg-notop {
			top: 0.5*@gap;
		}

		.l_queryResult {
			top: 0.5*@gap;
		}
	}


	// 不预留分页区域
	.l_query-nopage {
		.l_queryMsg,
		.l_queryResult {
			bottom: 0.5*@gap;
			border-bottom: 1px solid @fg-light-8;
		}
	}



	// 预留提交区位置
	.l_query-submit {
		.l_queryResult,
		.l_queryMsg {
			bottom: (1+2*@gap)*1.1667+@gap+(1+2*@gap);
		}

		.l_queryPage {
			bottom: (1+2*@gap)*1.1667+@gap;
		}
	}

	.l_query-submit.l_query-nopage {
		.l_queryMsg,
		.l_queryResult {
			bottom: (1+2*@gap)*1.1667+@gap;
			border-bottom: 1px solid @fg-light-8;
		}
	}



	// 预留用户信息区域
	.l_query-user {
		.l_queryMsg {
			top: (0.75*@gap*2+1+0.5*@gap)*1.1667+(0.25*@gap+1+0.5*@gap)+1.5*@gap+(1+2*@gap)+(1+2*@gap)+0.3;
		}

		.l_queryResult {
			top: (0.75*@gap*2+1+0.5*@gap)*1.1667+(0.25*@gap+1+0.5*@gap)+1.5*@gap+(1+2*@gap)+0.2;
		}
	}



	// 预留分页标签区域
	.l_query-tab {
		.l_queryResult {
			background: @bg;
			border-top: 1px solid @fg-light-8;

			.c_table {
				position: absolute;
				height: auto;
				bottom: 0.5*@gap;
				left: 0.5*@gap;
				right: 0.5*@gap;
				top: 0.5*@gap;
				border: 1px solid @fg-light-8-5;
			}
		}

		.l_queryMsg {
			top: (1+2*@gap)+0.5*@gap+0.1;
			bottom: 0.5*@gap+0.1;
		}
	}
}