.topic-info-page .topic-detail-banner{overflow: hidden; padding: 20px 20px 20px 20px; width: 1160px;background-color: #fff;}
.topic-info-page .topic-detail-banner .bannerImg{width: 600px; height: 300px; border-radius: 4px; float: left; display: inline;}
.topic-info-page .topic-detail-banner .detailWrap{width: 535px;float: right; display: inline;}
.topic-info-page .topic-detail-banner .detailWrap h1{height: 50px; line-height: 50px; overflow: hidden; font-size: 24px;margin: 0;padding: 0;}
.topic-info-page .topic-detail-banner .detailWrap .content{width: 100%; font-weight: normal; font-family: "microsoft yahei"; color: #666; text-indent: 24px; overflow: auto; max-height: 140px; line-height: 28px; font-size: 14px;}
.topic-info-page .topic-detail-banner .detailWrap .content p{margin: 0;}
.topic-info-page .topic-detail-banner .detailWrap .link{text-indent: 0px; line-height: 28px; font-weight: bold; color: #333; overflow: hidden; max-height: 70px; margin-top: 10px;}
.topic-info-page .topic-detail-banner .detailWrap .link span{color: #f60;}
.topic-info-page .topic-detail-banner .detailWrap .infoWrap{overflow: hidden; font-size: 14px; height: 30px; line-height: 30px;margin: 0;}
.topic-info-page .topic-detail-banner .detailWrap .infoWrap span{display: block; float: left; color: #999; padding-right: 25px; font-size: 14px; }
.topic-info-page .topic-detail-banner .detailWrap .infoWrap span b{font-size: 16px; color: #f60; font-weight: normal; padding: 0px 3px;}

.topic-info-page .related-app-panel{margin-top: 15px;background-color: #fff;}
.topic-info-page .related-app-panel ul{overflow: hidden; padding: 15px 0 0px;margin: 0;}
.topic-info-page .related-app-panel ul li{list-style: none;width: 367px; height: 220px; float: left; margin: 2px 10px 0 20px; display: inline; position: relative; }
.topic-info-page .related-app-panel ul li.first .rankIcon{background: url(../images/topicInfo/rankicon.webp) no-repeat; position: absolute; left: -11px; z-index: 999; top: -11px; width: 90px; height: 90px;}
.topic-info-page .related-app-panel ul li.second .rankIcon{background: url(../images/topicInfo/rankicon.webp) no-repeat; position: absolute; left: -11px; z-index: 999; top: -11px; width: 90px; height: 90px;background-position: -92px 0px;}
.topic-info-page .related-app-panel ul li.third .rankIcon{background: url(../images/topicInfo/rankicon.webp) no-repeat; position: absolute; left: -11px; z-index: 999; top: -11px; width: 90px; height: 90px;background-position: -191px 0px;}
.topic-info-page .related-app-panel ul li a{width: 365px; height: 202px; border-radius: 4px; border: 1px solid #eee; box-shadow: inset 0px 0px 0 1px #fff; display: block; overflow: hidden; position: relative; z-index: 10;}
.topic-info-page .related-app-panel ul li a .imgWrap{position: relative; box-shadow: 0 1px 10px 1px rgb(0 0 0 / 5%); width: 90px; height: 90px; float: left; margin: 24px 20px 0 24px; display: inline; overflow: hidden; border-radius: 16px;}
.topic-info-page .related-app-panel ul li a .imgWrap img{width: 90px; height: 90px; border-radius: 14px;}
.topic-info-page .related-app-panel ul li a .imgWrap img.qrcode{display: none;}
.topic-info-page .related-app-panel ul li a .wrap{display: block; overflow: hidden; position: relative;}
.topic-info-page .related-app-panel ul li a .wrap h2{width: 210px; height: 20px; line-height: 20px; font-size: 18px; font-weight: normal; color: #333; float: left; margin: 30px 0 0; display: inline; overflow: hidden;}
.topic-info-page .related-app-panel ul li a .wrap span{padding-bottom: 8px; width: 100%; height: auto; float: left; display: inline; overflow: hidden; }
.topic-info-page .related-app-panel ul li a .wrap span i{width: 100%; height: 14px; line-height: 14px; font-size: 12px; font-weight: normal; color: #999; margin: 16px 0 15px 0; font-style: normal; display: block; overflow: hidden;}
.topic-info-page .related-app-panel ul li a .wrap span img{height: 14px; display: block; overflow: hidden; }
.topic-info-page .related-app-panel ul li a .wrap .downloadBtn{position: absolute; right: 20px; top: 88px; display: block; height: 24px; width: 68px; text-align: center; line-height: 24px; font-weight: normal; color: #333; background-color: #fff; border: 1px solid #eee; border-radius: 6px;}
.topic-info-page .related-app-panel ul li a .content{width: auto; height: 44px; line-height: 24px; font-size: 12px; font-weight: normal; color: #999; margin: 14px 20px 0; float: left; display: inline; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.topic-info-page .related-app-panel ul li a .content span{color: #333; font-weight: bold; display: initial; overflow: hidden; position: relative;}
.topic-info-page .related-app-panel ul li a:hover .wrap h2{color: #f60;}
.topic-info-page .related-app-panel ul li a:hover .wrap .downloadBtn{color: #fff; border-color: #f60; background: #f60;}
.topic-info-page .related-app-panel ul li a:hover .imgWrap img{position: absolute; top: 0px; left: 0px; display: none;}
.topic-info-page .related-app-panel ul li a:hover .imgWrap img.qrcode{display: block;}

.topic-info-page .hot-topic-panel{margin-top: 15px;background-color: #fff;}
.topic-info-page .hot-topic-panel .titleWrap{overflow: hidden; border-bottom: 1px solid #eee;}
.topic-info-page .hot-topic-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;}
.topic-info-page .hot-topic-panel .titleWrap .title span{color: #ff6600;}
.topic-info-page .hot-topic-panel .topic-listing{overflow: hidden;}
.topic-info-page .hot-topic-panel .topic-listing ul{margin: 20px 0 0px 0;overflow: hidden;padding: 0;}
.topic-info-page .hot-topic-panel .topic-listing ul li{list-style: none;float: left; width: 275px; overflow: hidden;margin: 0 0 20px 20px;}
.topic-info-page .hot-topic-panel .topic-listing ul li a{width: 275px; height: 138px; display: block; position: relative; border-radius: 4px; overflow: hidden; }
.topic-info-page .hot-topic-panel .topic-listing ul li a img{border-radius: 4px; width: 275px; height: 138px;}
.topic-info-page .hot-topic-panel .topic-listing ul li a p{display: block; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 15px; text-align: center; z-index: 10; width: 246px; height: 35px; line-height: 35px; white-space: nowrap; text-overflow: ellipsis; padding: 0px 15px; background-color: rgba(0, 0, 0, 0.5);}
.topic-info-page .hot-topic-panel .topic-listing ul li a:hover p{color: #f60;}
.topic-info-page .hot-topic-panel .topic-listing ul li a:hover img{opacity: 0.8;}