.nihuigou {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  font-size: 14px;
}
.nihuigou div {
  box-sizing: border-box;
}
.default .nihuigou {
  color: #c7c1cd;
  background-color: #0f0f12;
}
.white .nihuigou {
  color: #222;
  background-color: #efeff5;
}
.nihuigou .top {
  height: 400px;
  display: flex;
  justify-content: flex-start;
}
.default {
  --background-color: #15171e;
  --text-color: #c7c1cd;
  --boxborder: #1a1d24;
  --border: #1a1d24;
  --titlebgc: #21242c;
  --actived-background: #285cad;
  --actived-color: #fff;
  --step-line-color: #1a1d24;
  --step-color: #5a595b;
  --clear-color: #4792e5;
  --table-odd: #14171e;
  --table-even: #14171e;
  --table-th:#1a1d26;
  /*滚动条*/
  --barbg: #21242c;
  --barcolor: #d7d8dc;
  --scrolltrack-color: #15171e;
  --strollthumb-color: #4e515d;
}
.white {
  --background-color: #fff;
  --text-color: #222;
  --boxborder: #d9dbe2;
  --border: #f7f8fa;
  --titlebgc: #f5f6f8;
  --actived-background: #d2e8ff;
  --actived-color: #222;
  --step-line-color: #222;
  --step-color: #5a595b;
  --clear-color: #4792e5;
  --table-odd: #e2eaf7;
  --table-even: #f9fbff;
  --table-th: #f9fbff;
  /*滚动条*/
  --barbg: #f5f6f8;
  --barcolor: #d7d8dc;
  --scrolltrack-color: #fff;
  --strollthumb-color: #aaa;
}
.nihuigou .trade {
  /*width: calc(30% - 10px);*/
  min-width: 500px;
  max-width: 500px;
  background-color: var(--background-color);
}
.nihuigou .charts {
  /*width: 70%;*/
  margin-left: 10px;
  margin-right: 10px;
  flex: 1;
  min-width: 320px;
  background-color: var(--background-color);
}
.nihuigou .bottom {
  width: calc(100% - 10px);
  margin-right: 10px;
  height: calc(100% - 400px - 15px);
  min-height: 100px;
  max-height: calc(100% - 400px - 15px);
  margin-top: 15px;
  background-color: var(--background-color);
  min-width: 810px;
}

/* 滚动条 */
  .nihuigou ::-webkit-scrollbar {
    position: fixed;
    z-index: 99999999;
    width: 8px;
    height: 8px;
  }
  .nihuigou ::-webkit-scrollbar-corner {
    display: none;
  }
  .nihuigou ::-webkit-scrollbar-track {
    background-color: var(--scrolltrack-color);
  }
  .nihuigou ::-webkit-scrollbar-thumb {
    background-color: var(--strollthumb-color);
    border-radius: 4px;
  }
  .nihuigou ::-webkit-scrollbar-button:vertical:single-button:start {
    border: 4px solid;
    border-color: var(--scrolltrack-color) var(--scrolltrack-color)
      var(--strollthumb-color) var(--scrolltrack-color);
  }
  .nihuigou ::-webkit-scrollbar-button:vertical:single-button:end {
    border: 4px solid;
    border-color: var(--strollthumb-color) var(--scrolltrack-color)
      var(--scrolltrack-color) var(--scrolltrack-color);
  }
  .nihuigou ::-webkit-scrollbar-button:horizontal:single-button:start {
    border: 4px solid;
    border-color: var(--scrolltrack-color) var(--strollthumb-color)
      var(--scrolltrack-color) var(--scrolltrack-color);
  }
  .nihuigou ::-webkit-scrollbar-button:horizontal:single-button:end {
    border: 4px solid;
    border-color: var(--scrolltrack-color) var(--scrolltrack-color)
      var(--scrolltrack-color) var(--strollthumb-color);
  }
/* *************************** */

/* trade.js样式start*/
  .nihuigou-trade {}
  .nihuigou-title {
    font-size: 14px;
    padding-left: 8px;
    line-height: 26px;
    background-color: var(--titlebgc);
  }
  .nihuigou-trade-content {
    display: flex;
  }
  .nihuigou-trade .left {
    width: 430px;
    padding: 12px 15px;
  }
  .nihuigou-trade .el-input__inner {
    height: 24px;
  }
  .nihuigou-trade .el-form-item {
    margin-bottom: 0;
    height: 24px;
    margin-top: 7px;
  }
  .nihuigou-trade .el-form-item__content {
    line-height: 24px;
  }
  .nihuigou-trade .el-form-item__label {
    line-height: 24px;
  }
  .nihuigou-trade .el-input {
    width: 230px;
  }
  .nihuigou-trade .el-input__icon {
    line-height: 24px;
  }
  .nihuigou-trade .el-form-item__label {
    color: var(--text-color);
  }
  .nihuigou-trade .text {
    padding-left: 50px;
    height: 18px;
    line-height: 18px;
  }
  .nihuigou-trade .position {
    padding-left: 50px;
    margin-top: 2px;
    font-size: 12px;
    display: flex;
  }
  .nihuigou-trade .yjsy {
    text-align: right;
    padding-right: 40px;
    height: 21px;
  }
  .nihuigou-trade .hand {
    display: inline-block;
    width: 34px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid var(--boxborder);
    margin-right: 6px;
    cursor: pointer;
  }
  .nihuigou-trade .hand.percent-active {
    background-color: var(--actived-background);
    color: var(--actived-color);
  }
  .nihuigou-trade .lowest {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .nihuigou-trade .lowest .jxDay {
    margin-left: 15px;
  }
  .nihuigou-trade .el-step.is-center .el-step__description  {
    padding-left: 0;
    padding-right: 0;
  }
  .nihuigou-trade .orderQty {
    padding-left: 0px;
    margin-top: 5px;
    font-size: 12px;
    color: #EB333B;
  }
  .nihuigou-trade .right {
    width: 430px;
  }
  .nihuigou-trade .right .level {
    width: 100%;
  }
  .nihuigou-trade .xd-ky-kq {
    height: 77px;
  }
  .nihuigou-trade .el-step__icon.is-text {
    border: 1px solid;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--background-color);
    border-color: var(--step-color);
    color: var(--step-color);
  }
  .nihuigou-trade .el-step__icon.is-icon {
    border: 1px solid;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--background-color);
    border-color: var(--step-color);
    color: var(--step-color);
  }
  .nihuigou-trade .el-step__title.is-wait {
    color: var(--step-color);
  }
  .nihuigou-trade .el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 14px;
  }
  .nihuigou-trade .el-step.is-center .el-step__line {
    left: 65%;
    right: -35%;
  }
  .nihuigou-trade .el-step__line {
    background-color: var(--step-line-color);
  }
  .nihuigou-trade .btnBox .el-form-item__content{
    margin-left: 0!important;
  }
  .nihuigou-trade .underline {
    text-decoration: underline;
  }
  .nihuigou-trade .clear {
    border: none;
    color: var(--clear-color);
  }
  .nihuigou-trade .clear:hover {
    background-color: transparent;
    color: var(--clear-color);
  }
  .nihuigou-trade .clear.el-button {
    padding: 0;
    background-color: transparent;
  }
  .nihuigou-trade .el-button {
    padding: 5px 20px;
    font-size: 14px;
    cursor: default;
    border-radius: 2px;
  }
  .nihuigou-trade .order {
    width: 200px;
  }
  .nihuigou-trade .price-box {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
    border-left: 1px solid var(--border);
    margin-top: -8px;
    padding-left: 8px;
    font-size: 14px;
  }
  .nihuigou-trade .price-box > div {
    width: 50%;
    line-height: 30px;
    cursor: default;
    display: flex;
  }
  .nihuigou-trade .price-box > div .price-type {
    /* width: 40px; */
  }
  .nihuigou-trade .price-box > div .price-num {
    overflow: hidden;
    flex: 1;
  }
  .nihuigou-trade .el-select-dropdown__item {
    height: 31px;
  }
  .nihuigou-trade .el-popper {
    margin-top: -2px;
  }
  .submit-p-type {
    width: 63px;
    display: flex;
    justify-content: space-between;
  }
  .nihuigou-trade .item-text {
    position: absolute;
    right: -16px;
  }
/* trade.js样式end*/

/* table.js样式start*/
  .nihuigou-table {
    padding: 2px;
  }
  .nihuigou-table .el-tabs__header {
    margin: 0;
  }
  .nihuigou-table .el-tabs__item {
    padding: 0;
    width: 100px;
    text-align: center;
    margin-right: 3px;
    color: var(--text-color);
    border-radius: 3px;
    height: 26px;
    line-height: 26px;
  }
  .nihuigou-table .el-tabs__item.is-active {
    background-color: rgb(46,90,169);
    color: #fff;
  }
  .nihuigou-table .el-tabs__nav-wrap::after {
    height: 0;
  }
  .nihuigou-table .el-tabs__active-bar {
    height: 0;
  }
  .nihuigou-table .tabs {
    position: relative;
  }
  .nihuigou-table .el-icon-refresh {
    position: absolute;
    right: 15px;
    top: 6px;
    font-size: 14px;
    cursor: pointer;
  }
  .nihuigou-table .el-table,
  .nihuigou-table .el-table__header-wrapper,
  .nihuigou-table .el-table__body-wrapper {
    background-color: var(--background-color);
  }
  .nihuigou-table .el-table__body-wrapper {
    height: calc(100% - 33px)!important;
    overflow-y: auto;
  }
  .nihuigou-table .el-table--border th.gutter:last-of-type {
    border: none;
  }
  .nihuigou-table .el-table th,
  .nihuigou-table .el-table td {
    border-color: var(--border);
    color: var(--text-color);
    text-align: center;
  }
  .nihuigou-table .el-table th .cell,
  .nihuigou-table .el-table td .cell {
    height: 31px;
    line-height: 31px;
  }
  .nihuigou-table .el-table th {
    background-color: var(--table-th);
  }
  .nihuigou-table .el-table tr:nth-child(odd){
    background-color: var(--table-odd);
  }
  .nihuigou-table .el-table tr:nth-child(even){
    background-color: var(--table-even);
  }
  .nihuigou-table .el-table::before {
    height: 0;
  }
  .nihuigou-table .el-table::after {
    width: 0;
  }
  .nihuigou-table .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: transparent;
  }
  .nihuigou-table .el-table__body,
  .nihuigou-table .el-table__header {
    width: 100%!important;
  }
  .nihuigou-table .tableBox {
    height: calc(100% - 26px);
  }
  .nihuigou-table .tableBox-wrap {
    height: 100%;
  }
  .nihuigou-table .tableBox2 .tableBox-wrap{
    height: calc(100% - 56px);
  }
  .nihuigou-table .about {
    display: flex;
    padding: 15px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
  }
  .nihuigou-table .about .left,
  .nihuigou-table .about .query {
    display: flex;
    flex-wrap: nowrap;
  }
  .nihuigou-table .about .left {
    height: 26px;
    line-height: 26px;
  }
  .nihuigou-table .about .query {
    margin-left: 20px;
  }
  .nihuigou-table .endDate {
    margin-left: 15px;
  }
  .nihuigou-table .el-date-editor.el-input,
  .nihuigou-table .el-date-editor.el-input__inner {
    width: 140px;
    height: 26px;
  }
  .nihuigou-table .el-input__icon {
    line-height: 26px;
  }
  .nihuigou-table .query-btn,
  .nihuigou-table .right {
    height: 26px;
    line-height: 26px;
    width: 75px;
    text-align: center;
  }
  .nihuigou-table .query-btn {
    color: #fff;
    background-color: #2f96ff;
    border-radius: 2px;
    margin-left: 15px;
    cursor: default;
  }
  .nihuigou-table .query-btn:active{
    background-color: #285dad;
  }
  .nihuigou-table .right {
    color: #2f96ff;
    border: 1px solid #2f96ff;
  }
  .nihuigou-table .hq-table .el-table_2_column_8 .cell, 
  .nihuigou-table .hq-table .el-table_2_column_12 .cell {
    color: #EB333B;
  } 
/* table.js样式end*/

/* k线图 */
.nihuigou .charts .charts-iframe {
  width: 100%;  
  height: 100%;
}
.nihuigou .charts #gtjacharts {
  width: 100%;
  height: calc(100% - 26px);
}
.nihuigou .charts-title {
  height: 26px;
  line-height: 26px;
  background-color: var(--titlebgc);
  display: flex;
  justify-content: space-between;
}
.nihuigou .charts-title .detail {
  color: #4792e5;
  cursor: pointer;
}
/* 行情 */
.nihuigou .red {
  color: #F24950;
}
.nihuigou .green {
  color: #1AAE52;
}