.category-panel {border-top: 10px solid #ececec;width: 100%; height: auto; padding: 5px 10px 15px 0;box-sizing: border-box; display: block; overflow: hidden; background: #fff;}
.category-panel ul li{width: 25%; height: auto; float: left; display: inline; padding: 10px 0 0 10px; overflow: hidden; position: relative; box-sizing: border-box;}
.category-panel ul li a{width: 100%; height: 36px; line-height: 36px; font-size: 15px; font-weight: normal; color: #333; text-align: center; background: #f4f4f4; border-radius: 4px; margin: auto; display: block; overflow: hidden;}
.category-panel ul li.active a{background: #fe7900; color: #fff;}

.app-list-panel{background-color: #ffffff;overflow: hidden; border-top: 10px solid #ececec;}
.app-list-panel .titleWrap .rankTabs{font-size: 14px; position: absolute; right: 15px; top: 12px;    overflow: hidden; width: 195px; background: #f8f8f8; border-radius: 20px; margin: 0px auto 0;}
.app-list-panel .titleWrap .rankTabs a{float: left; color: #999; width: 65px; font-size: 15px; text-align: center; line-height: 26px; height: 26px; border-radius: 20px; padding: 0; border-right: 0; }
.app-list-panel .titleWrap .rankTabs a.active{background: linear-gradient(to right, #f60 0%, #ff973c 100%);color: #fff;} 
.app-list-panel ul{overflow: hidden; margin: 5px 0 15px 0;}
.app-list-panel ul li{position: relative; height: auto; background: #fff; overflow: hidden; margin: 15px 15px 0 15px; padding: 15px; background-color: #f9f9f9; border-radius: 8px;}
.app-list-panel ul li .app-detail{position: relative; width: auto; height: auto; overflow: hidden; }
.app-list-panel ul li .app-detail .imgWrap{float: left; width: 75px; height: 75px; border-radius: 14px; display: block; overflow: hidden;}
.app-list-panel ul li .app-detail .imgWrap img{width: 75px; height: 75px; border-radius: 14px; display: block; overflow: hidden;}
.app-list-panel ul li .app-detail .linkWrap{-webkit-box-flex: 1; display: block; overflow: hidden;}
.app-list-panel ul li .app-detail .linkWrap > div{width: auto; height: auto; -webkit-box-flex: 1; padding: 0 0 0 15px; box-sizing: border-box; display: block; overflow: hidden;}
.app-list-panel ul li .app-detail .linkWrap > div h4{width: 100%; height: 20px; line-height: 20px; font-size: 15px; font-weight: normal; color: #333; margin: 2px 0 0 0; display: block; overflow: hidden;}
.app-list-panel ul li .app-detail .linkWrap > div i{display: block; height: 14px; margin: 9px 0 8px 0;}
.app-list-panel ul li .app-detail .linkWrap > div i img{width: auto; height: 14px; display: block; overflow: hidden;border-radius: 14px;}
.app-list-panel ul li .app-detail .linkWrap .infoWrap{font-size: 12px; color: #999; height: 14px; padding: 0 0 0 15px; height: 20px; line-height: 20px;}
.app-list-panel ul li .app-detail .linkWrap .infoWrap span{color: red;}
.app-list-panel ul li .content{margin-top: 7px; font-size: 12px; color: #999; height: 14px; padding: 0 0 0 0px; height: 44px; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.app-list-panel ul li .content a{color: #999; font-size: 12px;}
.app-list-panel ul li .downloadBtn{text-decoration: none; color: #f60; position: absolute; font-style: normal; top: 42px; right: 15px; border: 1px solid #f60; border-radius: 4px; display: block; height: 22px; line-height: 22px; font-size: 14px; text-align: center; width: 53px; background: #f60; color: #fff;}
.app-list-panel .load-text{width: 100%; height: auto; font-size: 15px; font-weight: normal; color: #999; text-align: center; padding: 12px 0 15px 0; box-sizing: border-box; display: block; overflow: hidden;}