body {
  margin: 0;
}
.body-product{
  margin: 0;
  padding: 0;
}
.body-product img {
  /* display: block; */
  margin: 0;
  padding: 0;
  border: none;
  text-align: center;
  vertical-align: middle;
}
.navbarbg{
    background-color: #FFFFFF;
    position: sticky;
    overflow: hidden;
    top: 80px;
    /* margin-top: 20px; */
    z-index: 100;
}
.navbar {
  width: 50%;
}
.navbar a {
  float: left;
  display: block;
  color: black !important;
  text-align: center;
  padding: 15px 18px;
  text-decoration: none;
  font-size: 18px;
  flex: 1;
    background: #dcdcdc;
    border: 1px solid #dcdcdc;
    margin: 0 2px !important;
    width: 100px;
}
.navbar a:hover {
    background: #313131;
    color:rgb(236, 228, 228) !important;
    position: relative;
  color: #1c87c9;
}
.navbar a:focus {
    /* 在此处定义选中状态的样式 */
    /* background-color: yellow;
    color: blue; */
}


.selecttable {
    /* width: 960px; */
    height: 700px;
    margin: 0 auto;
    padding-top: 50px;
}
.tab-pane-div-table {
    top: 0px;
    left: 0px;
    /* width: 960px; */
    height: 640px;
    border: none;
    overflow-x: auto;
    overflow-y: scroll;
}
.index_table {
    margin: 10px 0 auto 10px;
    color: #666666;
    font-size: 14px;
    width: 99%;
}
.index_table tr:nth-child(odd) {
    background: #f5f5f5;
}
.index_table tr th {
    background: #f5f5f5;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    font-weight: bold;
}
.index_table tr td, .index_table tr th {
    text-align: left;
    padding: 6px 0 6px 18px;
    line-height: 24px;
    border-left: #e1e1e1 1px solid;
    border-top: #e1e1e1 1px solid;
    border-bottom: #e1e1e1 1px solid;
    border-right: #e1e1e1 1px solid;
    color: #666666;
}
table {
    background-color: transparent;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}