.topic-listing-panel{background-color: #ffffff;overflow: hidden; border-top: 10px solid #ececec;}
.topic-listing-panel .titleWrap .topicTabs{font-size: 14px; position: absolute; right: 15px; top: 12px;    overflow: hidden; width: 130px; background: #f8f8f8; border-radius: 20px; margin: 0px auto 0;}
.topic-listing-panel .titleWrap .topicTabs 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; }
.topic-listing-panel .titleWrap .topicTabs a.active{background: linear-gradient(to right, #f60 0%, #ff973c 100%);color: #fff;} 

.topic-listing-panel .topic-listing {overflow: hidden; margin-top: 10px;}
.topic-listing-panel .topic-listing ul{padding: 0px 15px 0px 15px; overflow: hidden; display: none;}
.topic-listing-panel .topic-listing ul.active{display: block;}
.topic-listing-panel .topic-listing ul li{overflow: hidden; position: relative; border-bottom: 1px dashed #eaeaea; padding-bottom: 15px; margin: 10px 0 15px 0;}
.topic-listing-panel .topic-listing ul li a i{width: 50%; display: block; float: left;}
.topic-listing-panel .topic-listing ul li a i img{border-radius: 4px; width: 100%;}
.topic-listing-panel .topic-listing ul li a .detailWrap{float: left; margin-left: 3%; width: 47%;}
.topic-listing-panel .topic-listing ul li a .detailWrap h4{font-size: 15px; color: #333; height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 4px; display: block;}
.topic-listing-panel .topic-listing ul li a .detailWrap .content{font-size: 14px; color: #999; height: 18vw; line-height: 24px; overflow: hidden; margin-top: 4px;}
.topic-listing-panel .topic-listing ul li a .detailWrap .content p{line-height: 24px !important;}

.topic-listing-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;}