/* 通用 */
/* 全局 */
html,
body {
	height: 100%;
	overflow-y: auto;
	/* 保留垂直滚动功能 */

	margin: 0;
	padding: 0;
}

/* 隐藏 Chrome、Safari 等webkit内核浏览器的滚动条 */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
	display: none;
}

/* 隐藏 IE、Edge、Firefox 的滚动条（兼容性写法） */
html,
body {
	-ms-overflow-style: none;
	/* IE 和 Edge */
	scrollbar-width: none;
	/* Firefox */
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	display: none;
	/* 默认隐藏 */
	justify-content: center;
	align-items: center;
	z-index: 9999;
	/* 盖住页面其它元素 */
}

.overlay img {
	max-width: 80%;
	max-height: 80%;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

#viewImageBtn {
	cursor: pointer;
	text-decoration: none;
	color: #45b035;
}
.i-container{
	padding-bottom: 40px;
}


/* 1. 手机端：小于 768px */
@media (max-width: 767px) {
	body {
		background: #f5f6fb;
	}

	.i-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.i-header {
		width: 100vw;
		margin: 48px 0;
		padding-bottom: 32px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-bottom: solid 1px #ddd;
	}

	.i-title {
		font-size: 28px;
		line-height: 40px;
		font-weight: bold;
		color: #111;
	}

	.i-describe {
		margin-top: 8px;
		font-size: 14px;
		line-height: 20px;
		color: #999;
	}

	.i-form {
		display: flex;
		align-items: center;
	}

	.i-input {
		width: 240px;
		font-size: 14px;
		line-height: 16px;
		padding: 12px;
		border-radius: 6px;
		border: 1px solid #dcdfe6;
		margin-right: 16px;
	}

	.i-input:focus {
		outline: none;
		border: 1px solid #45b035 !important;
	}

	.i-button {
		border: none;
		font-size: 14px;
		line-height: 40px;
		color: #fff;
		border-radius: 6px;
		background: #45b035;
		padding: 0 24px;
	}

	.i-button:active {
		background: #378b2a;
	}

	.i-table {
		display: flex;
		border-radius: 6px;
		flex-direction: column;
		background: #ffffff;
		margin: 48px 24px 0;
		border-top: solid 1px #eee;
		border-left: solid 1px #eee;
		border-right: solid 1px #eee;
	}

	.i-table-cell {
		display: flex;
		/*padding: 16px 24px;*/
	}

	.i-table-key {
		width: 140px;
		font-size: 14px;
		line-height: 24px;
		flex-shrink: 0;
		color: #333;
		padding: 24px;
		border-right: solid 1px #eee;
		border-bottom: solid 1px #eee;
	}

	.i-table-value {
		width: 200px;
		font-size: 14px;
		line-height: 24px;
		color: #666;
		padding: 24px;
		border-bottom: solid 1px #eee;
	}

	.i-table-value-image {
		width: 80px;
		height: 120px;
		object-fit: cover;
	}

	.i-table-image {
		padding: 32px;
	}

	.i-image {
		width: 64px;
		height: 80px;
	}

	.i-none {
		margin: 48px 0;
	}

	.i-none-text {
		width: 280px;
		text-align: center;
		font-size: 14px;
		line-height: 24px;
		color: #999999;
	}
}

/* 2. 平板 / 小屏笔记本：768px ~ 1199px */
@media (min-width: 768px) and (max-width: 1199px) {
	body {
		background: #f5f6fb;
	}

	.i-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.i-header {
		width: 100vw;
		margin: 48px 0;
		padding-bottom: 32px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-bottom: solid 1px #ddd;
	}

	.i-title {
		font-size: 32px;
		line-height: 32px;
		font-weight: bold;
		color: #111;
	}

	.i-describe {
		margin-top: 8px;
		font-size: 14px;
		line-height: 20px;
		color: #999;
	}

	.i-form {
		display: flex;
		align-items: center;
	}

	.i-input {
		width: 340px;
		font-size: 14px;
		line-height: 16px;
		padding: 12px;
		border-radius: 6px;
		border: 1px solid #dcdfe6;
		margin-right: 16px;
	}

	.i-input:focus {
		outline: none;
		border: 1px solid #45b035 !important;
	}

	.i-button {
		border: none;
		font-size: 14px;
		line-height: 40px;
		color: #fff;
		border-radius: 6px;
		background: #45b035;
		padding: 0 24px;
	}

	.i-button:active {
		background: #378b2a;
	}

	.i-table {
		display: flex;
		border-radius: 6px;
		flex-direction: column;
		background: #fff;
		margin: 48px 0 0;
		border-top: solid 1px #eee;
		border-left: solid 1px #eee;
		border-right: solid 1px #eee;
	}

	.i-table-cell {
		display: flex;
		/*padding: 24px;*/
	}

	.i-table-key {
		width: 200px;
		padding: 32px;
		font-size: 14px;
		line-height: 16px;
		color: #333;
		border-right: solid 1px #eee;
		border-bottom: solid 1px #eee;
	}

	.i-table-value {
		width: 400px;
		flex: 1;
		display: flex;
		align-items: center;
		padding: 32px;
		font-size: 14px;
		line-height: 16px;
		color: #666;
		border-right: solid 1px #eee;
		border-bottom: solid 1px #eee;
	}

	.i-table-image {
		padding: 32px;
	}

	.i-table-value-image {
		width: 80px;
		height: 120px;
		object-fit: cover;
	}

	.i-image {
		width: 64px;
		height: 80px;
	}

	.i-none {
		margin: 48px 0;
	}

	.i-none-text {
		width: 280px;
		text-align: center;
		font-size: 14px;
		line-height: 24px;
		color: #999999;
	}
}

/* 3. 桌面 PC：大于等于 1200px */
@media (min-width: 1200px) {
	body {
		background: #f5f6fb;
	}

	.i-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.i-header {
		width: 100vw;
		margin: 48px 0;
		padding-bottom: 32px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-bottom: solid 1px #ddd;
	}

	.i-title {
		font-size: 32px;
		line-height: 48px;
		font-weight: bold;
		color: #111;
	}

	.i-describe {
		margin-top: 8px;
		font-size: 14px;
		line-height: 20px;
		color: #999;
	}

	.i-form {
		display: flex;
		align-items: center;
	}

	.i-input {
		width: 400px;
		font-size: 14px;
		line-height: 16px;
		padding: 12px;
		border-radius: 6px;
		border: 1px solid #dcdfe6;
		margin-right: 16px;
	}

	.i-input:focus {
		outline: none;
		border: 1px solid #45b035 !important;
	}

	.i-input:hover {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	}

	.i-button {
		border: none;
		font-size: 14px;
		line-height: 40px;
		color: #fff;
		border-radius: 6px;
		background: #45b035;
		padding: 0 32px;
	}

	.i-button:active {
		background: #378b2a;
	}

	.i-button:hover {
		box-shadow: 0 0 10px rgba(69, 176, 53, 0.5);
	}

	.i-table {
		display: flex;
		border-radius: 6px;
		background: #fff;
		margin: 24px 0 0;
		border-top: solid 1px #eee;
		border-left: solid 1px #eee;
		border-right: solid 1px #eee;
	}

	.i-table-cell {
		display: flex;
		flex-direction: column;
	}

	.i-table-key {
		padding: 16px;
		font-size: 14px;
		line-height: 16px;
		color: #333;
		border-right: solid 1px #eee;
		border-bottom: solid 1px #eee;
	}

	.i-table-value {
		flex: 1;
		display: flex;
		align-items: center;
		padding: 16px;
		font-size: 14px;
		line-height: 16px;
		color: #666;
		border-right: solid 1px #eee;
		border-bottom: solid 1px #eee;
	}
	.i-table-cell:nth-child(1){
		width: 120px;
	}
	.i-table-cell:nth-child(2){
		width: 240px;
	}
	.i-table-cell:nth-child(3){
		width: 180px;
	}
	.i-table-cell:nth-child(4){
		width: 360px;
	}

	.i-table-image {
		padding: 32px;
	}

	.i-table-value-image {
		width: 80px;
		height: 120px;
		object-fit: cover;
	}

	.i-image {
		width: 64px;
		height: 80px;
	}

	.i-none {
		margin: 48px 0;
	}

	.i-none-text {
		font-size: 14px;
		line-height: 24px;
		color: #999999;
	}
}