.hot-download-panel .container{background-color: #ffffff;}
.hot-download-panel .titleWrap{overflow: hidden; border-bottom: 1px solid #eee;}
.hot-download-panel .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;}
.hot-download-panel .titleWrap .title span{color: #ff6600;}
.hot-download-panel .hot-download-list{overflow: hidden;}
.hot-download-panel .hot-download-list ul{padding: 0;overflow: hidden; margin: 20px 10px 0 10px; }
.hot-download-panel .hot-download-list ul li{width: 90px; float: left; margin: 0 14px 12px 14px; overflow: hidden; list-style: none;}
.hot-download-panel .hot-download-list ul li a{display: block;}
.hot-download-panel .hot-download-list ul li a img{display: block; margin: 0px auto; width: 90px; height: 90px; border-radius: 14px;}
.hot-download-panel .hot-download-list ul li a span{display: block; width: 90px; height: 36px; line-height: 36px; text-align: center; font-size: 15px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.app-listing-panel{margin-top: 15px;position: relative;}
.app-listing-panel .container{display: flex;position: relative;justify-content: space-between;}
.app-listing-panel .category-list{width: 85px; position: absolute; left: -105px; top: -50px;}
.app-listing-panel .category-list ul{margin: 0;padding: 0;}
.app-listing-panel .category-list li { display: inline-block; width: 67px; padding: 5px 0 5px 17px; background: url(../images/youxi/typeList.webp) 0 -31px no-repeat; }
.app-listing-panel .category-list li a { display: block; width: 67px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; font-size: 14px; }
.app-listing-panel .category-list li.selected { background: url(../images/youxi/typeList2.webp) 0 -31px no-repeat; }
.app-listing-panel .category-list li.selected a { color: #fff; }
.app-listing-panel .category-list li:hover { background: url(../images/youxi/typeList2.webp) 0 -31px no-repeat; }
.app-listing-panel .category-list li:hover a { color: #fff; }

.app-listing-panel .app-listing-block{width: 865px;background-color: #ffffff;float: left; display: inline;}
.app-listing-panel .app-listing-block .titleWrap{overflow: hidden; border-bottom: 1px solid #eee;}
.app-listing-panel .app-listing-block .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;}
.app-listing-panel .app-listing-block .titleWrap .title span{color: #ff6600;}
.app-listing-panel .app-listing-block .app-listing{overflow: hidden;}
.app-listing-panel .app-listing-block .app-listing ul{padding: 0;margin: 0;}
.app-listing-panel .app-listing-block .app-listing ul li{padding: 20px 0px 20px 0px; overflow: hidden; border-bottom: 1px solid #eee; margin: 0px 20px;list-style: none;}
.app-listing-panel .app-listing-block .app-listing ul li a { display: block; position: relative; height: 110px; padding: 0 110px 0 125px; }

.app-listing-panel .app-listing-block .app-listing ul li a i { position: absolute; left: 0; top: 0; width: 110px; height: 110px; display: block; }
.app-listing-panel .app-listing-block .app-listing ul li a i img { border-radius: 14px; width: 110px; height: 110px; }
.app-listing-panel .app-listing-block .app-listing ul li a em { position: absolute; top: 0; left: 100px; font-size: 16px; display: block; width: 40px; height: 22px; line-height: 22px; font-weight: bold; text-align: center; font-family: 'Roboto'; color: #333 }
.app-listing-panel .app-listing-block .app-listing ul li a p { height: 22px; line-height: 22px; font-size: 18px; color: #333; overflow: hidden; font-weight: bold; }
.app-listing-panel .app-listing-block .app-listing ul li a span { display: block; height: 14px; overflow: hidden; margin: 17px 0px 13px 0px; }
.app-listing-panel .app-listing-block .app-listing ul li a span img { height: 14px; display: block; float: left; }
.app-listing-panel .app-listing-block .app-listing ul li a span strong { margin: 0px 0 0px 0px; display: block; height: 14px; line-height: 14px; color: #999; font-size: 12px; overflow: hidden; float: left; display: block; }
.app-listing-panel .app-listing-block .app-listing ul li a span strong .date { display: inline; font-size: 12px; color: red; line-height: 14px; }
.app-listing-panel .app-listing-block .app-listing ul li a .content { display: block; overflow: hidden; height: 44px; line-height: 22px; color: #999!important; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.app-listing-panel .app-listing-block .app-listing ul li a:hover i img { opacity: 0.8 }
.app-listing-panel .app-listing-block .app-listing ul li a:hover p { color: #f60 }
.app-listing-panel .app-listing-block .app-listing 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-listing-panel .app-listing-block .app-listing ul li a:hover .downloadBtn { background: #f60; color: #fff; }

.app-listing-panel .side-panel{float: right; display: inline;width: 320px;}
.app-listing-panel .side-panel .hot-rank-panel{background-color: #ffffff;}
.app-listing-panel .side-panel .hot-rank-panel .titleWrap{overflow: hidden; border-bottom: 1px solid #eee;}
.app-listing-panel .side-panel .hot-rank-panel .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;}
.app-listing-panel .side-panel .hot-rank-panel .titleWrap .title span{color: #ff6600;}
.app-listing-panel .side-panel .hot-rank-panel ul{width: auto; padding: 0px 15px 0px 20px; overflow: hidden;display: block;margin: 20px auto 5px;}
.app-listing-panel .side-panel .hot-rank-panel ul li{width: 100%; display: block; float: left; padding-bottom: 20px;list-style: none;}
.app-listing-panel .side-panel .hot-rank-panel ul li.active{display: block!important;}
.app-listing-panel .side-panel .hot-rank-panel ul li > span{display: block; float: left; width: 22px; height: 22px; background: #f2f2f2; color: #666; text-align: center; line-height: 22px; font-size: 12px; margin-right: 12px; border-radius: 2px;}
.app-listing-panel .side-panel .hot-rank-panel ul li.active span{height: 50px; line-height: 50px; margin-top: 14px; }
.app-listing-panel .side-panel .hot-rank-panel ul li > span.rank1 { background: #ff5555; color: #fff; }
.app-listing-panel .side-panel .hot-rank-panel ul li > span.rank2 { background: #ff6600; color: #fff; }
.app-listing-panel .side-panel .hot-rank-panel ul li > span.rank3 { background: #ff9900; color: #fff; }
.app-listing-panel .side-panel .hot-rank-panel ul li .wrap{display: block; float: left; width: 190px; height: 22px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #333;}
.app-listing-panel .side-panel .hot-rank-panel ul li.active .wrap, .app-listing-panel .side-panel .hot-rank-panel ul li.active .size{display: none;}
.app-listing-panel .side-panel .hot-rank-panel ul li .size{width: 55px; line-height: 22px; text-align: right; font-size: 12px; color: #666; height: 22px; overflow: hidden; white-space: nowrap; margin-right: 4px;float: right;}
.app-listing-panel .side-panel .hot-rank-panel ul li .detailWrap{display: none; width: 250px; height: 90px;float: left;}
.app-listing-panel .side-panel .hot-rank-panel ul li.active .detailWrap{display: block;}
.app-listing-panel .side-panel .hot-rank-panel ul li .icon{width: 90px; height: 90px; overflow: hidden; border-radius: 14px; margin-right: 12px;float: left;}
.app-listing-panel .side-panel .hot-rank-panel ul li .icon img{width: 90px; height: 90px; border-radius: 14px;}
.app-listing-panel .side-panel .hot-rank-panel ul li .name p{display: block; float: left; width: 146px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; font-weight: bold; color: #333;}
.app-listing-panel .side-panel .hot-rank-panel ul li .infoWrap{width: 146px; height: 40px; line-height: 20px; color: #666; font-size: 12px; margin-top: 8px;float: left;}
.app-listing-panel .side-panel .hot-rank-panel ul li .infoWrap p img{height: 14px; width: auto; display: block; margin-bottom: 8px;}
.app-listing-panel .side-panel .hot-rank-panel ul li .downloadBtn{width: 70px; text-align: center; height: 25px; line-height: 25px; background: #f5f5f5; color: #666666; font-size: 14px; border-radius: 4px; margin-top: 12px;float: right;display: none;}
.app-listing-panel .side-panel .hot-rank-panel ul li .downloadBtn:hover{background: #f60; color: #fff;}
.app-listing-panel .side-panel .hot-rank-panel ul li .name p:hover{color: #ff7700;} 

.recommend-download-panel{background-color: #ffffff;margin-top: 15px;overflow: hidden;}
.app-listing-panel .side-panel .recommend-download-panel .titleWrap{overflow: hidden; border-bottom: 1px solid #eee;}
.app-listing-panel .side-panel .recommend-download-panel .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;}
.app-listing-panel .side-panel .recommend-download-panel .titleWrap .title span{color: #ff6600;}
.app-listing-panel .side-panel .recommend-download-panel ul{overflow: hidden; margin: 4px 15px 4px 20px;display: block;}
.app-listing-panel .side-panel .recommend-download-panel ul li{list-style: none;overflow: hidden; border-bottom: 1px dotted #ebebeb;}
.app-listing-panel .side-panel .recommend-download-panel ul li a{height: 90px; margin: 0px 0px 0px 0px; padding: 15px 0px 15px 105px; position: relative; display: block; position: relative;}
.app-listing-panel .side-panel .recommend-download-panel ul li a i{position: absolute; left: 0; top: 15px; width: 90px; height: 90px; display: block;}
.app-listing-panel .side-panel .recommend-download-panel ul li a i img{width: 90px; height: 90px; border-radius: 14px;}
.app-listing-panel .side-panel .recommend-download-panel ul li strong{display: block; width: 183px; height: 30px; line-height: 30px; font-size: 15px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal;}
.app-listing-panel .side-panel .recommend-download-panel ul li a p{font-size: 14px; color: #999; height: 50px; line-height: 25px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; white-space: normal; margin-top: 5px;width: 183px;text-overflow: ellipsis;}