﻿#knowledge .modal-dialog {
    max-width: 75%;  /* 最大宽度为屏幕的80% */
    width: 75%;      /* 宽度为80% */
}
.menu2{
	display: none;
	width: 100%;
	position: absolute;
	top: 41px;
	left: 0;
	background: #fff;
	z-index: 100;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 添加阴影 */
	border-radius: 4px; /* 可选：圆角让阴影更自然 */
	padding-bottom: 10px;
	
}
.menu2 p{
	margin: 0;
	padding-top: 10px;
	text-align: center;
}
.menu2 p:hover{
	color:#182d82;
}
.accessories-list{
	cursor: pointer;
}
.knowledgeBox {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 高度比例 = 9/16 = 0.5625 */
    height: 0;
}

.knowledgeBox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media screen and (max-width: 850px) {
  #knowledge .modal-dialog {
      max-width: 95%;  /* 最大宽度为屏幕的80% */
      width: 95%;      /* 宽度为80% */
  }
}
