*{
	margin: 0;
	padding:0;
}
html,body{
	overflow: hidden;
 	height: 100%;
	background: #F4F4F4;
}

.main_container{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background: #F4F4F4;
}

.aiLogo{
	width: 60%;
	margin: auto;
	margin-top: 20px;
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,MIUI,Hiragino Sans GB,Microsoft YaHei,sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #6798EA;
	text-align: center;
}

.customerSer{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: relative;
}

.customerSerL{
	flex:1;
	display: flex;
	flex-direction: column;
	width: 60%;
	margin: auto;
}

.chatSet{
	height: 120px;
	width: 100%;
}

.chatCont{
	flex: 1;
	width: 100%;
	box-sizing: border-box;
	position: relative;
    margin-bottom: 10px;
}
.chatCont0{
	top: 0;
}
.chatL{
	display: flex;
	padding: 10px 20px 5px 20px;
	align-items: initial;
	flex-wrap: wrap;
}
.chatR{
	display: flex;
	padding: 5px 20px 5px 20px;
	justify-content: flex-end;
	align-items: inherit;
}
.intellImg{
	width: 40px;
	height: 40px;
	background: url(../images/zhiliao-logo.png);
	background-size: 40px 40px;
	margin-right: 10px;
	border-radius: 60px;
}
.artificalImg{
	width: 40px;
	height: 40px;
	background: url(../images/artificalImg.png);
	background-size: 40px 40px;
	margin-right: 30px;
}
.peopleImg{
	width: 40px;
	height: 40px;
	background: url(../images/user-logo.png);
	background-size: 40px 40px;
	margin-left: 10px;
}
.bubbleBoxL{
	width: auto;
	max-width: calc(100% - 100px);
	height: auto;
	border:1px solid #D9D9D9;
	position: relative;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 14px ;
	color: #24292E;
	font-size: 14px;
	line-height: 24px;
	font-family:  -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,MIUI,Hiragino Sans GB,Microsoft YaHei,sans-serif;
	/*Helvetica Neue,Luxi Sans,Hiragino Sans GB,Microsoft Yahei,sans-serif,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;*/

}

.bubbleBoxR{
	width: auto;
	height: auto;
	border: 1px solid #D9D9D9;
	position: relative;
	background: #437DFF;
	border-radius: 10px;
	padding: 10px;
	color: #FFFFFF;
	font-size: 14px;
}

.productLine_intel{
	margin-left: 120px;
	max-width: 60%;
}
.productCell{
	padding: 0px 12px; 
	margin: 9px 8px; 
	border: 1px solid #6092E8;
	border-radius: 15px;
	font-size: 14px;
	text-align: center;
	color: #24292E;
	display: flex;
	align-items: center;
	height: 30px;
	cursor:pointer;
	justify-content: center;
}

.bColor{
	color: #2196F3;
}
.gColor{
	border: 1px solid #ccc;
}
.topTitle{
	height: 50px;
	position: absolute; 
	top: 0; 
	background: #fff;
	color: #2196F3;
	padding-left: 20px;
	line-height: 50px;
	left: 0;
	right: 0;
	display: flex;
}
.bubbleBoxL img{
	width:90%;
}

.zhiliao_gif{
	position:fixed;
	right:60px;
	bottom:60px;
}

.zhiliao_gif img{		
	width:260px;
	height:260px;
}

.chatL .w-e-text-container{
    height: 150px !important;
}

.tw2_22{
	width:1100px;margin:0 auto;padding: 100px 10px 10px 10px;
}

.intel_content {
	font-size:16px;
}
.bubbleBoxL a{text-decoration: underline;}

.autocomplete-options {
	display: none;
	top: 50px;
	left: 20px;
	position: absolute;
	background-color: white;
	width: 600px;
	height: 200px;
	border: 1px solid #d4d4d4;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 1111;
}

.autocomplete-options a {
	padding: 10px;
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 14px;
}

.autocomplete-options a:hover {
	background-color: #e9e9e9;
}

#editplaceholder{
	display: none;
	top: 45px;
	left: 10px;
	position: absolute;
	color: #C0C4CC;
	font-size: 14px;
	line-height: 24px;
}


.button-container {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 0px;
}

.usefull-button,.useless-button,.copy-button,.again-button {
	float: left;
	padding: 2px 6px;
	border-radius: 10px;
	opacity: 0.6;
}

.manual-button {
	float: left;
	padding: 2px 6px;
	border-radius: 10px;
	opacity: 1;
}

.usefull-button:hover, .useless-button:hover,.manual-button:hover,.copy-button:hover,.again-button:hover {
	cursor: pointer;
	opacity: 1;
	background: #F4F4F4;
	padding: 2px 6px;
	border-radius: 10px;
}

.button-icon {
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat; /* 防止图片重复显示 */
	background-position: center; /* 居中图片 */
	display: inline-block;
	vertical-align: middle;
}

.copy-button-icon{
	background-image: url('/style/phone/images/copy.png');
}
.again-button-icon{
	background-image: url('/style/phone/images/again.png');
}
.usefull-button-icon {
	background-image: url('/style/phone/images/useful.png');
}
.useless-button-icon {
	background-image: url('/style/phone/images/useless.png');
}
.manual-button-icon	{
	background-image: url('/style/phone/images/transfertomanual.png');
}

.no-click{
	pointer-events: none; /* 禁用所有鼠标事件 */
	opacity: 0.3; /* 设置透明度为50% */
}


.container {
	border-radius: 10px;
	width: 100%;
	background: white;
	max-width: 100% !important;
	position: relative;
}

.init-container{
	margin-top: 50px;
	margin-bottom: 40px;
}

.container .input_content {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	border: none;
	border-radius: 10px;
	padding: 10px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 25px;
	height: 90px;
	resize: none;
}

.container .input_content::placeholder {
	color: #888888;
	font-size: 14px;
}

.container-bottom{
	width: 100%;
	height:50px;
	position: relative;
}

.aiExplain{
	margin-top: 15px;
	font-size: 14px;
	color: #888888;
	text-align: center;
}

.module-container {
	display: flex;
	gap: 30px; /* 子元素之间的间距 */
	flex-wrap: nowrap; /* 如果屏幕宽度不足，自动换行 */
	margin-bottom: 10px;

}

.module {
	border-radius: 20px;
	padding: 6px 8px;
	flex-grow:1;
	text-align: left;
	align-items: center;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: transform 0.2s;
	display: flex;
	flex-direction: column;
	gap: 5px;
	background: white;
}

.module:hover {
	background: #E6E7ED;
}

.module-header {
	display: flex;
	align-items: center; /* 垂直居中 */
	gap: 10px; /* 图标和标题之间的间距 */
}

.module-icon img {
	height: 24px;
	width: 24px;
	min-width: 24px;
	min-height: 24px;
}
.module-title {
	font-size: 14px;
	max-width: 200px;
	white-space: nowrap; /* 防止文本换行 */
	overflow: hidden; /* 隐藏溢出的文本 */
	text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */
	font-family:  -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,MIUI,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}

.custom-tooltip{
	width: 32px;
	height: 32px;
	background: url(../images/upload-logo-default.png);
	background-size: 32px 32px;

	position: absolute;
	right: 10px;
	bottom: 10px;
	border: none;
}

.custom-tooltip-has-input{

	background: url(../images/upload-logo-1.png);
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
}

.custom-tooltip:disabled {
	cursor: not-allowed;       /* 禁止光标 */
	opacity: 0.6;              /* 更透明 */
}

.custom-tooltip::after {
	content: attr(data-tooltip); /* 使用 data-tooltip 属性的值作为内容 */
	position: absolute;
	bottom: calc(100% + 3px); /* 将工具提示显示在按钮上方 */
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 10px;
	background-color: #333;
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}

.custom-tooltip.custom-tooltip-show:hover::after {
	opacity: 1;
	visibility: visible;
}

/* 代码块容器 */
.code-container {
	position: relative;
}

pre {
	padding: 0px;
	margin: 10px 0px;
	background-color: transparent;
}

pre code{
	border-radius: 0px 0px 12px 12px;
	/*background-color: #374151;*/
	background-color: #FAFAFA;
	color: #24292E;
	display: block;
	overflow-x: auto;
	padding: 1em;
}

/*pre code.hljs{*/
/*	border-radius: 12px;*/
/*	!*background-color: #374151;*!*/
/*	background-color: #FAFAFA;*/
/*	color: #24292E;*/
/*}*/

/* 代码块样式 */
.code-block {
	display: block;
	padding: 10px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-family:  -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,MIUI,Hiragino Sans GB,Microsoft YaHei,sans-serif;
			/*monospace;*/
}

.code-copy-div{
	background: #E6E7ED;
	border-radius: 10px 10px 0px 0px;
	height: 32px;
}

/* 复制按钮样式 */
.code-copy-button {
	float: right;
	margin: 4px 20px 0px 0px;
	font-size: 14px;
	font-family:  -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,MIUI,Hiragino Sans GB,Microsoft YaHei,sans-serif;
	background-color: transparent;
	color: #24292E;
	border: none;
	cursor: pointer;
	opacity: 1;
}

/*!* 鼠标悬停时显示按钮 *!*/
/*.code-copy-div:hover .code-copy-button {*/
/*	opacity: 1;*/
/*}*/




/* 自定义滚动条整体样式 */
.customerSer::-webkit-scrollbar {
	width: 8px; /* 滚动条的宽度 */
	height: 12px; /* 滚动条的高度（适用于水平滚动条） */
}

/* 滚动条轨道 */
.customerSer::-webkit-scrollbar-track {
	/*background: #f1f1f1; !* 轨道背景色 *!*/
	border-radius: 10px; /* 轨道圆角 */
}

/* 滚动条滑块 */
.customerSer::-webkit-scrollbar-thumb {
	/*background: #888; !* 滑块背景色 *!*/
	border-radius: 10px; /* 滑块圆角 */
}

/* 滚动条滑块在悬停时 */
.customerSer::-webkit-scrollbar-thumb:hover {
	background: #555; /* 悬停时的滑块颜色 */
}

.chatCont ol {
	list-style-type: decimal;
}

.chatCont ol>li {
	display: list-item;
	text-align: -webkit-match-parent;
	list-style: decimal;
	margin-left: 20px;
}

.chatCont li::marker {
	unicode-bidi: isolate;
	font-variant-numeric: tabular-nums;
	text-transform: none;
	text-indent: 0px !important;
	text-align: start !important;
	text-align-last: start !important;
}

.under-container{
	position:sticky;
	bottom: 0px;
	width: 60%;
	margin: auto;
	background:  #F4F4F4;
	padding: 8px 0px 0px 0px;
}

h1{
	font-size: 1.75em;
}
h2{
	font-size: 1.55em;
}
h3{
	font-size: 1.38em;
}
h4{
	font-size: 1.25em;
}
h5{
	font-size: 1.13em;
}
h6{
	font-size: 1em;
}
h1,h2,h3,h4,h5,h6{
	margin-top: 14px;
	margin-bottom: 8px;
}
p{
	margin: 8px 0px;
}


/*------------------------*/
.init-customSer{
	width: 56%;
	margin: auto;
	align-items: center;
}

.init-aiLogo{
	font-size: 60px;
}



.faq-container {
	display: flex;
	gap: 30px; /* 子元素之间的间距 */
	flex-wrap: nowrap; /* 如果屏幕宽度不足，自动换行 */
	width: 88%;
	margin: 35px auto 90px auto;

}

#relate_div{
	float:left;
	margin-right:5px;
	margin-top:10px;
	margin-bottom: 8px;
	width:60px;
	border-radius: 10px;
	background:#EFF0F5;
	padding:2px;
	text-align: center;
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,MIUI,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}

#relate_div> a{
	text-decoration:none;
}

.info-modal{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 6px 12px;
	background-color: #444444;
	font-size: 12px;
	color: white;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	display: none; /* 默认隐藏 */
	text-align: center;
	z-index: 9999;
}


.deepseek-thought{
	background: #F4F4F4;
	padding: 10px;
	border-radius: 10px;
}

textarea::-webkit-scrollbar {
	width: 8px;
	height: 12px;
}

textarea::-webkit-scrollbar-track {
	border-radius: 10px;
}

textarea::-webkit-scrollbar-thumb {
	border-radius: 10px;
}

textarea::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.rightDoc{
	display:none;
	width: 360px;
	height: calc(100% - 10px);
	background: white;
	position: absolute;
	right:0px;
	top:0px;
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,MIUI,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}

.rightDiv{
	position: absolute;
	right: 20px;
	top: 10px;
	width: 24px;
	height: 24px;
	border: none;
	margin: 0px auto;
	background: #F1F1F1;
	border-radius: 5px;
}

.rightBtn{
	width: 24px;
	height: 24px;
	background: url(../images/to_right.png);
	background-size: 24px 24px;
}

.leftDiv{
	display: none;
	position: absolute;
	right: 32px;
	top: 68px;
	width: 24px;
	height: 24px;
	border: none;
	margin: 0px auto;
	background: #F1F1F1;
	border-radius: 5px;
}

.leftBtn{
	width: 24px;
	height: 24px;
	background: url(../images/to_right.png);
	background-size: 24px 24px;
	transform: rotate(180deg); /* 旋转 180 度 */
	/* 确保旋转中心在图像的中心位置 */
	transform-origin: center center;
}


.customerSer-right{
	margin-right: 500px;
}

.upload-file-div{
	cursor: pointer;
	width: 34px;
	height: 34px;

	position: absolute;
	right: 50px;
	bottom: 10px;
	border: none;
	border-radius: 10px;

}

.upload-file-div:hover{
	background: #F4F4F4;
}

.upload-file-img{
	width: 34px;
	height: 34px;
	background: url(../images/upload_file.png);
	background-size: 34px 34px;
	position: absolute;
	opacity: 0.6;
	left: 0px;
	top: 0px;

}

.upload-file{
	position: absolute;
	top:0;
	left:0;
	width: 34px;
	height: 34px;
	display: none;
}

.upload-file-div:disabled {
	cursor: not-allowed;       /* 禁止光标 */
	opacity: 0.6;              /* 更透明 */
}

.upload-file-div::after {
	content: attr(data-tooltip); /* 使用 data-tooltip 属性的值作为内容 */
	position: absolute;
	bottom: 100%; /* 将工具提示显示在按钮上方 */
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 10px;
	background-color: #333;
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
	white-space: pre;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}

.upload-file-div:hover::after {
	opacity: 1;
	visibility: visible;
}

.file-list-div{
	background: white;
	border-radius: 10px;
	width: 100%;
	padding: 10px;
}

.document-card {
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	background: #F7F8FC;
	display: flex;
	align-items: center;  /* 垂直居中 */
	position: relative;
	margin-left:10px;
	float: left;
	width: 160px;
	flex-shrink: 0;
}

.document-img{
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

.document-right{
	width: 120px;
	height: 40px;
}

.document-title {
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: right;
	width: 120px;
}

.document-type {
	font-size: 10px;
	color: #666;
	float: right;
	width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.document-card-close{
	width: 14px;
	height: 14px;
	border-radius: 14px;
	position: absolute;
	top:0px;
	right: -5px;
	background: #4d4d4c;
	color: white;
	font-size: 12px;
	align-items: center;
	text-align: center;
	justify-content: center;
	display: none;
}

.file-list-bottom .document-card:hover .document-card-close{
	display: flex;
}

.file-list-bottom-div{
	width: calc(100% - 95px);
	height: 100%;
	position: absolute;
	left: 0px;
	bottom: 5px;
	border: none;

}
.file-list-bottom{
	min-width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	display: flex;
	cursor: pointer;
}

.file-list-bottom::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.file-list-bottom::-webkit-scrollbar-track {
	border-radius: 10px;
}

.file-list-bottom::-webkit-scrollbar-thumb {
	border-radius: 10px;
}

.file-list-bottom::-webkit-scrollbar-thumb:hover {
	background: #555;
}



.uploadFileBoxR{
	width: auto;
	height: auto;
	padding: 5px;
}

.BoxR{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	max-width: 80%;
	width: auto;
	height: auto;
}

.BoxR .document-card{
	margin: 5px;
	float: right;
	height: 48px;
}

.BoxR .document-card-close{
	display: none;
}

.rightDoc-title{
	font-size: 16px;
	margin: 10px 10px 10px 10px;
	font-weight: bold;
}

.doc-container {
	overflow: auto;
	box-sizing: border-box;
	padding: 0px 8px 10px 8px;
	height: calc(100% - 45px);
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,MIUI,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}

.doc-container::-webkit-scrollbar {
	width: 8px;
	height: 5px;
}

.doc-container::-webkit-scrollbar-track {
	border-radius: 10px;
}

.doc-container::-webkit-scrollbar-thumb {
	border-radius: 10px;
}

.doc-container::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.doc-item {
	border-bottom: 1px solid #eaeaea;
	padding: 10px 4px 8px 4px;
}

.doc-item:hover {
	background-color: #f9f9f9;
}

.doc-title {
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-items: center;

}

.doc-title .tag {
	display: inline-block;
	background-color: #FEF0EF;
	color: #F9A0A0;
	font-size: 14px;
	padding: 2px 6px;
	border-radius: 4px;
	margin-right: 5px;
	max-width: 70px;
	flex-shrink: 0;
	text-align: center;
}

.doc-title .tag2 {
	display: inline-block;
	background-color: #ECF5FF;
	color: #40b0f6;
	font-size: 14px;
	padding: 2px 6px;
	border-radius: 4px;
	margin-right: 5px;
	max-width: 70px;
	flex-shrink: 0;
	text-align: center;
}

.doc-title a{
	font-weight: bold;
	max-width: 220px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	margin-bottom: 0px;
 	text-decoration: underline;
	cursor: pointer;
	position: relative;
}

.copy-link {
	text-decoration: none;
	font-size: 14px;
	margin-left: 10px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background:  url('/style/phone/images/copy.png');
	background-size: 16px 16px;
	opacity: 0.6;
	flex-shrink: 0;
}

.video-icon {
	text-decoration: none;
	font-size: 14px;
	margin-left: 10px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background:  url('/style/home/images/ai-video.png');
	background-size: 16px 16px;
	opacity: 0.6;
	flex-shrink: 0;
}

.doc-desc{
	font-size: 14px;
	color: #24292E;
	margin-top: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 2px;
}

.doc-meta {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #999;
	margin-top: 10px;
}

.doc-meta .separator {
	margin: 0 6px;
}

.stop-custom-tooltip{
	width: 34px;
	height: 34px;
	background: url(../images/stop-ai-black.png);
	background-size: 34px 34px;

	display: none;
	position: absolute;
	right: 10px;
	bottom: 10px;
	border: none;
	opacity: 0.6;
}

.stop-custom-tooltip::after {
	content: attr(data-tooltip); /* 使用 data-tooltip 属性的值作为内容 */
	position: absolute;
	bottom: calc(100% + 3px); /* 将工具提示显示在按钮上方 */
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 10px;
	background-color: #333;
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}

.stop-custom-tooltip:hover::after {
	opacity: 1;
	visibility: visible;
}

.search-img-container{
	height: 100%;
	width: 100%;
	display: none;
}

.search-doc-container{
	height: 100%;
}

.img-container{
	height: 186px;
	overflow: hidden;
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap:4px;
	margin: 12px 12px 10px 12px;
	position: relative;
}

.img-container img{
	border-radius: 6px;
	object-fit: cover;
	vertical-align: middle;
	cursor: pointer;
}

.img-container img:first-child{
	width: calc(50% - 2px);
	height: 100%;
}

.img-container img:not(:first-child){
	height: calc(50% - 2px);
	/*width: calc(50% - 4px);*/
}

.img-container .more{
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 6px 0 0;
	background-color: rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px 8px 8px;
	color: #ffffff;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
}

.doc-back-search{
	margin-left: 10px;
	margin-top: 10px;
}

.doc-back-search .arrow{
	height: 20px;
	width: 20px;
	transform: rotate(180deg);
	cursor: pointer;
	display: inline-block;
	margin-bottom: 3px;
}

.doc-back-search .search-img-title{
	font-size: 16px;
	margin-left: 10px;
}

.more-img-container{
	display: flex;
	gap: 4px;
	flex-direction: row;
	overflow: auto;
	padding: 10px;
	height: calc(100% - 40px);
	box-sizing: border-box;

}
.more-img-container .image-line{
	display: flex;
	gap: 4px;
	flex-direction: column;
	width: calc(50% - 2px);
}

.more-img-container img{
	object-fit: cover;
	cursor: pointer;
}


/* 自定义滚动条整体样式 */
.more-img-container::-webkit-scrollbar,.box-with-relation-content::-webkit-scrollbar {
	width: 8px; /* 滚动条的宽度 */
	height: 12px; /* 滚动条的高度（适用于水平滚动条） */
}

/* 滚动条轨道 */
.more-img-container::-webkit-scrollbar-track,.box-with-relation-content::-webkit-scrollbar-track {
	/*background: #f1f1f1; !* 轨道背景色 *!*/
	border-radius: 10px; /* 轨道圆角 */
}

/* 滚动条滑块 */
.more-img-container::-webkit-scrollbar-thumb,.box-with-relation-content::-webkit-scrollbar-thumb {
	/*background: #888; !* 滑块背景色 *!*/
	border-radius: 10px; /* 滑块圆角 */
}

/* 滚动条滑块在悬停时 */
.more-img-container::-webkit-scrollbar-thumb:hover,.box-with-relation-content::-webkit-scrollbar-thumb:hover {
	background: #555; /* 悬停时的滑块颜色 */
}

.kan {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(0, 0, 0, .8);
	z-index: 1003;
	display: none;
	left: 0;
	top: 0;
	overflow-y: scroll;
	text-align: center;
}

.kan_img {
	max-width: 100%;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	background: white;
	border-radius: 10px;
	padding: 20px;
}

.kan1 {
	padding: 50px 10px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 100%;
	line-height: 100%;
	position: relative;
}

.box-with-relation {
	position: absolute;
	background: white;
	max-width: 500px;
	min-width: 300px;
	border: 1px solid #999999; /* 添加外层边框 */
	border-radius: 4px; /* 与外层圆角保持一致 */
	bottom:158px;
	left: 0px;
	display:none;
	box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.4);
}

.box-with-relation-content {
	color: #24292E;
	border-radius: 1px; /* 比外层小2px，避免边框重叠 */
	overflow: auto;
	max-height: 250px;
	padding: 10px 0px 0px 0px;
}

.box-with-relation-arrow {
	position: relative;
	bottom: -11px; /* 调整为-12px，因为边框增加了2px */
	left: 10%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #999999; /* 改为边框颜色 */
}

/* 添加一个小三角形覆盖在边框上，形成完整效果 */
.box-with-relation-arrow:after {
	content: '';
	position: absolute;
	top: -11px; /* 10px三角形高度 + 2px边框 */
	left: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid white;

}

.box-with-relation-content li{
	font-size: 16px;
	line-height: 24px;
	padding: 5px 15px;
	cursor: pointer;
}

.box-with-relation-content li:hover{
	background: #F4F4F4;;
}

.answer-faq{
	font-size: 14px;
	margin-top: 5px;
	width: 100%;
	padding-left: 50px;
}

.answer-faq-li{
	border: 1px solid #e5e7eb;
	border-radius: 20px;
	margin-top: 5px;
	padding: 5px 10px;
	background: white;
	width: fit-content;
	max-width: 100%;
	cursor: pointer;
	white-space: nowrap; /* 防止文本换行 */
	overflow: hidden; /* 隐藏溢出的文本 */
	text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,MIUI,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}

.answer-faq-li:hover{
	background: #E6E7ED;
}

.answer-faq-li img{
	height: 16px;
	width: 16px;
	display: inline-block;
	margin-right: 10px;
}