body{background-color: #f7f7f7;}
.news-content-page{margin-top: 16px;}
.news-content-page .top-news-panel{display: flex;column-gap: 20px;}
.news-content-page .top-news-panel .top-pick-news{position: relative;width: 600px;flex: 0 0 600px;max-width: 600px;height: 296px;border-radius: 10px;overflow: hidden;}
.news-content-page .top-news-panel .top-pick-news img{width: 600px;height: 296px;object-fit: cover;border-radius: 10px;}
.news-content-page .top-news-panel .top-pick-news .topPickIcon{position: absolute;top: 0;left: 0;width: 59px;height: 57px;background-image: url(../images/news/topPickIcon.webp);background-repeat: no-repeat;background-size: cover;}
.news-content-page .top-news-panel .news-banner-list{display: flex;flex-wrap: wrap;column-gap: 20px;row-gap: 20px;}
.news-content-page .top-news-panel .news-banner-list a{width: 280px;flex: 0 0 280px;max-width: 280px;height: 138px;position: relative;border-radius: 10px;overflow: hidden;}
.news-content-page .top-news-panel .news-banner-list a img{width: 280px;height: 138px;object-fit: cover;border-radius: 10px;}

.news-content-page .news-listing-panel{margin-top: 20px;display: flex;column-gap: 20px;}
.news-content-page .news-listing-panel .all-news-panel{width: 869px;flex: 0 0 869px;max-width: 869px;background-color: #ffffff;border-radius: 10px;padding: 14px 20px 30px;}
.news-content-page .news-listing-panel .all-news-panel .title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;}
.news-content-page .news-listing-panel .all-news-panel .title h2{font-size: 20px;font-weight: bold;color: #31242F;}
.news-content-page .news-listing-panel .all-news-panel .title .hot-topic-right{height: 30px;line-height: 30px;padding: 0 10px 0 16px;background: linear-gradient( 90deg, rgb(2,162,255,0.06) 0%, rgb(9,115,255,0.06) 100%);border-radius: 15px;display: flex;align-items: center;}
.news-content-page .news-listing-panel .all-news-panel .title .hot-topic-right p{font-size: 14px;color: #999999;}
.news-content-page .news-listing-panel .all-news-panel .title .hot-topic-right a{font-size: 14px;color: #999999;margin-left: 8px;}
.news-content-page .news-listing-panel .all-news-panel .title .hot-topic-right a span{color: #02A0FF;}
.news-content-page .news-listing-panel .all-news-panel .news-listing{display: flex;flex-direction: column;row-gap: 20px;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap{display: flex;column-gap: 20px;overflow: hidden;padding: 20px 15px 20px 20px;background-color: #f7f7f7;transition: .3s ease;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap:hover{background-color: #f5fbff;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap .imgWrap{width: 180px;flex: 0 0 180px;max-width: 180px;height: 120px;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap .imgWrap img{width: 180px;height: 120px;object-fit: cover;border-radius: 10px;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap .detailWrap{display: flex;flex-direction: column;overflow: hidden;height: 120px;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap .detailWrap h4{font-size: 18px;color: #000000;font-weight: 400;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .3s ease;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap .detailWrap .newsContent{font-size: 14px;color: #999999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap .detailWrap .bottomWrap{margin-top: auto;display: flex;align-items: center;justify-content: space-between;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap .detailWrap .bottomWrap .dateType{font-size: 12px;color: #BABABA;display: flex;align-items: center;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap .detailWrap .bottomWrap .dateType span{margin-right: 10px;position: relative;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap .detailWrap .bottomWrap .dateType span::after{content: "";position: absolute;top: 50%;right: -5px;transform: translateY(-50%);width: 3px;height: 3px;background-color: #BABABA;border-radius: 50%;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap .detailWrap .bottomWrap a.newsGoArrow{width: 22px;height: 8px;background-image: url(../images/news/newsArrow.webp);background-repeat: no-repeat;background-size: cover;transition: .3s ease;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap:hover .detailWrap h4{color: #02a1ff;}
.news-content-page .news-listing-panel .all-news-panel .news-listing .newsWrap:hover .detailWrap .bottomWrap a.newsGoArrow{background-image: url(../images/news/newsArrowHover.webp);background-repeat: no-repeat;}
.pagination{margin-top: 20px;}

.news-content-page .news-listing-panel .side-news-panel{width: 310px;max-width: 310px;flex: 0 0 310px;display: flex;flex-direction: column;row-gap: 20px;}
.news-content-page .news-listing-panel .side-news-panel .side-hot-news{background-color: #ffffff;border-radius: 10px;padding: 12px 16px 30px 16px;}
.news-content-page .news-listing-panel .side-news-panel .side-hot-news h2{font-size: 18px;color: #31242F;font-weight: bold;margin-bottom: 24px;}
.news-content-page .news-listing-panel .side-news-panel .side-hot-news .hot-news-list{display: flex;flex-direction: column;row-gap: 20px;overflow: hidden;}
.news-content-page .news-listing-panel .side-news-panel .side-hot-news .hot-news-list a{display: flex;align-items: center;column-gap: 16px;}
.news-content-page .news-listing-panel .side-news-panel .side-hot-news .hot-news-list a .rankNo{width: 20px;text-align: center;font-size: 16px;font-weight: bold;color: #62626266;font-style: italic;}
.news-content-page .news-listing-panel .side-news-panel .side-hot-news .hot-news-list a:nth-child(1) .rankNo,
.news-content-page .news-listing-panel .side-news-panel .side-hot-news .hot-news-list a:nth-child(2) .rankNo,
.news-content-page .news-listing-panel .side-news-panel .side-hot-news .hot-news-list a:nth-child(3) .rankNo{background: linear-gradient(to bottom, #F6C656, #FF8906); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.news-content-page .news-listing-panel .side-news-panel .side-hot-news .hot-news-list a p{font-size: 14px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 240px;}

.news-content-page .news-listing-panel .side-news-panel .side-app-listing-panel, .news-content-page .news-listing-panel .side-news-panel .hot-news-panel{background-color: #ffffff;}