body {
  height: 100%;
  min-height: -webkit-fill-available;
  overflow: hidden;
}

html {
  height: -webkit-fill-available;
}
.row{
  width: 100%;
}
body, .row {
  margin: 0;
  padding: 0;
}

#delete_tab:hover{
  background-color: red;
}
/* iframe{
  background-color: gray;
  transform: scale(0.7);
  transform-origin: 0 0;
  border: none;
  height: 130%;
  width: 130%;
} */
/* 默认样式，适应PC端 */
iframe {
  background-color: gray;
  transform: scale(0.7);  /* 默认缩放比例为0.7 */
  transform-origin: 0 0;  /* 缩放原点为左上角 */
  border: none;
  height: 130%;
  width: 130%;
}

/* 媒体查询：当屏幕宽度小于或等于768px时，适配移动端 */
@media (max-width: 768px) {
  iframe {
      transform: scale(0.35);  /* 缩放比例为0.5 */
      height: 265%;            /* 高度为182% */
      width: 265%;             /* 宽度为182% */
  }
}

/* 媒体查询：当屏幕宽度大于或等于1024px时，适配PC端 */
@media (min-width: 1024px) {
  iframe {
      transform: scale(0.7);  /* 缩放比例为0.7 */
      height: 130%;            /* 高度为130% */
      width: 130%;             /* 宽度为130% */
  }
}
.sticky-buttom{
  margin-top: 5vh;
}
#sidebarMenu{
  margin-top: 1vh;
  height: 88vh;
  overflow: auto;
}
#myTabContent > div{
  height: 100%;
  width: 110%;
  overflow-y: hidden;
  overflow-x: hidden;

}
#myTab {
  background-color: gray;
  width: 100vw; /* 设置固定宽度 */
  overflow-x: auto;
  white-space: nowrap;
}
.nav {
  display: flex;
  flex-wrap:nowrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
#myTabContent {
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

#mainpanel {
  background-color: gray;
  height: 90vh;
  overflow-x: hidden;
  overflow-y: hidden; /* 设置为auto */
}

.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  pointer-events: none;
  fill: currentColor;
}

.dropdown-toggle { outline: 0; }

.nav-flush .nav-link {
  border-radius: 0;
}

.btn-toggle {
  display: inline-flex;
  align-items: center;
  padding: .25rem .5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, .65);
  background-color: transparent;
  border: 0;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(0, 0, 0, .85);
  background-color: #d2f4ea;
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  display: inline-flex;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
  text-decoration: none;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #d2f4ea;
}

.scrollarea {
  overflow-y: auto;
}

.fw-semibold { font-weight: 600; }
.lh-tight { line-height: 1.25; }
body::-webkit-scrollbar {
  width: 1em;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}
/*css主要部分的样式*/
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
  width: 10px; /*对垂直流动条有效*/
  height: 5px; /*对水平流动条有效*/
  }
  
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  ::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  border-radius: 3px;
  }
  
  
  /*定义滑块颜色、内阴影及圆角*/
  ::-webkit-scrollbar-thumb{
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #E8E8E8;
  }
  
  /*定义两端按钮的样式*/
  ::-webkit-scrollbar-button {
  display: none;
  }
  
  /*定义右下角汇合处的样式*/
  ::-webkit-scrollbar-corner {
  display: none;
  }