body{background: #f5f6f8;}
.news-listing-panel{display: flex;flex-direction: column;background: #ffffff;}
.news-listing-panel .news-tab{height: 70px;padding: 0 20px;background: #e8f4ff;display: flex;align-items: center;column-gap: 20px;}
.news-listing-panel .news-tab a{font-size: 18px;color: #666666;padding: 0 20px;position: relative;}
.news-listing-panel .news-tab a::before,
.news-listing-panel .news-tab a::after{content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(18deg);left: 0;width: 2px;height: 20px;background: #d4e4ff;display: none;}
.news-listing-panel .news-tab a::after{left: unset;right: 0;}
.news-listing-panel .news-tab a.active::before,
.news-listing-panel .news-tab a.active::after{display: block;}
.news-listing-panel .news-tab a.active{font-weight: bold; background: linear-gradient(to left, #4E85F3 0%, #6F9DF4 35%, #6F9DF4 70%, #6F9DF4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;font-size: 20px;}
.news-listing-panel .news-listing{display: flex;flex-direction: column;margin-top: 5px;}
.news-listing-panel .news-listing .newsWrap{padding: 25px 20px;display: flex;align-items: center;column-gap: 16px;overflow: hidden;position: relative;}
.news-listing-panel .news-listing .newsWrap .bannerWrap{width: 190px;height: 116px;flex-shrink: 0;overflow: hidden;}
.news-listing-panel .news-listing .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;overflow: hidden;}
.news-listing-panel .news-listing .newsWrap .infoWrap{flex: 1;overflow: hidden;display: flex;flex-direction: column;height: 116px;}
.news-listing-panel .news-listing .newsWrap .infoWrap .news-title{font-size: 18px;font-weight: bold;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 12px;}
.news-listing-panel .news-listing .newsWrap .infoWrap .desc{font-size: 14px;color: #333333;line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-listing-panel .news-listing .newsWrap .infoWrap .bottomWrap{display: flex;align-items: center;margin-top: auto;column-gap: 5px;font-size: 13px; color: #bababa;}
.news-listing-panel .news-listing .newsWrap::after{content: "";position: absolute;bottom: 0;left: 50%;width: calc(100% - 40px);height: 1px;background: #f2f2f2;transform: translateX(-50%);}
.news-listing-panel .news-listing .newsWrap:hover{background: #f5f6f8;}
.news-listing-panel .news-listing .newsWrap:hover .infoWrap .news-title{color: #3071f2;}

.wrap_left.bgWhite{background: #ffffff;padding: 30px 20px 40px;}
.news-detail-panel h1{text-align: left;font-size: 32px;line-height: 40px;font-weight: bold;color: #02010a;}
.news-detail-panel > .detailWrap{margin-top: 10px;display: flex;align-items: center;column-gap: 6px;font-size: 14px;color: #bababa;line-height: 20px;column-gap: 20px;padding-bottom: 16px;border-bottom: 1px solid #5873ff1A;}
.news-detail-panel .contentInfo{margin-top: 30px;display: flex;flex-direction: column;row-gap: 24px;font-size: 16px;color: #333333;line-height: 32px;}
.news-detail-panel .contentInfo p, .news-detail-panel .contentInfo li {font-size: 16px;color: #333333;line-height: 32px;}
.news-detail-panel .contentInfo a{font-size: 16px;color: #59adff;text-decoration: underline;}
.news-detail-panel .contentInfo img{max-width: 720px; max-height: 600px; height: auto; width: auto; cursor: pointer; display: block; margin: 0px auto;}
.news-detail-panel .contentInfo h3{position: relative;font-size: 20px;font-weight: bold;color: #02010a;padding: 0 10px 8px;border-bottom: 1px solid rgb(88, 115, 255,0.2);z-index: 1;line-height: 28px;}
.news-detail-panel .contentInfo h3::before{content: "";position: absolute;top: 0;left: 0;z-index: -1;width: 19px;height: 23px;background-image: url(../images/content-title-bg.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}

.related-app-banner{margin-top: 30px;padding: 20px;background: #f3f7fe;display: flex;align-items: center;column-gap: 20px;}
.related-app-banner .imgWrap{width: 110px;height: 110px;flex-shrink: 0;overflow: hidden;}
.related-app-banner .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 12px;}
.related-app-banner .infoWrap{flex: 1;display: flex;flex-direction: column;row-gap: 12px;overflow: hidden;}
.related-app-banner .infoWrap .appName{font-size: 24px;font-weight: bold;color: #02010a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.related-app-banner .infoWrap .tag-list{display: flex;align-items: center;column-gap: 10px;}
.related-app-banner .infoWrap .tag-list a{width: fit-content;height: 24px;line-height: 22px;text-align: center;padding: 0 12px;font-size: 14px; color: #999999; border: 1px solid #999999; border-radius: 4px;}
.related-app-banner .infoWrap .detailWrap{display: flex;align-items: center;column-gap: 10px;font-size: 16px;color: #bababa;line-height: 24px;}
.related-app-banner .infoWrap .detailWrap .separator{height: 16px;}
.related-app-banner .infoWrap .detailWrap span a{color: #bababa;}
.related-app-banner .infoWrap .detailWrap span a:hover{color: #3071f2;}
.related-app-banner:hover .infoWrap .appName{color: #3071f2;}
.related-app-banner .viewNow{width: 144px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #ffffff;background: linear-gradient( 90deg, rgb(51,161,255) 0%, rgb(91,111,255) 100%);border-radius: 6px;}

.linkCopyBanner {margin-top: 28px;display: flex;align-items: center;column-gap: 6px;}
.linkCopyBanner .linkCopyBtn{font-size: 16px;color: #ff6000;line-height: 20px;position: relative;padding-left: 26px;cursor: pointer;}
.linkCopyBanner .linkCopyBtn i{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 20px;height: 20px;border-radius: 50%;background-color: #ffd3c580;}
.linkCopyBanner .linkCopyBtn i::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 10px;height: 10px;background-image: url(../images/link-icon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.linkCopyBanner p{font-size: 16px;color: #8A8A8A;line-height: 20px;}

.wrap_left.bgWhite{overflow: hidden;}
.wrap_left.bgWhite .titleWrap h2{padding-left: 0;font-size: 22px;}
.wrap_left.bgWhite .titleWrap h2::before{display: none;}