body{color:#353535;background:#f9f9f9;font-size:14px;margin: 0;}
h1,h2,h3,h4,h5,h6{font-weight:600;font-family:'Microsoft YaHei',sans-serif;color:#121d29;margin:0}
a{color:#45aed6;-webkit-transition:color .4s,background-color .4s;-moz-transition:color .4s,background-color .4s;-o-transition:color .4s,background-color .4s;transition:color .4s,background-color .4s;text-decoration:none}
a:focus,a:hover{text-decoration:none;color:#2a95be}
button{outline:0}
hr{border-top:1px solid #e5e5e5;border-bottom:1px solid #fff}
p{font-size:14px}
img{vertical-align:middle}
li,ul{list-style:none;margin:0;padding:0}
.fl{float:left}
.fr{float:right}
.clf:after{content:'';display:block;clear:both}

.item_tip{position: absolute;opacity:0;top:100%;left: 21%;background: rgba(23,23,23,0.95);color: #fff !important;display: block !important;padding: 0 10px;z-index: 4;transition: all 0.3s;}
.item_tip>span{position: absolute; bottom: 100%;left: 46%;border: 6px solid transparent;border-color: transparent transparent rgba(23,23,23,0.95) transparent;}
.item_tip>p{color: #fff !important;font-size: 12px !important;line-height: 36px !important;height: 36px !important;}
.coinList_item ul li:hover .item_tip{opacity:1; top: 112%;}

.sidenav{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);}
.sidenav 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;}
.sidenav li a{color:inherit}
.sidenav li::after{content:"";display: block;position: absolute;width: 12px;height: 2px;background:transparent;left:14px;top: 20px;}
.sidenav li:last-child{border-bottom: 0;}
.sidenav li.active{/* color: #272524; */}
.sidenav li.active::after{background: #fff;}

.coinList{box-sizing:border-box;min-height:10rem;border-top:1px solid transparent;padding-bottom:8px}
.coinList .container h3.title{margin-bottom:.28rem;font-size: 18px;color: #363332;letter-spacing: 0;line-height: 18px;}
.coinList_item_box{box-sizing:border-box;padding: 20px 0 0;border-radius:9px;background:0 0;}
.coinList .container h3.title .right{font-weight:400;margin-right:10px;cursor:pointer;text-align:center;border-radius:5px;padding: 0 .14rem;transition:all .3s;margin:.04rem 0;font-size: 14px;color: #9F9F9F;letter-spacing: 0;line-height: 14px;}
.coinList .container h3.title .right:hover{color:#eb7e39}
.coinList .container .coinList_item ul{width:100%;display:block;}
.coinList .container .coinList_item ul li{transition:all .3s}
.coinList .container .coinList_item ul li:hover{border: 1px solid #F1F1F1;box-shadow: 0 8px 14px 0 rgba(0,0,0,0.10);}
.coinList .container .coinList_item ul li>a{display:flex;align-items:Center}
.coinList .container .coinList_item ul li{float:left;list-style:none;color:#000;margin-bottom:20px;width:24%;font-size:16px;padding: 0.2rem .5rem 0.1rem;box-sizing:border-box;margin-right:1%;background: #FFFFFF;border: 1px solid #F1F1F1;border-radius: 4px;min-height: 88px;position: relative;}
.coinList .container .coinList_item ul li img{width:.56rem;height:.56rem;margin-right:.24rem;min-height:30px;min-width:30px}
.coinList .container .coinList_item ul li h6{margin-bottom: 7px;font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:2rem;font-size: 16px;color: #363332;}
.coinList .container .coinList_item ul li p{padding:0;margin:0;width:2rem;font-size: 12px;color: #9F9F9F;word-break: normal;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 15px;height: 30px;font-weight: normal;}
.coinList .container .coinList_item ul:after{content:'';clear:both;display:block}

.coinList .container .coinList_item11 ul{width:100%;display:block;}
.coinList .container .coinList_item11 ul li{transition:all .3s}
.coinList .container .coinList_item11 ul li:hover{border: 1px solid #F1F1F1;box-shadow: 0 8px 14px 0 rgba(0,0,0,0.10);}
.coinList .container .coinList_item11 ul li>a{display:flex;align-items:Center}
.coinList .container .coinList_item11 ul li{float:left;list-style:none;color:#000;margin-bottom:8px;width:49.45%;font-size:16px;padding: 0.2rem .2rem 0.1rem;box-sizing:border-box;background: #FFFFFF;border: 1px solid #F1F1F1;border-radius: 4px;position: relative;}
.coinList .container .coinList_item11 ul li img{width:2rem;height:1rem;margin-right:.24rem;}
.coinList .container .coinList_item11 ul li h6{margin-bottom: 5px;font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 17px;color: #3573AD; width:6.1rem}
.coinList .container .coinList_item11 ul li p{padding:0;margin:0;font-size: 12px;color: #9F9F9F;word-break: normal;word-wrap: break-word;overflow: hidden; width:6.1rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 15px;height: 34px; line-height:140%; font-weight: normal;}
.coinList .container .coinList_item11 ul:after{content:'';clear:both;display:block}

.youss { margin-left:1%}


@media screen and (max-width:1760px) {
    .coinList .container .coinList_item ul li{    padding: 0.3rem .5rem 0.1rem;}

}
@media screen and (max-width:1760px){
    .sidenav{left: 0;}

}

@media screen and (max-width:1200px){body{font-size:14px}
    .sidenav{display:none}
    .coinList{    padding: 0 0 15px 5px;}
    .coinList .container .coinList_item h3{padding:12px 38px;font-size:40px}
    .coinList .container .coinList_item h3 a.fr{margin-top:20px}
}
@media screen and (max-width:768px){
    .item_tip{display: none !important;}
    .container{width:100%;min-width: 100%;}
    .coinList .container h3.title .right{font-size:12px}

    .coinList .container .coinList_item ul li{box-sizing:border-box;width: 49%;}
    .coinList .container .coinList_item11 ul li{box-sizing:border-box;width: 99%; margin-bottom:5px;}
    .coinList .container .coinList_item11 ul li img{width:4rem;height:3rem;margin-right:0.5rem;}
    .coinList .container .coinList_item11 ul li h6{font-size: 15px;width:16rem}
    .coinList .container .coinList_item11 ul li p{width:16rem}
    .youss { margin-left:0px;}
}
@media screen and (max-width:500px){
    .coinList .container .coinList_item ul{padding-bottom:15px;margin-right:-1rem}
    .coinList .container .coinList_item ul li{width:49%;margin:5px 1% 0 0;cursor:pointer;padding:.5rem .5rem;min-height:58px}
    .coinList .container .coinList_item ul li h6{line-height: 20px;height: 20px;font-size:14px;width:6rem;margin-bottom: 7px;}
    .coinList .container .coinList_item ul li p{font-size:12px;width:6rem}
    .coinList .container .coinList_item h3{font-size:30px;padding:15px 20px;margin-top:10px}
    .coinList .container .coinList_item h3 span{font-size:12px}
    .coinList .container .coinList_item h3 a.fr{font-size:14px}
    .coinList .container h3.title{font-size:16px}

    .coinList .container .coinList_item ul li{box-sizing:border-box;width: 49%;}
    .coinList .container .coinList_item11 ul li{box-sizing:border-box;width: 99%; margin-bottom:5px;}
    .coinList .container .coinList_item11 ul li img{width:4rem;height:3rem;margin-right:0.5rem;}
    .coinList .container .coinList_item11 ul li h6{font-size: 15px;width:16rem}
    .coinList .container .coinList_item11 ul li p{width:16rem}
    .youss { margin-left:0px;}
}


#contentkx {
     width:75%; margin:auto;
}
#contentkx h2{
    font-size:18px; line-height:180%;
}
.item_cont div {
    display: block;
    margin-bottom: 10px;
}
.right_item {
    padding: 3px 3px;
    word-wrap: break-word;
    border-bottom: 1px solid #e7e7e7;
}
    .right_item i {
        font-size: 13px;
        color: #ff7902
    }
.right_item a {
    color: #267afa;
    font-size: 16px;
    margin-right: 5px;
    display: inline-block
}
    .right_item p{
         line-height:150%;
    }
@media screen and (max-width:768px) {
    #contentkx {
        width: 97%;
        padding: 10px 2px;
    }
}