body{background-color: #f7f7f7;}
.news-detail-page .news-detail-wrap{margin-top: 16px;display: flex;column-gap: 20px;}
.news-detail-page .news-detail-wrap .news-detail-left{width: 870px;flex: 0 0 870px;max-width: 870px;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel{background-color: #ffffff;border-radius: 10px;padding: 30px 20px 34px;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel h1{font-size: 34px;font-weight: bold;color: #1D2135;line-height: 52px;margin-bottom: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel .author-detail{display: flex;align-items: center;column-gap: 20px;padding-bottom: 16px;border-bottom: 1px solid #f6f6f6;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel .author-detail p{font-size: 14px;color: #CCCCCC;position: relative;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel .author-detail p:first-child::after{content: "";position: absolute;right: -10px;top: 50%;transform: translateY(-50%);width: 1px;height: 75%;background-color: #CCCCCC;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel .news-detail-content{padding-top: 24px;padding-bottom: 24px;border-bottom: 1px solid #f6f6f6;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel .news-detail-content p{font-size: 16px;line-height: 30px;color: #333333;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel .news-detail-content h3{font-size: 18px;font-weight: bold;color: #333333;padding-bottom: 10px;border-bottom: 1px solid rgb(2, 162, 255,0.2);position: relative;padding-left: 6px;z-index: 2;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel .news-detail-content h3::before{content: "";position: absolute;left: 0;top: 0;width: 19px;height: 23px;background-image: url(../images/newsDetail/titleIcon.webp);background-repeat: no-repeat;background-size: cover;z-index: -1;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel .news-detail-content img{width: 100%;height: auto;object-fit: cover;border-radius: 10px;display: block;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel .copy-panel{display: flex;align-items: center;column-gap: 8px;margin-top: 16px;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel .copy-panel .link-copy{display: flex;align-items: center;cursor: pointer;column-gap: 6px;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel .copy-panel .link-copy img{width: 20px;height: 20px;object-fit: cover;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel .copy-panel .link-copy p{font-size: 16px;color: #FF6000;}
.news-detail-page .news-detail-wrap .news-detail-left .news-detail-panel .copy-panel > p{font-size: 16px;color: #8A8A8A;}
.news-detail-page .news-detail-wrap .news-detail-left .titleWrap h2{font-size: 20px;}

.news-detail-page .news-detail-wrap .news-detail-left .premium-app-panel{margin-top: 20px;background-color: #ffffff;border-radius: 10px;padding: 20px 20px 10px;}
.news-detail-page .news-detail-wrap .news-detail-left .premium-app-panel .premium-app-list{margin-top: 20px;display: flex;flex-wrap: wrap;column-gap: 40px;row-gap: 28px;}
.news-detail-page .news-detail-wrap .news-detail-left .premium-app-panel .premium-app-list a{width: 104px;flex: 0 0 104px;max-width: 104px;display: flex;flex-direction: column;row-gap: 10px;}
.news-detail-page .news-detail-wrap .news-detail-left .premium-app-panel .premium-app-list a img{width: 104px;height: 104px;border-radius: 20px;object-fit: cover;}
.news-detail-page .news-detail-wrap .news-detail-left .premium-app-panel .premium-app-list a p{text-align: center;font-size: 16px;color: #000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.news-detail-page .news-detail-wrap .news-detail-left .related-news-panel{margin-top: 20px;background-color: #ffffff;border-radius: 10px;padding: 20px 8px 30px;}
.news-detail-page .news-detail-wrap .news-detail-left .related-news-panel .titleWrap{padding: 0 12px;}
.news-detail-page .news-detail-wrap .news-detail-left .related-news-panel .related-news-list{display: flex;flex-wrap: wrap;column-gap: 8px;row-gap: 22px;margin-top: 24px;}
.news-detail-page .news-detail-wrap .news-detail-left .related-news-panel .related-news-list a{width: 278px;flex: 0 0 278px;max-width: 278px;display: flex;flex-direction: column;}
.news-detail-page .news-detail-wrap .news-detail-left .related-news-panel .related-news-list a > img{width: 278px;height: 155px;object-fit: cover;margin-bottom: 7px;border-radius: 10px;}
.news-detail-page .news-detail-wrap .news-detail-left .related-news-panel .related-news-list a > h4{font-size: 15px;color: #000000;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;font-weight: 400;}
.news-detail-page .news-detail-wrap .news-detail-left .related-news-panel .related-news-list a p{font-size: 12px;color: #BABABA;}
.news-detail-page .news-detail-wrap .news-detail-left .related-news-panel .related-news-list a p span{margin-right: 16px;position: relative;}
.news-detail-page .news-detail-wrap .news-detail-left .related-news-panel .related-news-list a p span::after{content: "";position: absolute;top: 50%;right: -8px;transform: translateY(-50%);width: 3px;height: 3px;background-color: #BABABA;border-radius: 50%;}

.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel{margin-top: 20px;background-color: #ffffff;border-radius: 10px;padding: 20px 20px 30px;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel h2{font-size: 20px;color: #31242f;font-weight: bold;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap{margin-top: 14px;display: flex;align-items: center;justify-content: space-between;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap .ratingReviewWrap{display: flex;flex-direction: column;padding-left: 26px;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap .ratingReviewWrap .rating-score{text-align: center;font-size: 60px;font-weight: 400;color: #30343F;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars{display: flex;align-items: center;column-gap: 5px;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div{width: 16px;height: 16px;background-repeat: no-repeat;background-size: cover;background-image: url(../images/newsDetail/star-empty.webp);}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star{background-image: url(../images/newsDetail/star-fill.webp);background-repeat: no-repeat;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star-half{background-image: url(../images/newsDetail/star-half.webp);background-repeat: no-repeat;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap .ratingReviewWrap .totalReview{text-align: center;margin-top: 12px;font-size: 14px;color: #999999;}

.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap .ratingBarWrap{display: flex;flex-direction: column;row-gap: 20px;align-items: flex-end;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap{display: flex;align-items: center;column-gap: 12px;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateStars{display: flex;align-items: center;column-gap: 4px;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateStars img{width: 15px;height: 15px;object-fit: cover;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateBar {width: 320px;height: 8px;border-radius: 4px;background-color: #dfdfdf;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateBar .bar{height: 100%;border-radius: 4px;background: #b5b5b5;width: 0%;}

.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .rate-for-app{margin-top: 20px;display: flex;align-items: center;column-gap: 8px;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .rate-for-app p{font-size: 16px;color: #333333;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .rate-for-app .rateStars{display: flex;align-items: center;column-gap: 7px;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .rate-for-app .rateStars > div{width: 24px;height: 24px;background-image: url(../images/newsDetail/star-empty.webp);background-repeat: no-repeat;background-size: cover;cursor: pointer;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .rate-for-app .rateStars > div.active{background-image: url(../images/newsDetail/star-fill.webp);background-repeat: no-repeat;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .comment-field-wrap{margin-top: 20px;display: flex;flex-direction: column;row-gap: 18px;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .comment-field-wrap .inputWrap{width: 100%;height: 108px;padding: 16px 10px 10px 16px;background-color: #f7f7f7;border-radius: 10px;position: relative;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .comment-field-wrap .inputWrap textarea{background-color: transparent;outline: none;border: none;height: 70px;width: 95%;color: #000000;font-size: 14px;resize: none;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .comment-field-wrap .inputWrap textarea::placeholder{color: #cccccc;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .comment-field-wrap .inputWrap .wordCount{position: absolute;bottom: 10px;right: 10px;font-size: 14px;color: #CCCCCC;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .comment-field-wrap .actionBottom{display: flex;align-items: center;column-gap: 10px;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .comment-field-wrap .actionBottom .userField{width: 184px;flex: 0 0 184px;max-width: 184px;height: 38px;border: 1px solid #BBE6FF;border-radius: 6px;background-color: #f5fbff;padding: 12px 10px;font-size: 14px;color: #000000;outline: none;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .comment-field-wrap .actionBottom .userField::placeholder{color: #cccccc;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .comment-field-wrap .actionBottom .verificationField{width: 114px;flex: 0 0 114px;max-width: 114px;height: 38px;border: 1px solid #BBE6FF;border-radius: 6px;background-color: #f5fbff;padding: 12px 10px;font-size: 14px;color: #000000;outline: none;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .comment-field-wrap .actionBottom .verificationField::placeholder{color: #cccccc;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .comment-field-wrap .actionBottom > img{width: 160px;flex: 0 0 160px;max-width: 160px;height: 38px;border-radius: 6px;}
.news-detail-page .news-detail-wrap .news-detail-left .user-review-panel .comment-field-wrap .actionBottom .post-btn{margin-left: auto;width: 160px;flex: 0 0 160px;max-width: 160px;height: 38px;text-align: center;line-height: 38px;border-radius: 18px;font-size: 16px;color: #ffffff;background: linear-gradient( 90deg, rgb(2,162,255) 0%, rgb(9,115,255) 100%);cursor: pointer;}

.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel{margin-top: 20px;background-color: #ffffff;border-radius: 20px;padding: 20px 20px 30px;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .titleWrap{display: flex;align-items: center;justify-content: space-between;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .titleWrap .comment-tab{display: flex;align-items: center;column-gap: 34px;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .titleWrap .comment-tab a{font-size: 14px;color: #808080;position: relative;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .titleWrap .comment-tab a.active{color: #029FFF;font-weight: bold;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .titleWrap .comment-tab a::after{content: "";position: absolute;right: -17px;top: 50%;transform: translateY(-50%);width: 2px;height: 75%;background-color: #f2f2f2;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .titleWrap .comment-tab a:last-child::after{display: none;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list{margin-top: 30px;display: flex;flex-direction: column;row-gap: 20px;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap{display: flex;align-items: flex-start;column-gap: 12px;width: 100%;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentAvatar{width: 40px;height: 40px;flex: 0 0 40px;max-width: 40px;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentAvatar img{width: 100%;height: 100%;object-fit: cover;object-position: top center;border-radius: 50%;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo{display: flex;flex-direction: column;width: 100%;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo h4{font-size: 14px;color: #242424;font-weight: 400;margin-bottom: 4px;margin-bottom: 5px;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap{display: flex;align-items: center;column-gap: 6px;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .rating-score{display: none;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars{display: flex;align-items: center;column-gap: 3px;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div{width: 10px;height: 10px;background-image: url(../images/newsDetail/star-empty.webp);background-size: cover;background-repeat: no-repeat;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star{background-image: url(../images/newsDetail/star-fill.webp);background-repeat: no-repeat;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star-half{background-image: url(../images/newsDetail/star-half.webp);background-repeat: no-repeat;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .datePost{font-size: 12px;color: #999999;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent {display: flex;column-gap: 12px;align-items: center;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent > p{font-size: 14px;color: #333333;max-width: 700px;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap{margin-left: auto;display: flex;align-items: center;column-gap: 4px;cursor: pointer;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap img{width: 14px;height: 13px;object-fit: cover;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap p{font-size: 12px;color: #999999;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap{margin-top: 24px;display: flex;column-gap: 12px;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap .commentAvatar{width: 25px;height: 25px;margin-top: 8px;flex: 0 0 25px;max-width: 25px;}
.news-detail-page .news-detail-wrap .news-detail-left .comment-list-panel .comment-list .showMoreComment{width: 100%;height: 42px;text-align: center;line-height: 40px;font-size: 16px;color: #CCCCCC;cursor: pointer;border-radius: 20px;border: 1px solid #F0F0F0;margin-top: 24px;}


.news-detail-page .news-detail-wrap .side-news-panel{width: 310px;max-width: 310px;flex: 0 0 310px;display: flex;flex-direction: column;row-gap: 20px;}
.news-detail-page .news-detail-wrap .side-news-panel .news-app-download{border-radius: 10px;padding: 20px 16px 30px 11px;display: flex;flex-direction: column;row-gap: 22px;background-image: url(../images/newsDetail/sideGameBg.webp);width: 310px;height: 222px;background-repeat: no-repeat;background-size: cover;}
.news-detail-page .news-detail-wrap .side-news-panel .news-app-download .detailWrap{display: flex;align-items: center;column-gap: 10px;}
.news-detail-page .news-detail-wrap .side-news-panel .news-app-download .detailWrap > img{width: 104px;flex: 0 0 104px;max-width: 104px;height: 104px;border-radius: 20px;object-fit: cover;}
.news-detail-page .news-detail-wrap .side-news-panel .news-app-download .detailWrap .infoWrap{display: flex;flex-direction: column;row-gap: 8px;overflow: hidden;}
.news-detail-page .news-detail-wrap .side-news-panel .news-app-download .detailWrap .infoWrap h4{font-size: 16px;color: #000000;font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .news-detail-wrap .side-news-panel .news-app-download .detailWrap .infoWrap p{font-size: 12px;color: #BABABA;position: relative;}
.news-detail-page .news-detail-wrap .side-news-panel .news-app-download .detailWrap .infoWrap .typeWrap{display: flex;align-items: center;column-gap: 10px;}
.news-detail-page .news-detail-wrap .side-news-panel .news-app-download .detailWrap .infoWrap .typeWrap p:first-child::after{content: "";position: absolute;right: -5px;top: 50%;transform: translateY(-50%);width: 1px;height: 75%;background-color: #BABABA;}
.news-detail-page .news-detail-wrap .side-news-panel .news-app-download .downloadBtn{width: 100%;height: 46px;line-height: 46px;text-align: center;border-radius: 24px;background-color: #39EB82;font-size: 16px;font-weight: bold;color: #ffffff;}

.news-detail-page .news-detail-wrap .side-news-panel .side-news-slider{background-color: #ffffff;border-radius: 10px;padding: 16px 14px;position: relative;}
.news-detail-page .news-detail-wrap .side-news-panel .side-news-slider .swiper-slide{display: flex;flex-direction: column;row-gap: 8px;}
.news-detail-page .news-detail-wrap .side-news-panel .side-news-slider .swiper-slide img{width: 100%;height: 156px;object-fit: cover;border-radius: 10px;object-position: center;}
.news-detail-page .news-detail-wrap .side-news-panel .side-news-slider .swiper-slide p{font-size: 14px;color: #000000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-detail-page .news-detail-wrap .side-news-panel .side-news-slider .swiper-slide-count{background-color: #0000004D;border-radius: 8px;padding: 1px 8px;font-size: 12px;color: #F5FBFF;position: absolute;top: 145px;right: 25px;z-index: 1;}

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