@charset "utf-8";
/* 意见建议箱 / 领导信箱 页面样式（自包含，不依赖门户站点静态资源） */
html, body { margin: 0; padding: 0; }
body {
	background: #fff;
	font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	font-size: 16px;
	color: #555;
	padding: 0;
}

/* 门户模板给表单 iframe 的固定高度为 650px，内容总高控制在 650 以内 */
.new_topk, .sfooter, .site { display: none; }

.content {
	width: 92%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 14px 0 16px;
	background-color: #f8f8f6;
	background-image: radial-gradient(rgba(0, 0, 0, .035) 1px, transparent 1px);
	background-size: 3px 3px;
	border: 1px solid #e0e0e0;
	border-top: 6px solid #e60012;
	box-shadow: 0 10px 22px rgba(0, 0, 0, .12);
}

.formbox { width: auto; height: auto; margin: 0; padding: 0; background: none; }
.formbox ul {
	width: 1080px;
	max-width: 94%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.formbox li { position: relative; padding: 8px 0; vertical-align: top; list-style: none; }
.formbox li.sm { display: none; }

.formbox label {
	display: inline-block;
	width: 146px;
	padding-right: 16px;
	box-sizing: border-box;
	text-align: right;
	font-size: 19px;
	line-height: 46px;
	color: #555;
	vertical-align: middle;
}
.formbox label:after { content: "："; }

/* 表单字段由模板渲染，普通 input 没有 type 属性，用排除法选中文本类输入框 */
.formbox input:not([type=button]):not([type=reset]) {
	width: 560px;
	height: 46px;
	padding: 0 12px;
	box-sizing: border-box;
	border: 1px solid #c3c3c3;
	border-radius: 2px;
	background: #fff;
	font-family: inherit;
	font-size: 18px;
	line-height: 44px;
	color: #333;
	vertical-align: middle;
	outline: none;
}
.formbox input:not([type=button]):not([type=reset]):focus { border-color: #8e8e8e; }

.formbox textarea {
	width: 860px;
	height: 205px;
	padding: 10px 12px;
	box-sizing: border-box;
	border: 1px solid #c3c3c3;
	border-radius: 2px;
	background: #fff;
	font-family: inherit;
	font-size: 18px;
	line-height: 30px;
	color: #333;
	vertical-align: top;
	resize: vertical;
	outline: none;
}
.formbox textarea:focus { border-color: #8e8e8e; }

/* 标题这类长字段 */
.formbox input.input1 { width: 860px; }

/* 必填星号，定位到输入框右侧 */
.formbox label span {
	position: absolute;
	left: 736px;
	top: 29px;
	padding: 0;
	color: #e60012;
	font-size: 20px;
	line-height: 1;
}
.formbox li:has(input.input1) label span,
.formbox li:has(textarea) label span { left: 1036px; }

/* 验证码一行：输入框 + 图片 */
.formbox li.yzm { display: inline-block; width: 480px; padding: 8px 0; vertical-align: top; }
.formbox li.yzm input:not([type=button]):not([type=reset]) { width: 285px; }
.formbox li.yzm label span { left: 640px; top: 27px; }
.formbox li.yzmpic { display: inline-block; width: auto; padding: 15px 0 0 6px; vertical-align: top; }
.formbox li.yzmpic img { width: 132px; height: 46px; cursor: pointer; vertical-align: middle; }

/* 按钮 */
.formbox li.btn { clear: both; display: block; width: auto; padding-top: 14px; text-align: center; }
.formbox li.btn input {
	width: 180px;
	height: 46px;
	margin: 0 16px;
	padding: 0;
	border: 1px solid #c7c7c7;
	border-radius: 3px;
	background: -webkit-linear-gradient(#fdfdfd, #e2e2e2);
	background: linear-gradient(#fdfdfd, #e2e2e2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
	font-family: inherit;
	font-size: 18px;
	color: #333;
	cursor: pointer;
}
.formbox li.btn input:hover { background: -webkit-linear-gradient(#f2f2f2, #d7d7d7); background: linear-gradient(#f2f2f2, #d7d7d7); }
.formbox li.btn input:active { background: #dcdcdc; }

@media (max-width: 1100px) {
	.formbox ul { width: auto; }
	.formbox input:not([type=button]):not([type=reset]),
	.formbox input.input1 { width: calc(100% - 146px - 50px); }
	.formbox textarea { width: calc(100% - 146px - 50px); }
	.formbox label span { left: auto; right: 30px; }
	.formbox li:has(input.input1) label span,
	.formbox li:has(textarea) label span { left: auto; right: 30px; }
	.formbox li.yzm { display: inline-block; width: auto; }
	.formbox li.yzm input:not([type=button]):not([type=reset]) { width: 190px; }
	.formbox li.yzm label span { display: inline; left: 500px; right: auto; top: 29px; }
	.formbox li.yzmpic { padding: 15px 0 0 8px; }
}