.topic-content-page .topic-tabs{display: flex;align-items: center;justify-content: center;column-gap: 36px;}
.topic-content-page .topic-tabs a{width: 120px;flex: 0 0 120px;max-width: 120px;height: 40px;text-align: center;line-height: 40px;font-size: 18px;color: #333333;border-radius: 20px;}
.topic-content-page .topic-tabs a.active{font-weight: bold;color: #ffffff;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%)}

.topic-content-page .topic-listing{margin-top: 30px;display: flex;flex-wrap: wrap;column-gap: 24px;row-gap: 24px;}
.topic-content-page .topic-listing .topicWrap{padding: 20px;background-color: #ffffff;border-radius: 10px;display: flex;flex-direction: column;width: 384px;flex: 0 0 384px;max-width: 384px;}
.topic-content-page .topic-listing .topicWrap .bannerWrap{width: 100%;height: 187px;margin-bottom: 14px;}
.topic-content-page .topic-listing .topicWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 10px;}
.topic-content-page .topic-listing .topicWrap .topicName{font-size: 18px;color: #140402;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.topic-content-page .topic-listing .topicWrap .topic-content{font-size: 14px;color: #999999;overflow: hidden;line-height: 24px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 10px;}
.topic-content-page .topic-listing .topicWrap .infoWrap{display: flex;align-items: center;justify-content: space-between;}
.topic-content-page .topic-listing .topicWrap .infoWrap p{font-size: 14px;color: #999999;position: relative;padding-left: 20px;}
.topic-content-page .topic-listing .topicWrap .infoWrap p::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 14px;height: 14px;}
.topic-content-page .topic-listing .topicWrap .infoWrap p.amount::before{background-image: url(../images/topic/amountIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.topic-content-page .topic-listing .topicWrap .infoWrap p.dateUpdate::before{background-image: url(../images/topic/clockIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}