@charset "utf-8";
.doc-con .type-in-top {
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #e8e8e8;
	padding: 1.6rem 1.6rem 1.1rem 1.6rem;
	overflow: hidden;
}

.doc-con .type-in-top dl dd {
	display: block;
	width: 50%;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 0.8rem;
}

.doc-con .type-in-top dl dd i {
	font-style: normal;
	width: 76px;
	display: inline-block;
}

.doc-con .type-in-top dl dd span {
	color: rgba(0, 0, 0, 0.8);
}

.doc-con .type-in-top dl dt {
	display: block;
	float: right;
	width: 352px;
	height: 190px;
	background-color: #fff;
	overflow: hidden;
}

.doc-con .type-in-top dl dt img {
	display: block;
	width: 100%;
}

.doc-con .type-in-bottom {
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #e8e8e8;
	padding: 1.4rem 1.6rem 1.7rem 1.6rem;
	overflow: hidden;
}

.doc-con .type-in-bottom .type-tab-1 dl {
	overflow: hidden;
}

.doc-con .type-in-bottom .type-tab-1 dl dt {
	display: flex;
	background-color: #f9f9f9;
	width: 21rem;
	height: 15rem;
}

.doc-con .type-in-bottom .type-tab-1 dl dt .res-box {
	align-self: center;
	margin: 0 auto;
}

.doc-con .type-in-bottom .type-tab-1 dl dt h5 {
	margin: 0 auto;
	display: block;
	font-size: 15px;
	line-height: 15px;
	color: #999;
	text-align: center;
	margin-bottom: 1px;
}

.doc-con .type-in-bottom .type-tab-1 dl dt .res-txt {
	color: #000;
	font-weight: normal;
	font-size: 22px;
	display: block;
	text-align: center;
}

.doc-con .type-in-bottom .type-tab-1 dl dd .upimg-box {
	border: 1px dashed #dcdcdc;
	width: 96px;
	height: 96px;
	display: inline-block;
	overflow: hidden;
	position: relative;
	margin-right: 8px;
}

.doc-con .type-in-bottom .type-tab-1 dl dd .upimg-box span {
	display: block;
	text-align: center;
	font-size: 36px;
	font-weight: 100;
	font-family: sans-serif;
	font-style: normal;
	line-height: 42px;
	padding-top: 10px;
}

.doc-con .type-in-bottom .type-tab-1 dl dd .upimg-box b {
	display: block;
	text-align: center;
	font-size: 13px;
	font-weight: 100;
	font-style: normal;
	line-height: 13px;
}

.doc-con .type-in-bottom .type-tab-1 .upimg_btn {
	display: block;
	background-color: #146ef5;
	color: #fff;
	width: 196px;
	margin: 0 auto;
	text-align: center;
	border-radius: 5px;
	font-size: 15px;
	height: 44px;
	line-height: 44px;
	cursor: pointer;
}

.doc-con .type-in-bottom .type-tab-1 .nb-item .upimg-txt {
	font-size: 13px;
	text-indent: 96px;
	line-height: 13px;
}

.doc-con .type-in-bottom {
	overflow: hidden;
}

.doc-con .type-in-bottom .type-tab-1 dt {
	display: block;
	float: left;
}

.doc-con .type-in-bottom .type-tab-1 dd {
	display: block;
	float: left;
	width: 56%;
}

.doc-con .doc-main h1,
.doc-con .doc-api h1 {
	font-size: 1.2em;
	font-weight: 700;
	border-bottom: 1px solid #dee2e6;
	margin-bottom: 1.6rem;
	line-height: 1.6em;
	padding-bottom: 0.3em;
}

.doc-con .doc-main p {
	color: rgba(0, 0, 0, 0.8);
}

.doc-con .doc-main p b {
	font-size: 20px;
}

#doc-api h3 strong {
	font-size: 1.7em;
	font-weight: 700;
	line-height: 1.7em;
	padding-bottom: 0.5em;
}

#doc-api h4 {
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.5em;
	margin-bottom: 0.9rem;
}

#doc-api p,
#doc-api pre code span {
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 0.3rem;
}

#doc-api a {
	transition: .3s all ease;
	color: #146ef5;
}

#doc-api table {
	width: 100%;
	font-size: 0.9em;
	border-collapse: collapse;
	color: #666;
	margin-bottom: 1.9rem;
}

#doc-api table,
#doc-api th,
#doc-api td {
	border: 1px solid #e6e6e6;
	font-weight: normal;
	text-align: left;
	padding: 0.4rem 0;
	padding-left: 0.7rem;
}

#doc-api th {
	background-color: #f8f9fb;
}

/* 用户头像和用户信息样式 */

#logged {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

.nav-item-user {
	display: flex;
	align-items: center;
	margin-right: 16px;
}

.user_headimg {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 10px;
}

/* 用户信息背景样式 */

.user_id {
	font-size: 14px;
	color: #fff;
	/* 文字颜色 */
	/* padding: 5px 10px; */
	/* 增加内边距，使背景颜色更好看 */
	border-radius: 4px;
	/* 圆角效果 */
}

/* 下拉框样式 */

.dropdown-toggle {
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	position: relative;
}
/* 使用更具体的选择器来覆盖 */
ul.dropdown-menu {
	left: auto !important;       /* 禁用 left 属性 */
	min-width: auto !important;  /* 禁用 min-width 属性 */
}
#logged .dropdown ul{
	top:60px;
	width: 100px;
}
/* 下拉框箭头 */

.caret {
	margin-left: 5px;
	border-top: 5px solid #fff;
	border-right: 5px solid transparent;
	border-bottom: 0;
	border-left: 5px solid transparent;
	display: inline-block;
}
.dropdown-toggle::after{
	border-top: none; !important;
}
#logged .dropdown ul li a {
	padding-left: 0px;
}
/* 下拉菜单样式 */

.ul_hide_tag {
	display: none;
	position: absolute;
	top: 100%;
	/* 依旧保持菜单位置 */
	right: 0;
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	padding: 0;
	/* 去除整体内边距 */
	border-radius: 4px;
	min-width: 100px;
	z-index: 1000;
	list-style: none;
	/* 去除默认的列表样式 */
	margin: 0;
	/* 去除外边距 */
}

/* 每个菜单项li的样式 */

.ul_hide_tag li {
	text-align: center;
	padding: 2px 10px;
	/* 设置上下内边距为 2px，左右 10px */
	margin: 0;
	/* 去掉li之间的间距 */
	font-size: 14px;
	/* 设置字体大小 */
	line-height: 2.5;
	/* 减小行高，减少每个li的上下间距 */
	cursor: pointer;
	/* 鼠标悬停时显示为指针 */
}
/* 下拉菜单项链接样式 */

.ul_hide_tag li a {
	color: #333;
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding: 4px 0;
	/* 减少上下的内边距 */
}

/* 鼠标悬停下拉菜单项 */

.ul_hide_tag li a:hover {
	background-color: #f1f1f1;
}

/* 激活下拉菜单 */

.dropdown:hover .ul_hide_tag {
	display: block;
}

/* 鼠标悬停下拉按钮时显示下拉菜单 */

.dropdown:hover .dropdown-toggle {
	color: #3566ff;
}

/* 图片容器样式 */

.image-container-wrapper {
	border: 1px solid #dee2e6;
	padding: 15px;
	margin-bottom: 20px;
}

.image-container {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: flex-start;
}

/* 单个图片表格样式 */

.single-image-table {
	border-collapse: collapse;
	width: 200px;
	table-layout: fixed;
	border: 1px solid #dee2e6;
	/* 添加表格边框 */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	/* 添加轻微阴影 */
}

.single-image-table td {
	padding: 0;
	text-align: center;
	border: 1px solid #dee2e6;
	/*height: 90px;*/
	width: 200px;
	vertical-align: middle;
	/* 确保内容垂直居中 */
}

.single-image-table img {
	max-width: 100%;
	max-height: 100%;
	transition: transform 0.3s ease;
	display: block;
	margin: 0 auto;
	object-fit: contain;
	vertical-align: middle;
	/* 确保图片垂直居中 */
}

.single-image-table img:hover {
	transform: scale(1.05);
}

.document .content {
	background-color: #fff;
	padding: 25px;
}

.try-section .aui-form-input {
	height: 100%;
	width: 100%;
}

.aui-form-input {
	float: left;
	position: relative;
}

.aui-photo {
	padding: 15px;
	border-radius: 3px;
	border: 1px dashed #dcdcdc;
}

.try-section .aui-content-img-box .aui-up-img .aui-file-up {
	width: 100%;
	overflow: hidden;
}

.aui-content-img-box .aui-up-img .aui-file-up {
	height: 178px;
}

.try-section .aui-file-up .add-img {
	position: absolute;
	left: 50%;
	margin-left: -219px;
}

element.style {
	cursor: pointer;
}

.try-section .aui-file-up .add-img {
	position: absolute;
	left: 50%;
	margin-left: -219px;
}

.aui-file-up .add-img {
	display: block;
	height: 178px;
	margin: 0 auto;
}