body{background: #f5f6f8;}

.news-listing-panel{background:#ffffff;}

.news-listing-panel .news-tab{height: 5rem;padding: 0 1.25rem;background: #e8f4ff;display: flex;align-items: center;justify-content: center;position: relative;}
.news-listing-panel .news-tab a{font-size: 1.75rem;color: #666666;padding: 0 1.25rem;position: relative;line-height: 2rem;}
.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;}
.news-listing-panel .news-tab a::before,
.news-listing-panel .news-tab a::after { content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(18deg);width: 1px;height: 1.75rem;background: #bababa;}
.news-listing-panel .news-tab a::before { left: 0; }
.news-listing-panel .news-tab a::after { right: 0; }
.news-listing-panel .news-tab a:not(:first-child)::before { opacity: 0; }
.news-listing-panel .news-tab a.active::after { background: #16bff6; }
.news-listing-panel .news-tab a:has(+ a.active)::after { background: #16bff6; }
.news-listing-panel .news-tab a.active:not(:first-child)::before { opacity: 0; }
.news-listing-panel .news-tab a.active:first-child::before { opacity: 1; background: #16bff6; }
.news-listing-panel .news-tab a.active + a::before { opacity: 0; }
.news-listing-panel .news-tab::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(to right, #4E85F3 0%, #7FA7F4 25%, #C9D8F7 50%, #F1F3F8 100%);}

.news-listing-panel .news-listing{margin-top: 0.625rem;display: flex;flex-direction: column;}
.news-listing-panel .news-listing .newsWrap{display: flex;align-items: center;column-gap: 1.75rem;padding: 1.25rem;}
.news-listing-panel .news-listing .newsWrap .bannerWrap{width: 15.313rem;height: 8.875rem;overflow: hidden;flex-shrink: 0;}
.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;display: flex;flex-direction: column;height: 8.875rem;justify-content: space-between;padding: 0.25rem 0;}
.news-listing-panel .news-listing .newsWrap .infoWrap .news-title{font-size: 1.75rem;color: #02010a;overflow: hidden;line-height: 2.25rem;height: 4.5rem;}
.news-listing-panel .news-listing .newsWrap .infoWrap .detailWrap{display: flex; align-items: center; column-gap: 0.375rem; font-size: 1.25rem; color: #bababa;}

.pagination a{background: #ffffff;}

.news-detail-page{background: #ffffff;display: flex;flex-direction: column;padding: 0 1.25rem;margin-bottom: 2rem;}
.news-detail-page .news-detail-panel {padding: 1.875rem 0;}
.news-detail-page .news-detail-panel h1{text-align: left;font-size: 2.25rem;line-height: 2.875rem;font-weight: bold;color: #02010a;}
.news-detail-page .news-detail-panel > .detailWrap{margin-top: 1.5rem;display: flex;align-items: center;column-gap: 1.25rem;font-size: 1.125rem;color: #bababa;line-height: 1.5rem;padding-bottom: 1.25rem;border-bottom: 1px solid #5873ff1A;}
.news-detail-page .news-detail-panel .contentInfo{margin-top: 1.875rem;display: flex;flex-direction: column;row-gap: 1.5rem;font-size: 1.5rem;color: #333333;line-height: 2.5rem;}
.news-detail-page .news-detail-panel .contentInfo p, .news-detail-panel .contentInfo li {font-size: 1.5rem;color: #333333;line-height: 2.5rem;}
.news-detail-page .news-detail-panel .contentInfo a{font-size: 1.5rem;color: #59adff;text-decoration: underline;}
.news-detail-page .news-detail-panel .contentInfo img{max-width: 100%; max-height: 600px; height: auto; width: auto; cursor: pointer; display: block; margin: 0px auto;}
.news-detail-page .news-detail-panel .contentInfo h3{position: relative;font-size: 1.625rem;font-weight: bold;color: #02010a;padding: 0 0.625rem 0.5rem;border-bottom: 1px solid rgb(88, 115, 255,0.2);z-index: 1;}
.news-detail-page .news-detail-panel .contentInfo h3::before{content: "";position: absolute;top: 0;left: 0;z-index: -1;width: 1.5rem;height: 1.75rem;background-image: url(../images/content-title-bg.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}

.news-detail-page .related-app-banner{margin-top: 0.75rem;padding: 1.25rem;background: #f3f7fe;display: flex;align-items: center;column-gap: 1.25rem;}
.news-detail-page .related-app-banner .imgWrap{width: 6.875rem;height: 6.875rem;flex-shrink: 0;overflow: hidden;}
.news-detail-page .related-app-banner .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.news-detail-page .related-app-banner .infoWrap{flex: 1;display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;}
.news-detail-page .related-app-banner .infoWrap .appName{font-size: 1.625rem;font-weight: bold;color: #15282d;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .related-app-banner .infoWrap .detailWrap{display: flex;align-items: center;column-gap: 0.625rem;font-size: 1.375rem;color: #bababa;line-height: 1.875rem;}
.news-detail-page .related-app-banner .infoWrap .detailWrap span a{color: #bababa;}
.news-detail-page .related-app-banner .infoWrap > span {font-size: 1.375rem;color: #bababa;line-height: 1.875rem;}
.news-detail-page .related-app-banner .viewBtn{width: 7.75rem; height: 3.125rem; line-height: 3.25rem; text-align: center; border-radius: 0.625rem; font-size: 1.5rem; color: #ffffff; background: linear-gradient(90deg, rgb(91, 111, 255) 0%, rgb(51, 161, 255) 100%); flex-shrink: 0;}

.news-detail-page .linkCopyBanner {margin-top: 1.5rem;display: flex;align-items: center;column-gap: 1rem;}
.news-detail-page .linkCopyBanner .linkCopyBtn{font-size: 1.375rem;color: #ff6000;line-height: 1.75rem;position: relative;padding-left: 2.5rem;}
.news-detail-page .linkCopyBanner .linkCopyBtn i{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 1.875rem;height: 1.875rem;border-radius: 50%;background-color: #ffd3c580;}
.news-detail-page .linkCopyBanner .linkCopyBtn i::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1rem;height: 1rem;background-image: url(../images/link-icon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.news-detail-page .linkCopyBanner p{font-size: 1.375rem;color: #8A8A8A;line-height: 1.75rem;}

.news-detail-page .new-app-panel{margin-top: 2rem;}

.news-detail-page .related-news-panel{margin-top: 2rem;padding-bottom: 1.25rem;}
.news-detail-page .related-news-panel .news-listing{margin-top: 1.5rem;display: grid;grid-template-columns: repeat(2,1fr);column-gap: 1.25rem;row-gap: 1.25rem;}
.news-detail-page .related-news-panel .news-listing .newsWrap{width: 100%;display: flex;flex-direction: column;}
.news-detail-page .related-news-panel .news-listing .newsWrap .bannerWrap{position: relative;width: 100%;height: 11.75rem;overflow: hidden;margin-bottom: 0.625rem;}
.news-detail-page .related-news-panel .news-listing .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.news-detail-page .related-news-panel .news-listing .newsWrap .bannerWrap .tag{position: absolute;left: 0.625rem;bottom: 0.625rem;padding: 0.5rem;border: 1px solid #16bff6;border-radius: 0.5rem;font-size: 1rem;color: #16bff6;z-index: 2;}
.news-detail-page .related-news-panel .news-listing .newsWrap .news-title{font-size: 1.5rem;color: #02010a;line-height: 2rem;height: 4rem;overflow: hidden;}
.news-detail-page .related-news-panel .news-listing .newsWrap .bottomWrap{display: flex;align-items: center;column-gap: 0.375rem;font-size: 1.25rem;color: #bababa;margin-top: 0.5rem;}
.news-detail-page .related-news-panel .news-listing .newsWrap .bannerWrap::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( 0deg, rgb(3,0,0) 0%, rgba(0,0,0,0) 100%);}