.topic-content-page{margin-bottom: 30px;}
.topic-content-page .topic-tabs{margin-top: 24px;display: flex;align-items: center;column-gap: 30px;padding: 0 20px 10px;border-bottom: 1px solid #BFBFBF;}
.topic-content-page .topic-tabs a{position: relative;font-size: 20px;line-height: 25px;color: #5E5E5E;font-weight: 500}
.topic-content-page .topic-tabs a.active{font-weight: bold;color: #000000CC;}
.topic-content-page .topic-tabs a.active::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -12px;width: 42px;height: 4px;background-color: #67F9CB;border-radius: 10px;}

.topic-content-page .topic-listing-panel{margin-top: 30px;}
.topic-content-page .topic-listing-panel .topic-listing{display: flex;flex-wrap: wrap;column-gap: 28px;row-gap: 30px;}
.topic-content-page .topic-listing-panel .topic-listing a{width: 278px;flex: 0 0 278px;max-width: 278px;background-color: #ffffff;border-radius: 16px;display: flex;flex-direction: column;}
.topic-content-page .topic-listing-panel .topic-listing a .bannerWrap{width: 100%;height: 155px;border-radius: 16px 16px 0 0;position: relative;}
.topic-content-page .topic-listing-panel .topic-listing a .bannerWrap .dateUpdate{position: absolute;bottom: 0;left: 0;width: 100%;height: 32px;line-height: 32px;font-size: 14px;color: #ffffff;background-color: #00000080;text-align: center;}
.topic-content-page .topic-listing-panel .topic-listing a .bannerWrap img{width: 100%;height: 100%;border-radius: 16px 16px 0 0;object-fit: cover;object-position: center;}
.topic-content-page .topic-listing-panel .topic-listing a .detailWrap{padding: 14px 18px;border-radius: 0 0 16px 16px;display: flex;flex-direction: column;row-gap: 9px;}
.topic-content-page .topic-listing-panel .topic-listing a .detailWrap .titleWrap{display: flex;align-items: center;justify-content: space-between;}
.topic-content-page .topic-listing-panel .topic-listing a .detailWrap .titleWrap h4{font-size: 20px;line-height: 22px;font-weight: bold;color: #333333;max-width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-content-page .topic-listing-panel .topic-listing a .detailWrap .titleWrap .amount{width: fit-content;height: 22px;line-height: 20px;padding: 0 7px;background-color: #E5FFF7;border: 1px solid #33DBB9;border-radius: 5px;text-align: center;font-size: 14px;font-weight: 500;color: #0EC9A3;}
.topic-content-page .topic-listing-panel .topic-listing a .detailWrap > p{font-size: 14px;line-height: 20px;color: #333333;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.topic-content-page .topic-listing-panel .topic-listing a:hover{box-shadow: 0px 0px 17.3px 0px #0EC9A34D; }
.topic-content-page .topic-listing-panel .topic-listing a:hover .detailWrap .titleWrap h4{color: #0EC9A3;font-weight: 700;}

.topic-content-page .topic-listing-panel .pagination{margin-top: 44px;}