.news-content-page, .news-detail-page{margin-top: 1.538rem;}
.news-content-page .news-content-wrap{border: 1px solid #2B314852;box-shadow: 4px 4px 0px 0px #2B314829;border-radius: 1rem;padding-bottom: 2.198rem;background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(127.08deg, rgba(247, 245, 254, 0) 0%, rgba(242, 239, 254, 0.64) 100.14%);}
.news-content-page .news-content-wrap .news-tab-bar{display: flex;align-items: center;background: linear-gradient(180deg, rgba(0, 115, 187, 0.8) 0%, rgba(19, 15, 49, 0.8) 100%); border-radius: 1rem 1rem 0 0;width: 100%;height: 10rem;position: relative;top: 0;z-index: 999;}
.news-content-page .news-content-wrap .news-tab-bar a{width: 25%;flex: 0 0 25%;max-width: 25%;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;row-gap: 0.44rem;position: relative;flex-direction: column;}
.news-content-page .news-content-wrap .news-tab-bar a h2{font-size: 1.758rem;color: #ffffff;font-weight: 400;}
.news-content-page .news-content-wrap .news-tab-bar a.active h2{color: #505768;font-weight: bold;}
.news-content-page .news-content-wrap .news-tab-bar a img{width: 3.516rem;flex: 0 0 3.516rem;max-width: 3.516rem;height: 3.516rem;object-fit: cover;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(116deg) brightness(109%) contrast(109%);}
.news-content-page .news-content-wrap .news-tab-bar a.active img{filter: brightness(0) saturate(100%) invert(53%) sepia(97%) saturate(1323%) hue-rotate(177deg) brightness(89%) contrast(91%);}
.news-content-page .news-content-wrap .news-tab-bar .tab-indicator{position: absolute; top: 0; bottom: 0; width: 25%; background: linear-gradient(180deg, rgba(0, 115, 187, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%); border-radius: 1.319rem; z-index: 0; transition: left 0.3s ease;}
.news-content-page .news-content-wrap .news-tab-bar .tab-indicator::before{content: ""; position: absolute; inset: 0; border-radius: 12px; background: #fff; width: calc(100% - 8px); height: calc(100% - 8px); top: 50%; left: 50%; transform: translate(-50%, -50%);}

.news-content-page .news-content-wrap .news-listing{display: flex;flex-direction: column;margin-top: 1rem;}
.news-content-page .news-content-wrap .news-listing a{display: flex;align-items: center;column-gap: 1.319rem;padding: 1.319rem;border-bottom: 1px dashed #8C96A9;}
.news-content-page .news-content-wrap .news-listing a > img{width: 15.824rem;flex: 0 0 15.824rem;max-width: 15.824rem;height: 9.67rem;border-radius: 1rem;object-fit: cover;object-position: center;}
.news-content-page .news-content-wrap .news-listing a > .detailWrap{display: flex ; flex-direction: column; row-gap: 1.099rem; overflow: hidden; width: 100%; justify-content: space-between; height: 9.67rem; padding: 0.44rem 0;}
.news-content-page .news-content-wrap .news-listing a > .detailWrap .newsName{font-size: 1.758rem;font-weight: 500;color: #130F31;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-content-page .news-content-wrap .news-listing a > .detailWrap .bottomWrap{display: flex;align-items: center;justify-content: space-between;}
.news-content-page .news-content-wrap .news-listing a > .detailWrap .bottomWrap p {display: flex;align-items: center;column-gap: 0.44rem;font-size: 1.538rem;color: #8C96A9;}
.news-content-page .news-content-wrap .news-listing a > .detailWrap .bottomWrap p img{width: 2.198rem;height: 2.198rem;object-fit: cover;filter: brightness(0) saturate(100%) invert(73%) sepia(14%) saturate(401%) hue-rotate(181deg) brightness(80%) contrast(87%);}

.news-detail-page .news-detail-wrap{border-radius: 1.319rem; background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(127.08deg, rgba(247, 245, 254, 0) 0%, rgba(242, 239, 254, 0.64) 100.14%); box-shadow: 4px 4px 0px 0px #2B314829; padding: 1.319rem; border: 1px solid #2B314852;}
.news-detail-page .news-detail-wrap h1{font-size: 2.637rem;color: #130F31;font-weight: bold;line-height: 4.396rem;}
.news-detail-page .news-detail-wrap .author-action-wrap{display: flex;align-items: center;justify-content: space-between;border: 1px solid #C9D1DE;border-radius: 1.319rem;padding: 1.319rem;margin-top: 0.88rem;}
.news-detail-page .news-detail-wrap .author-action-wrap > div{display: flex;align-items: center;column-gap: 0.44rem;}
.news-detail-page .news-detail-wrap .author-action-wrap .fontActionWrap {display: flex;align-items: center;gap: 0.25rem;}
.news-detail-page .news-detail-wrap .author-action-wrap .fontActionWrap button {border: 1px solid #ccc;background-color: #fff;font-size: 18px;cursor: pointer;line-height: 1;display: flex;align-items: center;justify-content: center;transition: background-color 0.2s, transform 0.1s;}
.news-detail-page .news-detail-wrap .author-action-wrap .fontActionWrap button:hover {background-color: #f5f5f5;transform: scale(1.05);}
.news-detail-page .news-detail-wrap .author-action-wrap > div > img{width: 2.198rem;height: 2.198rem;object-fit: cover;filter: brightness(0) saturate(100%) invert(37%) sepia(8%) saturate(1073%) hue-rotate(185deg) brightness(86%) contrast(91%);}
.news-detail-page .news-detail-wrap .author-action-wrap > div > p{font-size: 1.538rem;color: #505768;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .news-detail-wrap .author-action-wrap > div.author-wrap p{max-width: 8rem;}
.news-detail-page .news-detail-wrap .author-action-wrap > div button{outline: none;background-color: transparent;width: 2.198rem;height: 2.198rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #3289F9;font-size: 2.198rem;color: #3289F9;}
.news-detail-page .news-detail-wrap .news-content{margin-top: 1.396rem;}
.news-detail-page .news-detail-wrap .news-content p{font-size: 14px;line-height: 2;color: #130F31;}
.news-detail-page .news-detail-wrap .news-content h3{font-size: 2.637rem;line-height: 2;color: #130F31;}
.news-detail-page .news-detail-wrap .news-content img{width: 100%;height: auto;object-fit: cover;object-position: center;margin: 2.198rem auto;display: block;}

.news-detail-page .news-detail-wrap .news-navigate-wrap{margin-top: 3rem;display: flex;align-items: center;justify-content: space-between;}
.news-detail-page .news-detail-wrap .news-navigate-wrap > a{width: 20.33rem;flex: 0 0 20.33rem;max-width: 20.33rem;height: 6.5rem;display: flex;align-items: center;column-gap: 1.319rem;padding: 0.88rem;justify-content: space-between;}
.news-detail-page .news-detail-wrap .news-navigate-wrap > a.prev-wrap{background-image: url(../../ig/n/news/prev.webp);background-repeat: no-repeat;background-size: cover;background-position: center;padding-left: 1.758rem;}
.news-detail-page .news-detail-wrap .news-navigate-wrap > a.next-wrap{background-image: url(../../ig/n/news/next.webp);background-repeat: no-repeat;background-size: cover;background-position: center;padding-right: 1.758rem;}
.news-detail-page .news-detail-wrap .news-navigate-wrap > a .nav-title{font-size: 1.758rem;font-weight: bold;font-style: italic;color: #3289F9;white-space: nowrap;}
.news-detail-page .news-detail-wrap .news-navigate-wrap > a p{font-size: 1.538rem;color: #130F31;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-detail-page .news-detail-wrap .news-navigate-wrap > a.prev-wrap p{text-align: left;}
.news-detail-page .news-detail-wrap .news-navigate-wrap > a.next-wrap p{text-align: right;}

.news-detail-page .relatedGameBanner{margin-top: 2.637rem;background: #ffffff; border-radius: 1.319rem;border: 1px solid #2B314852;box-shadow: 4px 4px 0px 0px #2B314829; }
.news-detail-page .relatedGameBanner a{display: flex;flex-direction: column;row-gap: 1.319rem;padding: 1.319rem;}
.news-detail-page .relatedGameBanner a .topWrap{display: flex;align-items: center;column-gap: 1.758rem;overflow: hidden;}
.news-detail-page .relatedGameBanner a .topWrap > img{width: 9.451rem;height: 9.451rem;flex: 0 0 9.451rem;max-width: 9.451rem;border-radius: 1.758rem; }
.news-detail-page .relatedGameBanner a .topWrap .info{display: flex;flex-direction: column;overflow: hidden;row-gap: 0.88rem;width: 100%;}
.news-detail-page .relatedGameBanner a .topWrap .info .appName{font-size: 2.198rem;font-weight: 500;color: #130F31;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .relatedGameBanner a .topWrap .info .detailWrap{display: flex;align-items: center;justify-content: space-between;}
.news-detail-page .relatedGameBanner a .topWrap .info .detailWrap .typeWrap{display: flex;flex-direction: column;row-gap: 0.44rem;}
.news-detail-page .relatedGameBanner a .topWrap .info .detailWrap .typeWrap p{font-size: 1.538rem;color: #505768;}
.news-detail-page .relatedGameBanner a .topWrap .info .detailWrap .typeWrap p span{color: #130F31;}
.news-detail-page .relatedGameBanner a .topWrap .info .detailWrap .typeWrap p span.blueText{color: #5B3CEA;}
.news-detail-page .relatedGameBanner a .topWrap .info .detailWrap > p{display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 2.637rem;font-weight: bold;color: #E74C3C;}
.news-detail-page .relatedGameBanner a .topWrap .info .detailWrap > p span{font-weight: 400;font-size: 1.319rem;}
.news-detail-page .relatedGameBanner a .bottomWrap{display: flex;align-items: center;column-gap: 1.758rem;}
.news-detail-page .relatedGameBanner a .bottomWrap p.content{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 1.538rem;color: #505768;}
.news-detail-page .relatedGameBanner a .viewBtn{width: 11.868rem;max-width: 11.868rem;flex: 0 0 11.868rem;height: 4.835rem;display: flex;align-items: center;justify-content: center;column-gap: 0.44rem;background-color: #ffffff;border: 1px solid #3289F9;border-radius: 0.88rem;font-size: 1.758rem;color: #3289F9;}
.news-detail-page .relatedGameBanner a .viewBtn span{font-weight: bold;font-size: 1.978rem;line-height: 1;}

.news-detail-page .app-tab-panel{margin-top: 2.637rem;border: 1px solid #2B314852;box-shadow: 4px 4px 0px 0px #2B314829;border-radius: 1rem;}
.news-detail-page .app-tab-panel .app-tab{display: flex;align-items: center;background: linear-gradient(180deg, rgba(0, 115, 187, 0.8) 0%, rgba(19, 15, 49, 0.8) 100%); border-radius: 1rem 1rem 0 0;width: 100%;height: 5.824rem;position: relative;top: 0;z-index: 999;}
.news-detail-page .app-tab-panel .app-tab > div{width: 50%;flex: 0 0 50%;max-width: 50%;display: flex;align-items: center;font-size: 1.758rem;color: #ffffff;font-weight: 400;justify-content: center;position: relative;z-index: 1;column-gap: 0.88rem;position: relative;}
.news-detail-page .app-tab-panel .app-tab > div.active{color: #505768;font-weight: bold;}
.news-detail-page .app-tab-panel .app-tab > div img{width: 3.516rem;flex: 0 0 3.516rem;max-width: 3.516rem;height: 3.516rem;object-fit: cover;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(116deg) brightness(109%) contrast(109%);}
.news-detail-page .app-tab-panel .app-tab > div.active img{filter: brightness(0) saturate(100%) invert(53%) sepia(97%) saturate(1323%) hue-rotate(177deg) brightness(89%) contrast(91%);}
.news-detail-page .app-tab-panel .app-tab .tab-indicator{position: absolute; top: 0; bottom: 0; width: 50%; background: linear-gradient(180deg, rgba(0, 115, 187, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%); border-radius: 1.319rem; z-index: 0; transition: left 0.3s ease;}
.news-detail-page .app-tab-panel .app-tab .tab-indicator::before{content: ""; position: absolute; inset: 0; border-radius: 12px; background: #fff; width: calc(100% - 8px); height: calc(100% - 8px); top: 50%; left: 50%; transform: translate(-50%, -50%);}
.news-detail-page .app-tab-panel .app-tab-content{background-color: #ffffff;display: flex;flex-direction: column;border-radius: 0 0 1rem 1rem;}
.news-detail-page .app-tab-panel .app-tab-content a{display: flex;align-items: flex-start;padding: 1.319rem;column-gap: 1.758rem;}
.news-detail-page .app-tab-panel .app-tab-content a > img{width: 9.451rem;flex: 0 0 9.451rem;max-width: 9.451rem;height: 9.451rem;border-radius: 1.758rem;}
.news-detail-page .app-tab-panel .app-tab-content a .infoWrap{display: flex;flex-direction: column;overflow: hidden;max-width: 20.33rem;}
.news-detail-page .app-tab-panel .app-tab-content a .infoWrap .appName{font-size: 1.758rem;color: #130F31;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0.44rem;line-height: unset;}
.news-detail-page .app-tab-panel .app-tab-content a .infoWrap p{font-size: 1.538rem;color: #130F31;line-height: 1.5;}
.news-detail-page .app-tab-panel .app-tab-content a .infoWrap p span{color: #505768;}
.news-detail-page .app-tab-panel .app-tab-content a .viewBtn{width: 9.451rem;max-width: 9.451rem;flex: 0 0 9.451rem;height: 3.956rem;display: flex;align-items: center;justify-content: center;column-gap: 0.44rem;background-color: #ffffff;border: 1px solid #3289F9;border-radius: 0.88rem;box-shadow: 2px 2px 0px 0px #9490A8;font-size: 1.758rem;color: #3289F9;margin: auto 0 auto auto;}

.news-detail-page .cnxh-panel{margin-top: 1.758rem;}
.news-detail-page .cnxh-panel .cnxh-wrap{background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(127.08deg, rgba(247, 245, 254, 0) 0%, rgba(242, 239, 254, 0.64) 100.14%); border-radius: 1.319rem;border: 1px solid #2B314852;box-shadow: 4px 4px 0px 0px #2B314829;display: flex;flex-direction: column;row-gap: 1.319rem;padding: 1.978rem 1.319rem;}
.news-detail-page .cnxh-panel .cnxh-wrap > img{height: 3.077rem;width: fit-content;object-fit: cover;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-tabs{display: flex;align-items: center;column-gap: 1.319rem;overflow-x: scroll;width: 100%;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-tabs::-webkit-scrollbar{height: 0;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-tabs a{height: 4.396rem;border-radius: 0.879rem;background-color: #ffffff;width: fit-content;padding: 0 1.5rem;line-height: 4.176rem;text-align: center;font-size: 1.758rem;color: #8C96A9;border: 1px solid #8C96A9;white-space: nowrap;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-tabs a.active{background: #3498DB; border: 1px solid #0073BB;color: #ffffff;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-banner-wrap{display: flex;flex-direction: column;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-banner-wrap.tab-content {display: none;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-banner-wrap.tab-content.active {display: block;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-banner-wrap a{display: flex;width: 100%;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-banner-wrap a img{width: 100%;height: 21.978rem;object-fit: cover;border-radius: 1.319rem;margin: 0 auto 1.319rem;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-banner-wrap .topic-title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.879rem;width: 100%;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-banner-wrap .topic-title a > .topicName{color: #130F31;font-weight: bold;font-size: 2.198rem;line-height: 3.297rem;max-width: 30rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-banner-wrap .topic-title .amount{font-weight: bold;font-size: 1.758rem;color: #0073BB;white-space: nowrap;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-banner-wrap .topic-content{font-size: 1.538rem;color: #505768;margin-bottom: 1.319rem;display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-banner-wrap .topic-app-list{display: flex;align-items: center;column-gap: 2.637rem;width: 100%;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-banner-wrap .topic-app-list a{width: 4.725rem;flex: 0 0 4.725rem;max-width: 4.725rem;}
.news-detail-page .cnxh-panel .cnxh-wrap .topic-banner-wrap .topic-app-list a img{width: 100%;height: 4.725rem;object-fit: cover;border-radius: 1.319rem;}

.news-detail-page .app-recommend-panel{margin-top: 1.758rem;}
.news-detail-page .star-title{background: linear-gradient(270deg, #DBEDFF 0%, #F0F5FA 100%);border-radius: 0.659rem 0.659rem 0 0 ;height: 5.055rem;padding: 0 0 0 1.319rem;display: flex;align-items: center;justify-content: space-between;}
.news-detail-page .star-title > p{font-size: 1.975rem;color: #505768;font-weight: bold;}
.news-detail-page .star-title > img{width: 6.923rem;height: 5.055rem;object-fit: contain;}
.news-detail-page .app-recommend-panel .recommend-list{display: flex;flex-wrap: wrap;padding: 1.978rem 1.758rem 1.099rem;column-gap: 1.758rem;row-gap: 1.758rem;background-color: #ffffff;}
.news-detail-page .app-recommend-panel .recommend-list a{width: 8.791rem;flex: 0 0 8.791rem;max-width: 8.791rem;display: flex;flex-direction: column;}
.news-detail-page .app-recommend-panel .recommend-list a img{width: 100%;height: 8.791rem;object-fit: cover;border-radius: 1.319rem;margin-bottom: 2.198rem;margin-bottom: 1.319rem;}
.news-detail-page .app-recommend-panel .recommend-list a p{text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.758rem;color: #130F31;font-weight: bold;margin-bottom: 1.099rem;line-height: 2.55rem;}
.news-detail-page .app-recommend-panel .recommend-list a span{font-size: 1.538rem;color: #505768;line-height: 2.198rem;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-detail {display: none;align-items: center;column-gap: 32px;width: 100%;}
.topic-detail.active {display: flex;flex-direction: column;}