.jc-end{justify-content:end}
.mt10{margin-top: 10px;}
.mt24{margin-top: 24px;}
.ml16{margin-left: 16px;}
.ml50{margin-left: 50px;}
.cp{cursor: pointer;}
.flex-row{display: flex;flex-direction: row;}
.main-center{
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 50px;
  padding-top: 40px;
}
.info-title{
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
}
.title-row{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.switch-row{
  margin-left: 24px;
  display: flex;
  flex-direction: row;
  background-color: var(--color-neutral-2);
  padding: 2px;
  border-radius: 4px;
}
.switch-btn{
  height: 100%;
  box-sizing: border-box;
  min-width: 88px;
  padding: 6px 20px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  border-radius: 3px;
  color: var(--color-text-2);
}

.switch-btn.active{
  color: var(--color-brand-1);
  background: var(--color-card-2);
}
.tab-row{
  margin-top: 32px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #F7F7F7;
  width: 100%;
  color: #999999;
  font-weight: bold;
}
.tab-item{
  margin-left: 40px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  font-size: 16px;
  padding-bottom: 4px;
}
.tab-item:first-child{
  margin-left: 0px;
}
.tab-item.active{
  border-color: var(--brandColor);
  color: #333333;
}
.tip-line{
  cursor: help;
  border-bottom:1px dashed ;
}
.serach-row{
  margin-bottom: 16px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.input-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #ECECEC;
  width: 400px;
}
.input-row input{
  background-color: transparent;
  border:none;
  outline: 0;
  flex: 1;
}
.input-row img{
  width: 25px;
}
.flex-between{
  width: 240px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ant-popover-arrow{
  border-color: #000!important;
  background-color: #000!important;
}
.gray-back{

}
.red-tips{
  background: rgba(222, 89, 89, 0.1);
  padding: 7px 16px;
  color: #DE5759;
  font-size: 12px;
  border-radius: 4px;
}
.position-stop-type{
  border-radius: 6px;
  border: 1px solid #DDDDDD;
  margin-right: 10px;
  padding: 0 10px;
  width: 100px;
}
.position-stop-type:after{
  margin-right: 10px;
}
.top-row{
  display: flex;
  margin-bottom: 24px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#insurance-chart{
  width: 100%;
  height: 367px;
}
.chart-content{
  width: 1120px;
  height: 447px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 55, 65, 0.1);
  border-radius: 4px;
  padding: 40px 40px 40px 40px;
  margin-bottom: 40px;
  margin-top: 24px;
  overflow: hidden;
}
#funding-chart{
  width: 100%;
  height: 367px;
}
.select-width{
  width: 160px;
}
.select-width-2{
  width: 200px;
}
#kline{
  height: 486px;
  width: 100%;
}
.divi-text{
  margin-top: 16px;
  margin-bottom: 32px;
  font-size: 12px;
  color: #999999;
}
.time-count{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.gray-back{
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: #F2F2F2;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
}
.funding-rate-title{
  font-size: 20px;
  font-weight: 500;  
}
.time-gray-text{
  color: #999999;
  font-size: 16px;
  margin-left: 16px;
}
.chart-title{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 23px;
  align-items: center;
}
.chart-title>div{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.down-row{
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#datepickerparent-back{
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  padding-right: 8px;
}
#datepickerparent-back .time-with{width:150px}
.insure-time-with{width: 100px;}
#datepickerparent-back input{
  border:none!important;
  background-color: none;
}
.search-back{
  width: 40px;
  height: 40px;
  background: #F2F2F2;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 24px;
}
.download{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 9px 16px;
  border: 1px solid var(--color-divider-2);
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
}
#datepickerparent-back img{
  margin-bottom: 2px;
}

.base-info .ant-table-body{
  min-height: 480px!important;
}
.ant-table .ant-table-cell-scrollbar{
  display: none;
}
.base-info .ant-empty-normal {
  margin: 300px 0 !important;
}
td.ant-table-column-sort{
  background-color: transparent!important;
}

.index-tab{
  display: flex;
  font-size: 16px;
  color: var(--color-text-3);
  margin-bottom: 16px;
  margin-top: 24px;
}
.index-tab-btn{
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.index-tab-btn:first-child{
  margin-right: 24px;
}
.index-tab-btn.active{
  border-color: var(--color-brand-1);
  color: var(--color-text-1);
}
.future-info-select .selector .selector-list .selector-search-clear{
  top:11px
}
.no-table-data{text-align:center;font-size:14px;margin-top: 20px;}
/* table样式 */
.options-pagination-btn{display:inline-block;box-sizing:border-box;margin-left:2px;padding:3px 10px;border:1px solid transparent;border-radius:3px;text-align:center;text-decoration:none!important;cursor:pointer}
.options-pagination-btn.active{border:1px solid #cacaca}
.options-pagination-btn:hover{border:1px solid #111;background:linear-gradient(to bottom,#585858 0,#111 100%);background-color:#585858;color:#fff!important}
.options-pagination-btn[disabled]{border:none}

/* selector样式 */
.selector .selector-view.disabled:hover{border-color: #D9D9D9}
.selector .selector-view.disabled .iconfont{display: none;}
.icon-a-12px-jiantou-xia{color: var(--color-text-4)}

/* dark 样式 */
.classic-dark .selector .selector-view { background: var(--color-bg-3) !important;}

/* 阿拉伯语修复 */
html[lang=ar] .ant-table-tbody>tr>td, .ant-table-thead>tr>th, .LeaderboardTable thead tr th{text-align: left;}
html[lang=ar] .index-tab-btn:first-child{margin-left: 24px;}
html[lang=ar] .tab-item:first-child{margin-left: 40px;}