.div-sj{padding: .18rem 0 .8rem 0;}
.sj-con-db{border-bottom:1px solid #ddd;margin-bottom: .4rem;}
.sj-con-db span{border-bottom: .03rem solid #175eb1;font-size: .22rem;color: #175eb1;height: .45rem;display: inline-block;line-height: .45rem;margin-bottom: -.01rem;}
.sj-search-info{padding-bottom: .4rem;}
.sj-search-info .filter-container {
    display: flex;
    align-items: center;
    padding-bottom: .4rem;
    margin: 0 auto;
  }
  .sj-search-info .filter-container .filter-item {
    margin-right: .3rem;
    display: flex;
    position: relative;
  }
  .filter-item .asset-type,.filter-item .city,.filter-item .product-type,.filter-item .scale,.filter-item .establish-year,.filter-item .zsgg_year{height: .4rem;line-height: .4rem;font-size: .18rem;}
.filter-item  .choose {
    padding: 0 .3rem 0 .16rem;
    width: 1.8rem;
    outline: none;
    border: .01rem solid #ddd;
    border-radius: 3px;
    height: .4rem;
    box-sizing:border-box;
    font-size: .16rem;
    cursor: pointer;
    color: #333;
    background:#edf1f7 url(./zsgg_b_img.png) 90% 47% / .16rem no-repeat;
}
.filter-item  .choose.on1{
  background:#edf1f7 url(./zsgg_b_img.png) 90% 47% / .16rem no-repeat;
}
.filter-item  .choose.on2{
  background:#edf1f7 url(./zsgg_t_img.png) 90% 47% / .16rem no-repeat;
}
.filter-item .option {
    display: none;
    width: 1.8rem;
    position: absolute;
    border-style: solid;
    border-color: #fcfcfc;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: .06rem;
    z-index: 2;
}

.filter-item .option li {
    margin: 0;
    padding: 0;
    list-style: none;
    height: .48rem;
    line-height: .48rem;
    padding-left: .16rem;
    color:#333;
} 
.filter-item .option li:hover,.option li.zs_click{
  color: #175eb1;
  background-color: #f4f8ff;
}
.sj-search-info .zsggcp-search{
  margin-bottom: .4rem;
  text-align: center;
}
#zskeyword{
  width: 6.04rem;
  height: .48rem;
  border: 1px solid #ddd;
  border-radius: 60px 0 0 60px;
  padding-left: .18rem;
    box-sizing: border-box;
    font-size: .16rem;
    color: #999;vertical-align: bottom;    background: #edf1f7;
}
#searchZsggcp button{
  width: 1.16rem;
  height: .48rem;
  line-height: .48rem;
  border: none;
  background-color: #5d8ec1;
  color: #fff;
  border-radius: 0 60px 60px 0;
  cursor: pointer;
  font-size: .2rem;
  position: relative;
    /* bottom: -.02rem; */
    left: -.05rem;
}
#searchZsggcp button img {
    width: .18rem;
    height: .2rem;
    margin-right: .1rem;
    margin-top: -.03rem;
}
.gels_top{display: flex;justify-content: space-between;text-align: center;margin-bottom: .16rem;}
.gels_search-title{height: .4rem;line-height: .4rem;}
.gels_top .fnt,.gels_table p{color: #999;}
.gels_top .fnt span{color: #175eb1;}
.gels_top .download-list{color: #fff;width: 1.56rem;height: .4rem;line-height: .4rem;font-size: .16rem;border-radius: 20px;background:#ffaa79 url(./download_list.png) 23% 47% / .16rem no-repeat;padding-left: .24rem;box-sizing: border-box;}
.gels_table .ph_table{border-collapse: collapse;width: 100%;border: 1px solid #ddd;font-size: .16rem;}
.gels_table .ph_table thead{
  background: #e0ebf6;height: .58rem;color: #000;
}
.gels_table .ph_table tr{border-bottom: 1px solid #ddd;}
.gels_table .ph_table td{font-size: .18rem;}
.gels_table .ph_table td:first-child{padding-left: .32rem;width: 20%;font-size: .18rem;}
.zsllq-search-insput .gels_table  .ph_table td:first-child{padding-left: .2rem;width: 9%;}
.gels_table .ph_table td:nth-child(2){width: 18%;}
.gels_table .ph_table tbody tr{height: .86rem;}
.gels_table .ph_table tr span{display: block;padding: .04rem 0;}
.gels_table .ph_table tbody tr td:nth-child(2) span:last-child{color: #175eb1;}
.gels_table .ph_table tbody tr:nth-child(2n){background:#f5f9ff;}




/* 指数分页 */
.zs_page{text-align: center;margin-top: .82rem;}
.zs_page span{height: .4rem;display: inline-block;line-height: .4rem;}
.zs_page select{width: 1.1rem;height: .4rem;border: 1px solid #ddd;padding-left: .04rem;}
.zs_page a{display: inline-block;margin: 0 .06rem;border: .01rem solid #ddd;width: .4rem;height: .4rem;box-sizing: border-box;line-height: .38rem;
}
.zs_page input{border: 1px solid #ddd; width: .4rem;height: .4rem;text-align: center;}
.zs_page a.z_on{background: #ffaa79;color: #fff;}

.zs-page#page{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: .82rem;
}
.layui-laypage a, .layui-laypage span{
  width: auto;
  padding: 0 0.15rem;
  text-align: center;
  margin: 0;
  height: 0.4rem;
  line-height: 0.4rem;
}
.layui-laypage a{display: inline-block;margin: 0 .06rem!important;padding: 0 0.15rem;text-align: center;border: .01rem solid #ddd;width: auto;height: .4rem;box-sizing: border-box;line-height: .38rem;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{padding:0;background: #ffaa79 !important;color: #fff;top: 0;left: 0;}

/* 指数浏览器 */
.filter-group {
  margin-bottom: 10px;
  display: flex;
}
.filter-group label {
  display: inline-block;
  width: 1rem;
  font-size: .16rem;
  color: #999;
  flex: 0 0 auto;
  line-height: 27px;
}
.filter-option {
  display: inline-block;
  padding: .08rem .3rem;
  border: 1px solid #ccc;
  border-radius: 20px;
  margin-right: 5px;
  cursor: pointer;
  color: #333;
  background: #edf1f7;
  margin-bottom: 10px;
}
.zsllq_sel{
  margin-bottom: 50px;
}
.zsllq_selected{
  background-color: #5d8ec1;
  color: white;
}
.zsllq_tab{margin-top: .3rem;}
.zsllq-search-insput .gels_table  .ph_table td{position: relative;}
.zsllq-search-insput .gels_table  .ph_table td.zt1 img,
.zsllq-search-insput .gels_table  .ph_table td.zt3 img,
.zsllq-search-insput .gels_table  .ph_table td.zt2 img{width: .13rem;height: .13rem;position: absolute;top: 42%;}
.zsllq-search-insput .gels_table  .ph_table td>i{padding-left: .2rem;}

/* 指数公告 */
 .filter-item .zsgg_year-select .choose{width: 1.6rem;}
 .zsgg-search{display: flex;}
.filter-item .zsgg_year{margin-right: .14rem;}
.zsgg-search .zsgg-keyword{height: .4rem;line-height: .4rem;flex-shrink: 0;    margin-right: .14rem;font-size: .18rem;}
.zsgg-search #zsggkeyword{width: 3rem;height: .4rem;border: 1px solid #ddd;background: #edf1f7;border-radius: 3px;    font-size: .16rem;padding-left: .16rem;box-sizing: border-box;}
.zsgg-search button{cursor: pointer;;width: .65rem;height: .4rem;border: 1px solid #ddd;background: #5b8dc0;color: #fff;text-align: center;border-radius: 3px;font-size: .17rem;margin-left: .24rem;}
.sj-search-info .zsgg-table .gels_table .ph_table tbody tr,.sj-search-info .bzfa-table .gels_table .ph_table tr{height: .6rem;}
.sj-search-info .zsgg-table .gels_table .ph_table tr td:last-child{width: 2%;}

/* 编制方案 */
.sj-search-info .bzfa-table .gels_table .ph_table tr td:last-child{width: 3%;text-align: center;}
.sj-search-info .bzfa-table .gels_table .ph_table tr td:last-child a{color: #5b8dc0;border:1px solid #5b8dc0;width: 1.04rem;height: .32rem;line-height: .32rem;display: inline-block;border-radius: 3px;text-align: center;font-size: .14rem;}


/* 中证商品期货指数 */
.div-zs{padding-top: .2rem;}
.div-zs .zs-con-db{height: 1rem;line-height: 1rem;font-size: .32rem;color: #175eb1;}
.div-zs .zs-intro{line-height: 1.5;font-size: .2rem;padding: .38rem .72rem;background: #f8f9fd;color: #4c4948;}
.zs-compare .opera-container .time-range-selector .time-option{
  font-size: .22rem;color: #666;display: inline-block;padding: .05rem .14rem;    height: .4rem;
  box-sizing: border-box;cursor: pointer;
}

.zs-compare{padding-top: .5rem;}
.zs-compare .opera-container .time-range-selector{display: flex;}
.zs-compare .opera-container .time-range-selector .time-option.time_selected{
  background-color: #5d8ec1;
  color: white;
  border-radius: 4px;
  
}
.zs-compare .opera-container{display: flex; justify-content: space-between;   height: .4rem;}
.laydate-time{width: 3.4rem;box-sizing: border-box;font-size: .18rem;height:.4rem; line-height:.4rem; border:1px solid #ddd;padding: 0 .15rem;border-radius: 4px;}
#derivativeId .derivativeId-select .choose{width:1.24rem;background: #fff url(./zsgg_b_img.png) 90% 47% / .16rem no-repeat !important;font-size: .18rem;}
#derivativeId .option li {
  margin: 0;
  padding: 0;
  list-style: none;
  height: .35rem;
  line-height: .35rem;
  padding-left: .16rem;
  color: #333;
  font-size: .18rem;
}
#derivativeId .option li:hover,#derivativeId .option li.zs_click{background: #f7f8f8;}
#derivativeId .option{padding: .1rem 0;border-radius: 8px;margin-top: 0;width: 1.84rem;}
.zs-compare .ind-comp .ind-comp-t{width: 1.24rem;height: .4rem;line-height: .38rem;display: inline-block;color: white;border-radius: 4px;padding-left: .4rem;background:#5d8ec1 url(./zs_bijiao.png)  14% 47% / .16rem  no-repeat;box-sizing: border-box;font-size: .18rem;cursor: pointer;}
.zs-compare .ind-comp .ind-comp-t.i_comp{background: #d5d6d6 url(./zs_bijiao.png)  14% 47% / .16rem  no-repeat;}
.zs-compare .ind-comp-con{ width: 3.6rem;z-index: 22;position: absolute;background: #fff;border-radius: 8px;padding-top: .2rem;    padding-right: .04rem;display: none;box-shadow: 0 0 3px 1px #efefef;}
.zs-compare .ind-comp:hover .ind-comp-con{display: block;}
.zs-compare .ind-comp:hover .ind-comp-con:hover{display: block;}
.zs-compare .ind-comp .ind-comp-con:hover{display: block;}
.zs-compare .ind-comp-con .ind-comp-sel{
  margin: 0 auto;
  height: .34rem;
  display: block;
  width: 3.14rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding-left: .12rem;
  padding-right: .4rem;
  box-sizing: border-box;
  font-size: .16rem;
}
.zs-compare .ind-comp-con .radio-price label{font-size: .22rem;}
.ind-comp #indCompSel{position: relative;width: 3.14rem;margin: 0 auto;}
.ind-comp button{
  height: .35rem;
    cursor: pointer;
    position: absolute;
    right: 0;
    background: none;
    top: 14px;
    border: 0;
}
.ind-comp img{width: .2rem;}
.zs-compare .ind-comp-con .ind-comp-list{font-size: .16rem;margin-top: .12rem;margin-right: .1rem;}
.zs-compare .ind-comp-con .ind-comp-list li{height: .28rem;cursor: pointer;line-height: .28rem;position: relative;}
.zs-compare .ind-comp-con .ind-comp-list li:hover{background: #f7f8f8;}
.zs-compare .ind-comp-con .ind-comp-list li.on{background: #f7f8f8;}
.zs-compare .ind-comp-con .ind-comp-list span{padding-left: .2rem;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
.zs-compare .ind-comp-con .ind-comp-list span:nth-child(2){width: 1.3rem;}
.ind-comp-list{height: 2.12rem;width: 100%;overflow: scroll;}
.ind-comp-list::-webkit-scrollbar {
  border-radius: .1rem;
  width: .08rem;
  height: .18rem;
  }
  .ind-comp-list::-webkit-scrollbar-thumb {
  border-radius: .1rem;
  background-color: #bcb8b8;
  }
  .scroll-container {
    overflow-y: auto; /* 使内容超出时显示滚动条 */
    overflow-x: hidden;
  }
  .ind-comp-list i{
    width: .2rem;
    height: 100%;
    display: inline-block;
    background: url(./add_zsbj.png) center no-repeat;
    background-size: 84%;
    position: absolute;
    top: 0;
  }
/* 单选 */
  .radio-inline{
  height:.4rem;
  line-height: .4rem;
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: .8rem;
  font-size: .22rem;margin-left: .1rem;
}
.radio-inline input[type="radio"]{
  position: absolute;
  top: -.4rem;
  cursor: pointer;
}
.radio-inline input[type="radio"]::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  border: 1px solid #999;
  box-sizing: border-box;
  position: absolute;
  top: .5rem;margin-left: .09rem;
}
.radio-inline input[type="radio"]:checked::before {
  background-color: #5b8dc0;
  background-clip: content-box;
  border: 1px solid #5b8dc0;
  padding: 2px;
  box-sizing: border-box;
  margin-left: .09rem;
}
.radio-inline input[type="radio"]:checked:disabled:before {
  background-color: #fff;
  background-clip: content-box;
  border: 1px solid #999;
  padding: 1px;
  box-sizing: border-box;
  margin-left: .09rem;
}
.b_line{
  width: 100%;
  height: .02rem;
  background-color: #eff2fb;
  margin-top: .18rem;
  margin-bottom: .12rem;
}

.zs-compare .zs-crumbs{line-height: .32rem;height: .32rem;}
.zs-crumbs-list span,.zs-reset{display: inline-block;padding: 0 .18rem;background: #f7f8fc;border-radius: 4px;cursor: pointer;margin-right: .14rem;font-size: .18rem;}
.zs-crumbs-list span i{width: .18rem;height: .18rem;display: inline-block;background: url(./zs_crumbs.png) center no-repeat;background-size: 100%;vertical-align: sub;    margin-left: .1rem;}
.zs-crumbs-list,.zs-crumbs-con{float: left;}
.zs-reset{color: #175eb1;}
.zs-crumbs .update-date{font-size: .18rem;float:right;}
.zs-compare .zs-ech{margin-top: .18rem;display: flex;justify-content: space-between;}
.zs-compare .zs-ech .zs-ech-box{width: 3.05rem;height: 4.38rem;background: #f8f9fd;padding: .82rem .5rem;box-sizing: border-box;font-size: .18rem;    line-height: 1;}
.zs-ech-box .zs-box-t,.zs-ech-box .zs-box-b{border-bottom: 1px solid #eee;}
.zs-ech-box .zs-box-t .zs-box-tit,.zs-ech-box .zs-box-b .zs-box-p{font-size: .36rem;padding: .26rem 0;}
.zs-ech-box .zs-box-t .zs-box-tit,.zs-ech-box .zs-box-b .zs-box-b{font-size: .36rem;padding: .26rem 0;}
.zs-ech-box .zs-box-t span{
  line-height: 0.25rem;
}
.zs-ech-box .zs-box-b .zs-box-p{color: #fb6d72;}
.zs-ech-box .zs-box-b .zs-box-b{color: #52beba;}
.zs-ech-box .zs-box-b{padding-bottom: .26rem;}
.zs-ech-box .zs-box-b p{margin-bottom: .1rem;}
.zs-ech-r{width: 11.64rem; height:4.38rem;}
.zs-ech .zs-ech-box2 .zs-ech-tab {margin-top: .48rem;}
.zs-ech-tab table {
  border-collapse: collapse;
  width: 100%;
}
.zs-ech-tab td {
  padding-left: .82rem;
  text-align: left;
  font-size: .18rem;
}
.zs-ech-tab thead{background: #f8f9fd;color: #175eb1;font-size: .2rem;font-weight: normal;height: .46rem;}
.zs-ech-tab td:nth-child(1){padding-left: .46rem;}
.zs-ech-tab tbody td {
  border: 1px solid #eee;
  height: .84rem;
}
.zs-ech-tab tbody td p:nth-child(2){font-size: .16rem;color: #999;}
.zs-ech-tab tbody td i{border-radius: 50%;width: .16rem;height: .16rem;display: inline-block;margin-right: .2rem;position: relative;top: -.2rem;}
.zs-ech-tab tbody .zs-tab-r{
  width: 90%;
  display: inline-block;}
.zs-box-con{margin-top: .46rem;display: flex;justify-content: space-between;}

.zs-box-con  .zs-box1-tit,
.zs-box-con  .zs-box2-tit,
.zs-xgcp-box .zs-xgcp-bt,
.zs-list-box1 .zs-lis1 .zs-lt1,
.zs-compose-tit{font-size: .2rem;color: #175eb1;margin-bottom: .28rem;}
.zs-box-con  .zs-box1-tit::before,
.zs-box-con  .zs-box2-tit::before,
.zs-xgcp-box .zs-xgcp-bt::before,
.zs-list-box1 .zs-lis1 .zs-lt1::before,
.zs-compose-tit::before {
    content: '';
    padding: .1rem .02rem;
    margin-right: .12rem;
    background: #175eb1;
    display: inline-block;
    position: relative;
    top: .02rem;
}
.zs-box-con .zs-box1-tab{background: #f8f9fd;padding: .32rem .5rem .32rem .5rem;width: 9.1rem;box-sizing: border-box;display: flex;justify-content: space-between;}
.zs-box-con .zs-box1-tab .box1-tab-l li{text-align: left;font-size: .2rem;height: .45rem;line-height: .45rem;}
.zs-box-con .zs-box1-tab .box1-tab-l span:nth-child(1){color: #999;display: inline-block;width: 1.16rem;}
.zs-box-con .zs-box1-tab .box1-tab-l span:nth-child(2){color: #333;display: inline-block;}
.zs-box-con .zs-box1-tab .box1-tab-l:nth-child(2){width: 40%;}

.zs-box2-con .zs-box2-li{display: flex;flex-wrap: wrap;width: 5.28rem;justify-content: space-between;height: 2.54rem;}
.zs-box2-con .zs-box2-li a{width: 2.48rem;height: 1.05rem;background: #f8f9fd;display: inline-block;    margin-bottom: 0.32rem;font-size: .2rem;line-height: 1.05rem;padding-left: 1.12rem;box-sizing: border-box;}

.zs-box2-con .zs-box2-li a:nth-child(1),.zs-box2-con .zs-box2-li a:nth-child(2){
  background:#f8f9fd url(./hangqing_img.png) no-repeat;
  background-size: .4rem;
  background-position: 24% 50%;
}
.zs-box2-con .zs-box2-li a:nth-child(3),.zs-box2-con .zs-box2-li a:nth-child(4){
  background:#f8f9fd url(../images/pdf_img1.png) no-repeat;
  background-size: .4rem;
  background-position: 24% 50%;
}
.lineWid{background:#f8f9fd;height: .35rem;width: 100%;margin: .3rem 0 .42rem;}

.zs-compose{display: flex;justify-content: space-between;}
.zs-compose .zs-compose-l{width: 7.5rem;}
.zs-compose .zs-compose-l table{ border-collapse: collapse;width: 100%;text-align: center;}
.zs-compose .zs-compose-l table thead{font-size: .2rem;height: .46rem;line-height: .46rem;background: #f8f9fd;}
.zs-compose .zs-compose-l table tbody{font-size: .18rem;}
.zs-compose .zs-compose-l table tbody td{height: .3rem;border:1px solid #fafafa;}
.zs-compose .zs-compose-l table tbody tr.grey{
  background: #f7f8f8;
}
/* .zs-compose .zs-compose-l table tbody tr:nth-child(1),
.zs-compose .zs-compose-l table tbody tr:nth-child(2),
.zs-compose .zs-compose-l table tbody tr:nth-child(6),
.zs-compose .zs-compose-l table tbody tr:nth-child(7),
.zs-compose .zs-compose-l table tbody tr:nth-child(8),
.zs-compose .zs-compose-l table tbody tr:nth-child(18),
.zs-compose .zs-compose-l table tbody tr:nth-child(19),
.zs-compose .zs-compose-l table tbody tr:nth-child(20),
.zs-compose .zs-compose-l table tbody tr:nth-child(9),
.zs-compose .zs-compose-l table tbody tr:nth-child(10){background: #f7f8f8;} */

#zsEchartsRigt2,#zsEchartsRigt4{width: 7.24rem;height: 7.32rem;}

.zs-xgcp-box table{border-collapse: collapse;width: 100%;text-align: center;}
.zs-xgcp-box  thead tr{background: #e1ecf9;height: .46rem; color: #175eb1;}
.zs-xgcp-box  tbody tr{height: .42rem;border: 1px solid #eee;}

.zs-list-box1{display: flex;justify-content: space-between;margin: .54rem 0;}
.zs-list-box1 .zs-li1-list{width: 4.62rem;border: 1px solid #eee;position: relative;padding: .24rem .2rem;box-sizing: border-box;}
.zs-list-box1 .zs-li1-list>a{position: absolute;    right: 0;
  top: -.49rem;
  width: .85rem;
  height: .25rem;
  background: #f5f6f9;
  border-radius: 8px;
  color: #999;
  text-align: center;
  line-height: .25rem;
}
.zs-list-box1 .zs-li1-list li{height: .5rem;line-height: .5rem;}
.zs-list-box1 .zs-li1-list li a{font-size: .2rem;display: block;width: 100%;}
.zs-list-box1 .zs-li1-list li a::before {
  content: '';
  padding: .04rem;
  border-radius: 50%;
  margin-right: .12rem;
  background: #175eb1;
  display: inline-block;
  position: relative;
  top: -.02rem;
}
.e-tooltip{padding: .1rem;}
/* .e-tooltip p{padding-left: .2rem;} */
.e-tooltip p::before,.e-tooltip h3::before{content: '';width: .16rem;height: .16rem;display: inline-block;border-radius: 50%;margin-right: .1rem;box-sizing: border-box;}
.e-tooltip p.on::before{background-clip: content-box;border: 3px solid #5b8dc0;}
.e-tooltip h3.on::before{background: #5b8dc0;}
.zs-ech-consider{font-size: .16rem;color: #999;padding-top: .1rem;}

/* 指数系列概览 */
.zs-mbd{background: url(./zs_mbg.png) no-repeat;width: 100%;height: 3.05rem;    background-size: 100%;}
.zs-mbd .zs-mbd-con{    
  width: 15rem;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
  height: 3.05rem;
  padding-top: 1rem;
  font-size: .2rem;
  box-sizing: border-box;
}
.zs-mbd .zs-mbd-con p{margin-bottom: .3rem;width: 71%;line-height: 1.5;}
.zs-mbd .zs-mbd-con a{color: #175eb1;}
.zs-y-bg{    position: relative;background:url(./red_year.png) no-repeat, url(./zs_year.png) no-repeat;width: 100%;height: 6.28rem;
  background-size: 96%, 100%;
  background-position: 0 2.08rem, 100% top;}

.zs-y-bg .zs-y-list .zs-y-li{    text-align: center;display: flex;justify-content: space-around;}
.zs-y-list .zs-y-li h3{color: #85b2ed;font-size: .3rem;margin-top: .3rem;}
.zs-y-list .zs-y-li p{margin: 0 auto;height: .6rem;font-size: .24rem;font-weight: bold;color: #175eb1;padding: .3rem 0;    width: 2rem;}
.zs-y-list .zs-y-li ul{padding-top: .5rem;
  background: url(./zs_y_tip.png) no-repeat;
  background-position: 50% 0.2rem;
  background-size: 0.2rem;
}
.zs-y-list .zs-y-li li{display: block;text-align: center;color: #fff;background:linear-gradient(18deg, #80ace9, #1e69d7) ;border: .08rem solid #c3d6f1;height: .48rem;font-size: .22rem;line-height: .48rem;margin: .12rem 0;padding:0 .1rem;border-radius: 10px;}
/* .zs-y-r{cursor: pointer;} */
.zs-tb-box{padding: .9rem 0 .56rem;display: flex;flex-wrap: wrap;    overflow: initial;}
/* .zs-tb-box .zs-tb-item{border: 1px solid #ccc;width:3.46rem;margin: 0 .12rem;margin-bottom: .5rem;box-shadow: 0 0 16px 4px rgb(182 182 185 / 50%);} */
.zs-tb-box .zs-tb-item{border: 1px solid #ccc;width:2.7rem;margin: 0 .12rem;margin-bottom: .5rem;box-shadow: 0 0 5px 1px rgb(182 182 185 / 50%);}
.zs-tb-box .zs-tb-item .zs-tb-e{width: 100%;height: 1.58rem;}
.zs-tb-box .zs-tb-item .zs-tb-top{width: 100%;height: 1.58rem;border-bottom: 1px solid #ccc;background: #fff;position: relative;}
.zs-tb-box .zs-tb-item .zs-tb-bot{background:#f8f9fd;height: 1.92rem;padding: .1rem .12rem;box-sizing: border-box;}
.zs-tb-box .zs-tb-item .zs-tb-bot .zs-bot-con{position: relative;display: flex;border-bottom: 1px solid #ccc;margin-bottom: .1rem;justify-content: space-between;}
.zs-tb-item .zs-tb-bot .zs-bot-con1 img{width: .24rem;margin-right: .08rem;}
.zs-tb-item .zs-tb-bot .zs-bot-con1 a{color: #175eb1;}
.zs-tb-item .zs-tb-bot .zs-bot-con1 a:nth-child(1){display: inline-block;margin-right: .2rem;}
.zs-tb-bot .zs-bot-con p{font-size: .24rem;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow:ellipsis;}
.zs-tb-bot .zs-bot-con h3{font-size: .25rem;height: .74rem;line-height: .74rem;}
.zs-tb-bot .zs-bot-con .zs-tb-day{margin-bottom: .1rem;}
.zs-tb-bot .zs-bot-con .zs-tb-r p.i-top{display: flex;justify-content: flex-end;align-items: center;color: #e60012;    background-position: left;}
.zs-tb-bot .zs-bot-con .zs-tb-r p.i-top::before{
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background: url(../images/top.png) center center / 100% 100% no-repeat;
}
.zs-tb-bot .zs-bot-con .zs-tb-r p.i-bot{display: flex;justify-content: flex-end;align-items: center;align-items: center;color: #52beba;    background-position: left;}
.zs-tb-bot .zs-bot-con .zs-tb-r p.i-bot::before{
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background: url(../images/bottom.png) center center / 100% 100% no-repeat;
}
.zs-tb-bot .zs-bot-con .zs-tb-r p{font-size: .22rem;font-weight: bold;margin-bottom: .04rem;}
.zs-tb-bot .zs-bot-con .zs-tb-r{position: absolute;right:0;top: 5px;text-align: right;width: 1.04rem;text-align: right;    padding-top: .4rem;}
.zs-tb-top span{font-size: .22rem;color: #999;position: absolute;left: 10px;top: 10px;z-index: 100;}
/* 鼠标移入 */
.zs-tb-box .zs-tb-item:hover{
  transform: scale(1.1);
  transition: 0.3s;
}
/* .zs-tb-box .zs-tb-item:hover{width:3.7rem;height: 3.82rem;position: relative;margin: 0;top: -.3rem;box-shadow: 0 0 16px 4px rgb(182 182 185 / 50%);}
.zs-tb-box .zs-tb-item:hover .zs-tb-e{width: 100%;height: 1.8rem;}
.zs-tb-box .zs-tb-item:hover .zs-tb-top{width: 100%;height: 1.8rem;border-bottom: 1px solid #ccc;}
.zs-tb-item:hover .zs-tb-bot .zs-bot-con1 a{font-size: .2rem;}
.zs-tb-item:hover .zs-tb-bot .zs-bot-con p{font-size: .28rem;}
.zs-tb-item:hover .zs-tb-bot .zs-bot-con h3{font-size: .29rem;height: .72rem;line-height: .72rem;}
.zs-tb-item:hover .zs-tb-bot .zs-bot-con .zs-tb-day{font-size: .18rem;}
.zs-tb-item:hover .zs-tb-bot .zs-bot-con .zs-tb-r p.i-top{background: url(../images/top.png) no-repeat;color: #e60012;    background-position: left;background-size: .2rem;}
.zs-tb-item:hover .zs-tb-bot .zs-bot-con .zs-tb-r p.i-bot{background: url(../images/bot.png) no-repeat;color: #52beba;    background-position: left;background-size: .2rem;}
.zs-tb-item:hover .zs-tb-bot .zs-bot-con .zs-tb-r p{font-size: .25rem;}
.zs-tb-item:hover .zs-tb-bot .zs-bot-con .zs-tb-r span{font-size: .18rem;}
.zs-tb-item:hover .zs-tb-bot .zs-bot-con .zs-tb-r{width: 1.2rem;}
.zs-tb-item:hover .zs-tb-bot{height: 2rem;} */





.zs-compose .zs-compose-l.clear-col table tbody tr:nth-child(1), 
.zs-compose .zs-compose-l.clear-col table tbody tr:nth-child(2),
 .zs-compose .zs-compose-l.clear-col table tbody tr:nth-child(6), 
 .zs-compose .zs-compose-l.clear-col table tbody tr:nth-child(7),
  .zs-compose .zs-compose-l.clear-col table tbody tr:nth-child(8), 
  .zs-compose .zs-compose-l.clear-col table tbody tr:nth-child(18),
   .zs-compose .zs-compose-l.clear-col table tbody tr:nth-child(19), 
   .zs-compose .zs-compose-l.clear-col table tbody tr:nth-child(20), 
   .zs-compose .zs-compose-l.clear-col table tbody tr:nth-child(9), 
   .zs-compose .zs-compose-l.clear-col table tbody tr:nth-child(10){
  background: none;
}


.filter-selected{
  display: flex;
  margin-bottom: 20px;
}
.filter-selected-list{
  display: flex;
  flex-wrap: wrap;
}
.filter-selected span{
  color: #5d8ec1;
  padding: 0.06rem 0.15rem;
  display: flex;
  align-items: center;
}
.filter-selected span.reset{
  height: 0.25rem;
  flex: 0 0 auto;
}
.filter-selected span i{
  border-radius: 50%;
  width: 0.2rem;
  height: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0.15rem;
  margin-left: 5px;
  background: url(../images2/icon_filter_close.png) center center / 100% 100% no-repeat;
}
.gels_table{
  width: 100%;
  overflow-x: auto;  
  overflow-y: visible;
}
#zsllq.ph_table{
  width: 140%;
}

#otherIndexIdsList2.option{
  max-height: 500px;
  overflow-y: auto;
  overflow-x: visible;
  box-shadow: 0 0 5px 1px #efefef;
}

.zs-y-bg{
  overflow: hidden;
}
.zs-y-list{
  display: flex;
}
.zs-y-box-out{
  transition: 0.3s;
  display: flex;
}
.zs-y-box{
  flex: 0 0 auto;
}
.zs-y-box h3{
  color: #85b2ed;
  font-size: .30rem;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  position: relative;
}
.zs-y-box h3::before,.zs-y-box h3::after{
  content: "";
  display: block;
  width: 2px;
  height: 1.5rem;
  background: rgb(205, 223, 245);
  position: absolute;
  top: 0.1rem;
}
.zs-y-box h3::before{
  left: 0;
}
.zs-y-box h3::after{
  background: none;
  right: 0;
}
.zs-y-item{
  flex: 0 0 auto;
  margin: 0 20px;
}
.zs-y-btn{
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images2/icon_timeLine_prev.png) center center / 100% 100% no-repeat;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 100;
}
.zs-y-btn.disable{
  opacity: 0.6;
}
.zs-y-btn.prev{
  left: 20px;
}
.zs-y-btn.next{
  right: 20px;
  transform: rotateZ(180deg);
}


/* 2025-3-18新增 */
.zs-compare .opera-container .time-range-selector .time-option.disable{
  opacity: 0.6;
  cursor: no-drop;
}

/* 2025-3-31新增 */
.zs-ech-tab tbody td em{
  display: inline-block;
  margin-left: 1rem;
  width: .18rem;
  height: .18rem;
  background: url(./zs_crumbs.png) center center / 100% 100% no-repeat;
  border-radius: 100%;
  cursor: pointer;
}
.zs-ech-tab tbody tr:first-child td:last-child em{
  display: none;
}
.zs-ech-tab tbody td:last-child span{
  display: inline-block;
  width: 0.6rem;
} 
.ret-inday{
  position: relative;
}
.ret-inday.disable{
  filter: grayscale(100%);
}
.ret-mask{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  transform: scale(1.2);
}
.zs-compare .ind-comp.disable:hover .ind-comp-con{display: none;}