h1,h2,h3,h4,h5,h6{font-weight:600;font-family:'Microsoft YaHei',sans-serif;color:#121d29;margin:0}
body{background:#f9f9f9}
a{text-decoration:none}
b{font-weight:400}
i{font-style:normal}
.tc{text-align:center}
.tr{text-align:right}

.more{text-align:center;display:none}
.more a{color:#000;font-size:11px;text-decoration:underline}
.nav{border-bottom:1px solid rgba(0,0,0,.1)}
.nav .container-jndp{width:74%;margin:0 auto}
.nav .title-jndp{font-size:.43rem;margin:.6rem 0;float:left}
.nav ul{font-size:.21rem;overflow:hidden;position:relative;bottom:-3px}
.nav ul li{width:3.5rem;height:36px;line-height:36px;color:rgba(0,0,0,.5);text-align:center;float:left;-webkit-tap-highlight-color:transparent}
.nav ul li a{color:inherit}
.nav ul li.active-jndp{color:#000;border-bottom:7px solid #000}

.sidenav-jndp{width:105px;background:#fff;position:fixed;top:150px;z-index:99;padding-top:34px;left:20px;text-align:center}
.sidenav-jndp li{font-size:16px;color:#000;list-style:none;height:40px;line-height:40px;cursor:pointer}
.sidenav-jndp li.active-jndp{color:#fff;background:#267afa}
.sidenav-jndp li:last-child{background:#ddd}



.cont-jndp .left_box-jndp{border-radius: 4px;width: auto;position: fixed;top: 190px;z-index: 99;left:2%;padding: 10px 0;text-align: left;background: #ff7902;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.04);}
.cont-jndp .left_box-jndp ul li{
    list-style: none;
    height: 44px;
    line-height: 44px;
    cursor: pointer;
    font-size: 17px;
    color: #fff;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding: 0 24px 0 32px;
    box-sizing: border-box;
}
.cont-jndp .left_box-jndp ul li::after{content:"";display: block;position: absolute;width: 12px;height: 2px;background:transparent;left:14px;top: 20px;}
.cont-jndp .left_box-jndp ul li.active-jndp::after{background: #fff;}
.cont-jndp .left_box-jndp ul li:last-child{border-bottom: 0;}
.cont-jndp .left_box-jndp ul li.active-jndp{}
/*.cont-jndp .right_box-jndp{display:table-cell;vertical-align:top;word-wrap:break-word;word-break:break-all;min-height:10rem;border-top:1px solid transparent;padding-bottom: 1rem;}*/
.cont-jndp .right_box-jndp h3.title-jndp{font-size:.26rem;font-weight:700;margin-bottom:.48rem;color:#000;/* padding-left:.1rem; */}
.cont-jndp .right_box-jndp h3.title-jndp span{color:rgba(0,0,0,.3);font-weight:lighter}
.cont-jndp .right_box-jndp h3.title-jndp .right-jndp{font-weight:400;margin-right:10px;cursor:pointer;color:#666;text-align:center;border-radius:5px;padding:.09rem .14rem;transition:all .3s;font-size:.17rem;margin:.04rem 0}
.cont-jndp .right_box-jndp h3.title-jndp .right-jndp img{margin-top:-3px}
.cont-jndp .right_box-jndp .coinList_item_box-jndp{min-width: 840px;margin-left:2.1rem;width: 75%;margin:0 auto; margin-top:.2rem;background:0 0;box-sizing:border-box; border-radius:9px;}
.cont-jndp .right_box-jndp .coinList_item-jndp ul{width:100%;display:block;/* margin-left:.5% */}
.cont-jndp .right_box-jndp .coinList_item-jndp ul li{border: 1px solid rgba(239, 106, 17, 0.25); box-sizing: border-box; min-height:1.3rem;float:left;list-style:none;color:#000;margin-bottom:20px;background:rgba(255,255,255,.9);width:24%;font-size:16px;padding:.02rem .1rem;box-sizing:border-box;border-radius:10px;margin-right:1%}
.cont-jndp .right_box-jndp .coinList_item-jndp ul li{transition:all .3s}
.cont-jndp .right_box-jndp .coinList_item-jndp ul li:hover{box-shadow:#bfbfbf 2px 3px 7px 2px}
.cont-jndp .right_box-jndp .coinList_item-jndp ul li img.fl{width:.95rem;height:.95rem;margin-right:.15rem; margin-left:3px; border-radius:20%;min-height:30px;min-width:30px; margin-top:8px;}
.cont-jndp .right_box-jndp .coinList_item-jndp ul li h6{color:#000;font-size:.22rem; font-weight:bold; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:2.6rem;margin-bottom:.07rem;line-height: 0.24rem;}
.cont-jndp .right_box-jndp .coinList_item-jndp ul li p{color:#000;font-size:.18rem;opacity:.5;padding:0;margin:0;width:2.6rem;overflow:hidden;text-overflow:ellipsis; height:.45rem; line-height:130%;}
.cont-jndp .right_box-jndp .coinList_item-jndp ul li .star{width:15px}
.cont-jndp .right_box-jndp .coinList_item-jndp ul li>div{    margin-top: 0.2rem; }
.cont-jndp .right_box-jndp .coinList_item-jndp ul:after{content:'';clear:both;display:block}
@media screen and (max-width: 1760px){
    .cont-jndp .left_box-jndp{left: 0;}
}
@media screen and (max-width: 1200px){
    .cont-jndp .left_box-jndp{display:none;}
}
@media screen and (max-width:768px){.nav .form{width:100%}
     .cont-jndp .left_box-jndp{display:none}
    .cont-jndp .right_box-jndp{ padding: 0 0 0 5px;}
    .cont-jndp .right_box-jndp h3.title-jndp{font-size:16px;margin-bottom:18px}
    .cont-jndp .right_box-jndp h3.title-jndp .right-jndp{display:block}
    .cont-jndp .right_box-jndp .more{display:none}
    .cont-jndp .right_box-jndp .coinList_item_box-jndp{    padding-top: 0;width:100%;margin:.9rem auto 0;clear:both;    min-width:100%;}
    .cont-jndp .right_box-jndp .coinList_item_box-jndp .coinList_item-jndp ul{margin-right:0}
    .cont-jndp .right_box-jndp .coinList_item_box-jndp .coinList_item-jndp ul li{width:48%;padding: 6px 0 6px 6px;margin-bottom: 5px;margin-right:.5rem;height:3.6rem;}
    .cont-jndp .right_box-jndp .coinList_item_box-jndp .coinList_item-jndp ul li h6{margin-bottom: 2px; margin-top: 2px; font-size:13px; font-weight:bold; width:5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 20px;}
    .cont-jndp .right_box-jndp .coinList_item_box-jndp .coinList_item-jndp ul li p{font-size:12px;width:5rem;overflow:hidden;text-overflow:ellipsis;white-space:pre-line; height:1.2rem;}
    .cont-jndp .right_box-jndp .coinList_item_box-jndp .coinList_item-jndp ul li img{width:2.4rem;height:2.4rem;margin-right:5px; border:1px solid rgba(239, 106, 17, 0.25); margin-top:0.15rem;}
    .cont-jndp .right_box-jndp .coinList_item_box-jndp .coinList_item-jndp ul li .star{width:8px}
    .cont-jndp .right_box-jndp .coinList_item_box-jndp .coinList_item-jndp ul a:nth-child(2n) li{margin-right:0}
    .nav .title-jndp{font-size:18px; font-weight:bold; width:92%;margin:16px auto;text-align:center;float:none}
    .nav .container-jndp{width:92%}
    .nav input{width:100%;box-sizing:border-box}
    .nav label{top:3px}
    .nav ul{bottom:-2px}
    .nav ul li{width:25%;font-size:14px}
    .nav ul li.active-jndp{border-bottom:6px solid #000}
}
@media screen and (max-width:700px){

}