.IndexMarket{ padding: .2rem; margin: auto; background: #fff; border-top: none; box-sizing: border-box;
 /*border: 1px solid #ECECEC;*/
 }
.IndexMarket .imHead{ line-height: .54rem; background: #EBEBEB; padding: 0 .4rem; color: #00263A; font-weight: bold;}
.IndexMarket .imHead span{ position: relative; }
.IndexMarket .imHead span button{ position: absolute; width: .2rem; height: .2rem; right: -.06rem; top: .14rem; border: none; background: none; }
.IndexMarket .imHead span button:nth-child(2){ right: -.26rem; }
.IndexMarket .imHead span button img{ width: 100%; }
.IndexMarket .imBody{ height: 7.6rem; padding: 0 .3rem; color: #00263A; background: #F5F5F5;overflow-y: auto; }
.IndexMarket .imLi{padding: 0 .1rem; border-bottom: 1px solid #D9D9D9; cursor: pointer; }
.IndexMarket .imLi span,.IndexMarket .imHead span{ display: inline-block; width: 44.3%; font-size: .16rem; }
.IndexMarket .imLi span{ font-size:15px; }
.IndexMarket .imLi span:nth-child(2), .IndexMarket .imHead span:nth-child(2){ width: 22.3%; text-align: center; }
.IndexMarket .imLi span:nth-child(3), .IndexMarket .imHead span:nth-child(3){ width: 33.3%; text-align: right; }
.IndexMarket .imHead span:nth-child(3){ width: 28.3%; padding-right: 5%; text-align: right; }
.IndexMarket .imLi span.r{ color: #f00; }
/* .IndexMarket .imLi span.r:before{ content:"+"; display:inline-block; } */
.IndexMarket .imLi span.g{ color: green; }
.IndexMarket .imLi span.g:before{ content:""; display:inline-block; }
.IndexMarket .imBody .imLi span{line-height: .52rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: .52rem; }
.IndexMarket .imBody::-webkit-scrollbar {
  width: 4px;
}
.IndexMarket .imBody::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0,0,0,0.2);
}
.IndexMarket .imBody::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(0,0,0,0.1);
}

.indexDetailsModal {display:none;width: 10.84rem;}
.indexDetailsModal .idxIntro{ margin: 0.2rem .2rem; background: #fff; }
.indexDetailsModal .idxIntro .title{ height: .54rem; text-align: left; line-height: .54rem; text-indent: .21rem; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.indexDetailsModal .idxIntro p{ padding: .22rem .3rem; line-height: .25rem; color: #00263A; font-size: .18rem; height: 1.3rem; overflow-y: auto;}

.indexDetailsModal .idxItemHead{padding-bottom: .19rem; border-bottom: 1px solid #e0e0e0;display: flex;align-items: center;justify-content: space-between; }
.indexDetailsModal  .itemHeadRight {font-size: .18rem;}
.indexDetailsModal .idxItemHead span{ color: #999; font-size: .14rem; }
.indexDetailsModal .idxItemHead span strong{ margin-right: 4px; color: #00263A; font-size: .24rem; }
.indexDetailsModal .idxItemBody .stocks{ margin-bottom: .35rem; }
.indexDetailsModal .idxItemBody .stocks span{ float: left; width: 33.3%; font-size: .18rem; color: #649E92; text-align: center; }
.indexDetailsModal .idxItemHead .itemHeadLeft .labels {margin-top: 0.04rem;}
.indexDetailsModal .idxItemHead .itemHeadLeft .labels span {font-weight: 400;font-size: .18rem;color: #999; margin-right: 0.15rem;background: #E2E2E2;padding: 0 0.1rem; margin-top: 0.06rem;}

.indexDetailsModal .exponent {width: 5.76rem; height: 2.08rem;padding: 0.2rem;}
.indexDetailsModal .amount {width: 4.48rem; height: 2.08rem;padding: 0.16rem;}
.indexDetailsModal .exponent,.indexDetailsModal .amount{border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;background: #f5f5f5;} 

.indexDetailsModal .IndexDetails{display: flex;margin: 0.2rem 0;justify-content: space-evenly;} 

.indexDetailsModal .idxItemBodyUl{display: flex;justify-content: space-around;margin-top: 0.18rem;}
.indexDetailsModal .idxItemBodyUl li{display: flex;flex-direction: column;align-items: center;justify-content: space-evenly; margin-bottom: 0.05rem;}
.indexDetailsModal .idxItemBodyUl li strong{color: #00263A;font-weight: 500;font-size: 0.22rem;}
.indexDetailsModal .idxItemBodyUl li span{font-weight: 500;font-size: 0.28rem;}

.indexDetailsModal .indexedPerformanceConntent {padding: 0.15rem 0.16rem}
.indexDetailsModal .indexedPerformanceConntent a{ display: block; float: left; text-align: center; width: 0.8rem;color: #00263A; font-size: .18rem; }
.indexDetailsModal .indexedPerformanceConntent a:hover,.indexedPerformanceConntent a.cur{ height: .29rem; line-height: .29rem; background: #00263A; color: white;border-radius: 2px;}
.indexDetailsModal .indexedPerformanceEcharts{height: 2.8rem;}
.indexDetailsModal .indexedPerformanceTop{display: flex;height: 0.4rem;align-items: center;justify-content: center;justify-content: space-around;}
.indexDetailsModal .idxIntroText{height: 2rem;background: #F5F5F5;border-radius: 0 0 0.1rem 0.1rem;padding: 0.1rem;}
.indexDetailsModal .indexedPerformance .title{ height: .54rem; text-align: left; line-height: .54rem; text-indent: .21rem; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.indexDetailsModal .amountTableWrapper{height: 1.8rem;overflow-y: auto;}
.indexDetailsModal .amountTable thead tr{border-bottom: 1px solid #D9D9D9;text-align: center;height: .54rem; background-color: #EBEBEB; line-height: .54rem;}
.indexDetailsModal .amountTable tbody tr{ border-bottom: 1px solid #D9D9D9;height: 0.37rem;text-align: center;line-height: 0.37rem;}
.indexDetailsModal .amountTable td{color: #00263A;font-weight:400;text-align: center;font-size: .18rem;}
.indexDetailsModal .amountTable thead th{color: #00263A;font-weight: 500;font-size: .18rem;}
.indexDetailsModal .amountTable td:nth-child(1){white-space: nowrap;overflow: hidden; text-overflow: ellipsis;cursor: pointer;}
.indexDetailsModal .amountTable {table-layout: fixed;}

.indexDetailsModal .indexedPerformance {display: flex; justify-content: space-between; padding-left: 0.2rem; padding-right: 0.2rem;}
.indexDetailsModal .indexedPerformanceLeft {width: 5.75rem;}
.indexDetailsModal .indexedPerformanceRight{width: 4.48rem;}
.indexDetailsModal .grayBg {background: #F5F5F5; border-radius: 0.2rem;}

.indexDetailsModal .valuationConntent{height: 3.28rem;background: #F5F5F5;border-radius: 0 0 0.1rem 0.1rem; padding: .15rem .16rem; overflow-y: auto;}
.indexDetailsModal .valuationConntentTable tbody tr td{padding: 0 0.05rem;border: 1px solid #e0e0e0;height: 0.6rem;line-height: 0.6rem;font-size: .16rem;}
.indexPagination .layui-laypage a,.indexPagination .layui-laypage span{padding: 0 12px;}
.indexPagination {height: 0.8rem; background: #F5F5F5; text-align: right; padding-right: .2rem;}