h2{font-weight: bold;}
.l40{ margin-left:40px}
.ran { width:200px;}
.ranking-aside {
  width: 200px; background:#fff;
  float: left; }

.ranking-aside h2 {
  font-size: 16px;
  line-height: 55px;
  padding-left: 20px; }


.ranking-aside li.active {
  border-top-color: #fff; }

.ranking-aside a {
  line-height: 48px;
  font-size: 14px;
  text-decoration: none !important;
  display: block;
  border-left: 4px solid #fff;
  text-indent: 30px; }

.ranking-aside .active a {
  background: #e8e8e8;
  border-color: #66cc00;
  color: #66cc00; }
.ranr{ width:980px; margin-left:20px;  float:left;}
.b-tab {
  height: 36px;
  background: #eceef1;
  font-size: 14px;
  padding-left: 10px; }

.b-tab li {
  float: left; }

.b-tab li a {
  display: block;
  width: 136px;
  padding: 2px 0px 6px 0px;
  text-align: center;cursor:pointer;
  border-top: 3px solid transparent;
  text-decoration: none !important;
  line-height: 25px; }

.b-tab li.active a {
  background: #fff;
  border-top: 3px solid #66cc00; }



.ranking-section {
  float: left;
  width: 470px;
 
  margin-bottom: 30px; }


.ranking-section h4 {
  font-size: 16px;
  font-weight: normal; }

.ranking-more {
  float: right;
  color: #999;
  margin-top: 5px; }

.ranking-section .b-tab {
  margin: 10px 0px 4px 0px; }
  
  
  
  
.ranking-ol li{padding:10px;  overflow:hidden; position:relative; border-bottom:1px solid #ccc}
.ranking-ol li i{display:block; width:22px; float:left; font-size:18px;  height:22px; line-height:22px; margin-top:10px;color:#979797; text-align:center;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  overflow:hidden;}
.ranking-ol li .ion-1{ background:#ef3f22; color:#fff;}
.ranking-ol li .ion-2{ background:#ef3f22; color:#fff;}
.ranking-ol li .ion-3{ background:#ef3f22; color:#fff;}

.ranking-ol li .ionp-1{ height:40px;background: url('../images/ph.png') -3px 0px no-repeat; text-indent:-9999px; margin-top:0px; width:30px}
.ranking-ol li .ionp-2{ height:40px;background: url('../images/ph.png') -44px 0px no-repeat; text-indent:-9999px; margin-top:0px;width:30px}
.ranking-ol li .ionp-3{ height:40px;background: url('../images/ph.png') -85px 0px no-repeat; text-indent:-9999px; margin-top:0px;width:30px}
.ranking-ol li.h35{height:45px; line-height:35px;}
.ranking-ol li.h35 img{float:left; margin-left:15px; width:45px; height:45px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;  overflow:hidden;}
.ranking-ol li.h35 p{float:left; width:300px;height:35px; line-height:16px;  text-align:left; margin-left:15px; }
.ranking-ol li.h35 p a{height:22px; width:100%; display:block;font-size:14px; color:#333;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ranking-ol li.h35 p img{float: none; width:20px; height:20px; margin-left:5px;}
.ranking-ol li.h35 p a:hover{text-decoration:none; color:#28a913 }
.ranking-ol li.h35 p span{ float:left; margin-right:20px; margin-top:6px; height:20px; line-height:20px;}
.ranking-ol li.h35 p span a{width:auto; display:inline-block; font-size:12px; color:#666;}
.ranking-ol li em .play_btn{position: absolute;top: 17px;right: 17px;display: block;width: 26px;height: 26px;overflow: hidden;text-indent: -9999px;background: url('../images/btns.png') -18px -495px no-repeat;}
.ranking-ol li em .play_btn:hover{background-position: -78px -495px;}
.ranking-ol li em .gz_ban{ height:20px; padding:5px 10px; float:right; line-height:20px; background:#66cc00; color:#fff;}

.ranking-sectiont {
  float: left;
  width: 980px;
 
  margin-bottom: 30px; }


.ranking-sectiont h4 {
  font-size: 16px;
  font-weight: normal; }

.ranking-more {
  float: right;
  color: #999;
  margin-top: 5px; }

.ranking-sectiont .b-tab {
  margin: 10px 0px 4px 0px; }
  
.ranking-sectiont  .ranking-ol li.h35 p{float:left; width:800px;height:35px; line-height:16px;  text-align:left; margin-left:10px; }

.ranking-u ol{ width:1020px; overflow:hidden;}
.ranking-u  li{padding:10px;  overflow:hidden;  margin-right:40px; width:450px; float:left; border-bottom:1px dotted #ccc}
.ranking-u  li:hover{ background:#f9f9f9}
.ranking-u li i{display:block; width:50px; float:left; font-size:40px;   line-height:80px;color:#979797; text-align:center;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  overflow:hidden;}
.ranking-u li .ionp-1,.ranking-u li .ionp-2,.ranking-u li .ionp-3{  color:#ef3f22;}

.ranking-u li.h35{height:80px; line-height:80px;}
.ranking-u li.h35 img{float:left; margin-left:15px; width:80px; height:80px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;  overflow:hidden;}
.ranking-u li.h35 p{float:left; width:150px;height:45px; line-height:22px;  text-align:left; margin-left:15px; }
.ranking-u li.h35 p a{height:22px; width:100%; display:block;font-size:16px; color:#333;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ranking-u li.h35 p a:hover{text-decoration:none; color:#28a913 }
.ranking-u li.h35 p .gz_ban{  padding:5px 20px 5px 40px; width:30px; line-height:22px;font-size:14px; background: url('../images/add.png') 15px 9px no-repeat; border:1px solid #66cc00; color:#333; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;  overflow:hidden; margin-top:20px;}

.ranking-u li span { width:140px; height:35px; line-height:30px; display:inline-block; overflow: hidden; text-align:right; float: right;  }
.ranking-u li.h35 span img{ width:16px; height:16px; margin-left:0px; float:right; }