/*
Theme Name: 无界云谷
Theme URI: https://wujieyungu.cn
Description: 新疆无界云谷官网定制主题（基于原静态站设计 1:1 还原）
Author: mr-wang1
Version: 1.2
Text Domain: wujieyungu
*/

/* ===================== 补充样式：模板卡片 ===================== */
.wjtpl {
	max-width: 1200px;
	margin: 50px auto 70px;
	padding: 0 20px;
	box-sizing: border-box;
}

.wjtpl_h3 {
	font-size: 26px;
	color: #222;
	text-align: center;
	margin: 0 0 30px;
	font-weight: 700;
}

.wjtpl_h3:after {
	content: "";
	display: block;
	width: 48px;
	height: 3px;
	background: #f0402c;
	margin: 14px auto 0;
}

.wjtpl_grid {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}

.wjtpl_card {
	display: block;
	width: calc(33.333% - 24px);
	margin: 12px;
	padding: 26px 24px;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 6px;
	box-sizing: border-box;
	text-decoration: none;
	transition: all .25s;
}

.wjtpl_card:hover {
	border-color: #f0402c;
	box-shadow: 0 10px 26px rgba(240, 64, 44, .12);
	transform: translateY(-4px);
}

.wjtpl_t {
	font-size: 18px;
	color: #222;
	font-weight: 700;
	margin: 0 0 10px;
}

.wjtpl_card:hover .wjtpl_t {
	color: #f0402c;
}

.wjtpl_d {
	font-size: 14px;
	line-height: 1.8;
	color: #777;
	margin: 0;
}

/* ===================== 补充样式：在线留言 ===================== */
.wjgb {
	max-width: 1200px;
	margin: 50px auto 70px;
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.wjgb_left,
.wjgb_right {
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 6px;
	padding: 32px;
}

.wjgb_left {
	width: 380px;
	margin-right: 30px;
}

.wjgb_right {
	flex: 1;
	min-width: 320px;
}

.wjgb_h3 {
	font-size: 20px;
	color: #222;
	margin: 0 0 22px;
	padding-bottom: 14px;
	border-bottom: 1px solid #f0f0f0;
	font-weight: 700;
}

.wjgb_ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wjgb_ul li {
	margin-bottom: 18px;
	line-height: 1.7;
}

.wjgb_ul li span {
	display: block;
	font-size: 13px;
	color: #999;
	margin-bottom: 4px;
}

.wjgb_ul li b {
	font-size: 15px;
	color: #333;
	font-weight: 500;
}

.wjgb_tip {
	font-size: 13px;
	color: #999;
	line-height: 1.8;
	margin: 22px 0 0;
	padding-top: 18px;
	border-top: 1px solid #f0f0f0;
}

.wjgb_row {
	margin-bottom: 18px;
}

.wjgb_row label {
	display: block;
	font-size: 14px;
	color: #333;
	margin-bottom: 8px;
}

.wjgb_row label i {
	color: #f0402c;
	font-style: normal;
}

.wjgb_row input,
.wjgb_row select,
.wjgb_row textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 14px;
	font-size: 14px;
	color: #333;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	background: #fafafa;
	outline: none;
	font-family: inherit;
	transition: border-color .2s, background .2s;
}

.wjgb_row input:focus,
.wjgb_row select:focus,
.wjgb_row textarea:focus {
	border-color: #f0402c;
	background: #fff;
}

.wjgb_row textarea {
	resize: vertical;
}

.wjgb_btn {
	display: inline-block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #f0402c;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
	font-family: inherit;
	transition: background .2s;
}

.wjgb_btn:hover {
	background: #d8321f;
}

.wjgb_note {
	font-size: 12px;
	color: #aaa;
	line-height: 1.7;
	margin: 14px 0 0;
}

.wjgb_form .wj_hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.wjgb_alert {
	max-width: 1160px;
	margin: 24px auto 0;
	padding: 14px 20px;
	border-radius: 4px;
	font-size: 14px;
}

.wjgb_alert.ok {
	background: #eaf7ee;
	border: 1px solid #b7e2c3;
	color: #1f7a3d;
}

.wjgb_alert.err {
	background: #fdeceb;
	border: 1px solid #f5c3bd;
	color: #b32a1c;
}

/* ===================== 响应式 ===================== */
@media (max-width: 992px) {
	.wjtpl_card {
		width: calc(50% - 24px);
	}
	.wjgb_left {
		width: 100%;
		margin: 0 0 24px;
	}
}

@media (max-width: 640px) {
	.wjtpl_card {
		width: calc(100% - 24px);
	}
	.wjgb_left,
	.wjgb_right {
		padding: 22px;
	}
	.wjgb {
		margin: 30px auto 40px;
	}
	.wjtpl {
		margin: 30px auto 40px;
	}
}