@charset "utf-8";

.left{top:80px;}
.right{width:260px;position:absolute;top:80px;right:10px;z-index: 99;}

.rank_cont{height:100px;box-shadow: 0 0 30px 10px rgba(34,34,34,.8) inset;border: 1px solid #222;width:calc(100% - 12px);padding-left: 10px;}
.rank_right{height:100px;width: 100%;}
.order{margin-top:5px;}
.order-cont{height:100px;box-shadow: 0 0 30px 10px rgba(34,34,34,.8) inset;border: 1px solid #222;width:calc(100%-10);padding-left: 10px;padding-top:5px;}
.order-title{color:#666;margin-bottom:4px;}
.order-cont .order_list{overflow: hidden;height:84px;}
.order-cont li{color:#fff;height:14px;}
.ww{display:block;float: left;font-size: 8px;}
.ww1{width:28%;
     overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.ww2{width:16%;}
.ww3{width:21%;}
.ww4{width:14%;}
.ww5{width:18%;}
.ww1 img{width:12px;vertical-align: middle;}
.bottom{position:absolute;height:180px;box-shadow: 0 0 30px 10px rgba(34,34,34,.8) inset;border: 1px solid #222;left:10px;right: 10px;bottom:10px;background: url(../../images/data/bottom_bg.png) no-repeat center bottom;z-index: 99;}
.contry_item{float:left;width:20%;height:180px;overflow: hidden;}
.chartItem{height:180px;padding: 0 1%;width:100%;}
.legend_box{left: 10px;}