/* 指数页 */

/* 指数趋势 */
.game-odds .game-odds-trend .trend-progress{
  height: 10px;
  /* width: 160px; */
  /* margin: 0 10px; */
}


.game-odds .game-odds-trend .trend-item{
  max-width: 160px;
}

/* 表格 */
.game-odds .table-content {
  margin-top: 40px;
}

.game-odds .table-content  .up {
  color: rgb(255, 93, 93);
}

.game-odds .table-content  .up:after {
  margin-left: 5px;
  content: '↑';
}

.game-odds .table-content  .down {
  color: rgb(32, 183, 17);
}

.game-odds .table-content  .down:after {
  margin-left: 5px;
  content: '↓';
}

.game-odds .table-content  .detail {
  cursor: pointer;
}

.game-odds .table-content table {
  width: 100%;
}

.game-odds .table-content tr {
  border: 1px solid var(--border-color-lighter);
}

.game-odds .table-content thead tr {
  /* border-top: none; */
}

.game-odds .table-content tr th,
.game-odds .table-content tr td {
  text-align: center;
  font-size: 16px;
  /* padding: 18px 22px; */
  padding: 18px 0;
}

/* 指数详情 */

.odds-detail-modal {
  width: 850px;
  height: 75%;
  max-width: 95%;
  display: flex;
  flex-direction: column;
}

.odds-detail-box {
  flex: 1;
  height: 0;
  width: 100%;
  overflow-y: auto;
}

.odds-title{
  font-size: var(--font-size-big);
  padding: 10px 0;
}

@media screen and (max-width: 767px) {        
  .game-odds .table-content tr th,
  .game-odds .table-content tr td {
    font-size: 12px;
  }
}