.news-content-page{margin-top: 1.25rem;}
.news-content-page .news-content-wrap{background-color: #ffffff;border-radius: 1.875rem;padding: 1.875rem;}
.news-content-page .news-content-wrap .news-slider{width: 100%;height: 20.625rem;position: relative;overflow: hidden;}
.news-content-page .news-content-wrap .news-slider .swiper-container{width: 100%;height: 100%;}
.news-content-page .news-content-wrap .news-slider .swiper-slide{width: 100%;height: 100%;position: relative;}
.news-content-page .news-content-wrap .news-slider .swiper-slide img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.25rem;}
.news-content-page .news-content-wrap .news-slider .swiper-slide .overlay-text{position: absolute;bottom: 0;left: 0;width: 100%;height: 3.75rem;line-height: 3.75rem;padding: 0 1.25rem;border-radius: 0 0 1.25rem 1.25rem;background-color: #33333366;font-size: 1.625rem;color: #FFFFFF;font-weight: bold;}
.news-content-page .news-content-wrap .news-slider .swiper-slide-count{position: absolute;right: 1rem;bottom: 0.875rem;z-index: 2;}
.news-content-page .news-content-wrap .news-slider .swiper-slide-count {font-size: 1.5rem;color: #FFFFFF;font-style: oblique;}
.news-content-page .news-content-wrap .news-slider .swiper-slide-count span{font-size: 1.875rem;color: #27F2B2;}

.news-content-page .news-content-wrap .news-listing-panel .news-listing{margin-top: 1.5rem;display: flex;flex-direction: column;row-gap: 1.875rem;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing a {display: flex;align-items: center;height: 10.125rem;background-color: #F7F7FB;border-radius: 1.875rem;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing a > img{width: 15.75rem;height: 100%;border-radius: 1.875rem 0 0 1.875rem;object-fit: cover;object-position: center;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing a .detailWrap{padding: 1rem 1.25rem;display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing a .detailWrap .newsName{font-size: 1.75rem;font-weight: bold;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing a .detailWrap .content{font-size: 1.375rem;line-height: 2rem;color: #949494;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing a .detailWrap .dateUpdate{display: flex;align-items: center;column-gap: 0.31rem;font-size: 1.375rem;color: #949494;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing a .detailWrap .dateUpdate > img{width: 1.125rem;height: auto;object-fit: cover;object-position: center;}
.news-content-page .news-content-wrap .news-listing-panel .pagination{margin-top: 2.5rem;}

.news-content-page .hot-news-panel .hot-news-slider{display: flex;align-items: center;column-gap: 1.875rem;overflow-x: scroll;scroll-behavior: smooth; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;}
.news-content-page .hot-news-panel .hot-news-slider::-webkit-scrollbar{height: 0;}
.news-content-page .hot-news-panel .hot-news-slider a{width: 34.625rem;flex: 0 0 34.625rem;max-width: 34.625rem;background-color: #F7F7FB;border-radius: 1.875rem;display: flex;flex-direction: column;}
.news-content-page .hot-news-panel .hot-news-slider a > img{width: 100%;height: 18.125rem;object-fit: cover;object-position: center;border-radius: 1.875rem 1.875rem 0 0;}
.news-content-page .hot-news-panel .hot-news-slider a > .detailWrap{width: 100%;display: flex;flex-direction: column;row-gap: 0.625rem;padding: 1.25rem;}
.news-content-page .hot-news-panel .hot-news-slider a > .detailWrap .newsName{font-size: 1.75rem;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-content-page .hot-news-panel .hot-news-slider a > .detailWrap .dateUpdate{display: flex;align-items: center;column-gap: 0.5rem;font-size: 1.375rem;color: #949494;}
.news-content-page .hot-news-panel .hot-news-slider a > .detailWrap .dateUpdate img{width: 1.125rem;height: auto;object-fit: cover;object-position: center;}
.news-content-page .hot-news-panel .hot-news-listing{margin-top: 1.25rem;display: flex;flex-direction: column;}
.news-content-page .hot-news-panel .hot-news-listing a{display: flex;align-items: center;justify-content: space-between;padding-left: 2.5rem;height: 3.25rem;position: relative;}
.news-content-page .hot-news-panel .hot-news-listing a .newsTitle{font-size: 1.5rem;color: #333333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 29.125rem;}
.news-content-page .hot-news-panel .hot-news-listing a .datePost{margin-left: auto;font-size: 1.25rem;color: #ADADAD;}
.news-content-page .hot-news-panel .hot-news-listing a::before{content: "";position: absolute;width: 0.625rem;height: 0.625rem;border-radius: 50%;background-color: #333333;left: 0.938rem;top: 50%;transform: translateY(-50%);}

.news-content-page .hot-app-panel .hot-app-list{display: flex;flex-wrap: wrap;margin-top: 1.5rem;column-gap: 1rem;row-gap: 1.875rem;}
.news-content-page .hot-app-panel .hot-app-list a{width: 9rem;flex: 0 0 9rem;max-width: 9rem;display: flex;flex-direction: column;row-gap: 0.875rem;}
.news-content-page .hot-app-panel .hot-app-list a > img{width: 7.5rem;height: 7.5rem;border-radius: 1.875rem;object-fit: cover;object-position: center;margin: 0 auto;}
.news-content-page .hot-app-panel .hot-app-list a > .appName{text-align: center;font-size: 1.75rem;color: #333333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-content-page .hot-app-panel .hot-app-list a > .viewBtn{margin-left: unset;margin: 0 auto;}