.app-ranking-panel .container{background-color: #ffffff;}
.titleWrap{overflow: hidden; border-bottom: 1px solid #eee;}
.titleWrap .title{height: 25px; line-height: 25px; font-size: 22px; border-left: 3px solid #ff6600; padding-left: 8px; margin: 18px 19px 18px 19px; float: left;}
.titleWrap .title span{color: #ff6600;}
.app-ranking-panel .link-tab{margin-right: 20px;float: right; display: inline;}
.app-ranking-panel .link-tab a{line-height: 60px; padding: 0 12px; font-size: 15px;}
.app-ranking-panel .link-tab a:hover{color: #f60;}
.app-ranking-panel .link-tab a.active{background: #f60;color: #fff;}

.app-ranking-panel .rankList{overflow: hidden;}
.app-ranking-panel .rankList ul{margin: 0;padding: 0;}
.app-ranking-panel .rankList ul li{padding: 20px 0px 20px 0px; overflow: hidden; border-bottom: 1px solid #eee; margin: 0px 20px; position: relative;list-style: none;}
.app-ranking-panel .rankList ul li .rankNo { position: absolute; top: 20px; left: 0px; font-size: 18px; display: block; width: 30px; height: 22px; line-height: 22px; font-weight: bold; text-align: center; font-family: 'Roboto'; color: #333; }
.app-ranking-panel .rankList ul li:nth-child(1) .rankNo { color: #ff5555 }
.app-ranking-panel .rankList ul li:nth-child(2) .rankNo { color: #ff6600 }
.app-ranking-panel .rankList ul li:nth-child(3) .rankNo { color: #ff9900 }
.app-ranking-panel .rankList ul li a{display: block; position: relative; height: 110px; padding: 0 110px 0 160px;}
.app-ranking-panel .rankList ul li a i{position: absolute; left: 35px; top: 0; width: 110px; height: 110px; display: block;}
.app-ranking-panel .rankList ul li a i img{border-radius: 14px; width: 110px; height: 110px;}
.app-ranking-panel .rankList ul li a > h2{height: 22px; line-height: 22px; font-size: 18px; color: #333; overflow: hidden; font-weight: bold;}
.app-ranking-panel .rankList ul li a span{display: block; height: 14px; overflow: hidden; margin: 17px 0px 13px 0px;}
.app-ranking-panel .rankList ul li a span img{height: 14px; display: block; float: left; }
.app-ranking-panel .rankList ul li a span h3{margin: 0px 0 0px 0px; display: block; height: 14px; line-height: 14px; color: #999; font-size: 12px; overflow: hidden; float: left; display: block;}
.app-ranking-panel .rankList ul li a span p{ overflow: hidden; height: 44px; line-height: 22px; color: #999; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.app-ranking-panel .rankList ul li a .downloadBtn{position: absolute; top: 44px; right: 0px; display: block; width: 68px; height: 24px; line-height: 24px; font-size: 14px; background: #fff; border: 1px solid #f60; color: #f60; text-align: center; cursor: pointer; border-radius: 4px; }
.app-ranking-panel .rankList ul li a:hover > h2{color: #f60;}
.app-ranking-panel .rankList ul li a:hover i img{opacity: 0.8;}
.app-ranking-panel .rankList ul li a:hover .downloadBtn{background: #f60; color: #fff;}