body{background-color: #f7f7f7;}
.app-detail-page{margin-top: 16px;}
.app-detail-page .app-download-panel{background-image: url(../images/info/appBannerBg.webp);background-repeat: no-repeat;background-size: cover;width: 100%;border-radius: 10px;padding: 30px;display: flex;flex-direction: column;}
.app-detail-page .app-download-panel .app-detail-top{display: flex;align-items: flex-start;column-gap: 20px;padding-bottom: 20px;border-bottom: 2px dashed #02A1FF33;}
.app-detail-page .app-download-panel .app-detail-top > img{width: 104px;flex: 0 0 104px;max-width: 104px;height: 104px;border-radius: 24px;object-fit: cover;}
.app-detail-page .app-download-panel .app-detail-top .app-detail{overflow: hidden;display: flex;flex-direction: column;max-width: 800px;}
.app-detail-page .app-download-panel .app-detail-top .app-detail h1{font-size: 24px;color: #31242F;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 10px;}
.app-detail-page .app-download-panel .app-detail-top .app-detail p{font-size: 14px;color: #999999;margin-bottom: 14px;}
.app-detail-page .app-download-panel .app-detail-top .app-detail .tag-list{display: flex;flex-wrap: wrap;gap: 8px;}
.app-detail-page .app-download-panel .app-detail-top .app-detail .tag-list a{height: 30px;padding: 0 12px;line-height: 30px;border-radius: 10px;background-color: #f6f6f6;text-align: center;font-size: 12px;color: #666666;}
.app-detail-page .app-download-panel .app-detail-top .feedback-btn{margin-left: auto;background-image: url(../images/info/feedbackBg.webp);width: 58px;height: 24px;display: flex;align-items: center;column-gap: 4px;background-repeat: no-repeat;background-size: cover;padding: 0 5px 0 14px;cursor: pointer;margin-top: -2px;}
.app-detail-page .app-download-panel .app-detail-top .feedback-btn img{width: 11px;height: 12px;object-fit: cover;}
.app-detail-page .app-download-panel .app-detail-top .feedback-btn p{font-size: 12px;color: #ffffff;}
.app-detail-page .app-download-panel .app-info-list{margin-top: 18px;display: flex;flex-wrap: wrap;row-gap: 16px;column-gap: 10px;margin-bottom: 24px;}
.app-detail-page .app-download-panel .app-info-list .app-info-wrap{width: calc(33.3333% - 10px);flex: 0 0 calc(33.3333% - 10px);max-width: calc(33.3333% - 10px);display: flex;align-items: center;column-gap: 14px;}
.app-detail-page .app-download-panel .app-info-list .app-info-wrap span{font-size: 14px;color: #AAAAAA;width: 72px;flex: 0 0 72px;max-width: 72px;}
.app-detail-page .app-download-panel .app-info-list .app-info-wrap p{font-size: 14px;color: #333333;}
.app-detail-page .app-download-panel .app-info-list .app-info-wrap p a{
    color: #0975FF;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.app-detail-page a:hover{
    opacity: 0.85;
}
.app-detail-page .app-download-panel .app-info-list .app-info-wrap div{font-size: 14px;color: #0872FF;cursor: pointer;}
.app-detail-page .app-download-panel .button-list{display: flex;align-items: center;column-gap: 10px;width: 100%;}
.app-detail-page .app-download-panel .button-list a{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 46px;width: 198px;flex: 0 0 198px;max-width: 198px;border-radius: 23px;font-size: 16px;font-weight: bold;color: #ffffff;}
.app-detail-page .app-download-panel .button-list a span{font-size: 11px;font-weight: 400;color: #ffffff80;}
.app-detail-page .app-download-panel .button-list a.appleBtn{background-color: #02a1ff;}
.app-detail-page .app-download-panel .button-list a.androidBtn{background-color: #39eb82;}
.app-detail-page .app-download-panel .button-list a.pcBtn{background-color: #bf95ff;}
.app-detail-page .app-download-panel .button-list a.appointmentBtn{background-color: #fcbc14;}
.app-detail-page .app-download-panel .button-list a.noDownloadBtn{background-color: #cccccc;}

.app-detail-page .app-content-wrap{margin-top: 20px;display: flex;column-gap: 20px;}
.app-detail-page .app-content-wrap .app-left-panel .titleWrap h2{font-size: 20px;}
.app-detail-page .app-content-wrap .app-left-panel{width: 870px;flex: 0 0 870px;max-width: 870px;}
.app-detail-page .app-content-wrap .app-left-panel .premium-user-download-panel{background-color: #ffffff;border-radius: 10px;padding: 16px 20px 20px;display: flex;align-items: center;justify-content: space-between;}
.app-detail-page .app-content-wrap .app-left-panel .premium-user-download-panel .app-column{width: 400px;flex: 0 0 400px;max-width: 400px;display: flex;flex-direction: column;row-gap: 18px;overflow: hidden;}
.app-detail-page .app-content-wrap .app-left-panel .premium-user-download-panel .app-column h2{font-size: 18px;color: #666666;font-weight: 400;}
.app-detail-page .app-content-wrap .app-left-panel .premium-user-download-panel .app-column .app-list{display: flex;flex-wrap: wrap;column-gap: 30px;row-gap: 20px;}
.app-detail-page .app-content-wrap .app-left-panel .premium-user-download-panel .app-column .app-list a{width: 185px;flex: 0 0 185px;max-width: 185px;overflow: hidden;display: flex;align-items: center;column-gap: 10px;}
.app-detail-page .app-content-wrap .app-left-panel .premium-user-download-panel .app-column .app-list a img{width: 46px;height: 46px;object-fit: cover;border-radius: 10px;flex: 0 0 46px;max-width: 46px;}
.app-detail-page .app-content-wrap .app-left-panel .premium-user-download-panel .app-column .app-list a .detailWrap{overflow: hidden;display: flex;flex-direction: column;row-gap: 8px;}
.app-detail-page .app-content-wrap .app-left-panel .premium-user-download-panel .app-column .app-list a .detailWrap h4{font-size: 14px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;}
.app-detail-page .app-content-wrap .app-left-panel .premium-user-download-panel .app-column .app-list a .detailWrap p{font-size: 12px;color: #BABABA;}

.app-detail-page .app-content-wrap .app-left-panel .app-info-panel{background-color: #ffffff;border-radius: 10px;padding: 16px 20px 30px;margin-top: 20px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel h2{font-size: 20px;font-weight: bold;color: #31242F;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .screenshot-panel .screenshot-wrap{position: relative;margin-top: 18px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .screenshot-panel .screenshot-wrap .swiper-slide{width: auto;height: 215px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .screenshot-panel .screenshot-wrap .swiper-slide img{max-height: 215px;width: auto;border-radius: 10px;cursor: pointer;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .screenshot-panel .screenshot-wrap .swiper-slide.videoWrap{position: relative;background-color: #000000;border-radius: 10px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .screenshot-panel .screenshot-wrap .swiper-slide.videoWrap img{opacity: 0.8;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .screenshot-panel .screenshot-wrap .swiper-slide.videoWrap .videoPlay{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 58px;height: 58px;cursor: pointer;z-index: 1;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .screenshot-panel .screenshot-wrap .swiper-slide.videoWrap .videoPlay img{width: 100%;height: 100%;object-fit: cover;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .screenshot-panel .screenshot-wrap .swiper-button-prev, .app-detail-page .app-content-wrap .app-left-panel .app-info-panel .screenshot-panel .screenshot-wrap .swiper-button-next{width: 24px;height: 60px;display: flex;align-items: center;justify-content: center;background-color: #31242FB3;border-radius: 3px;font-size: 18px;color: #ffffffCC;position: absolute;top: 60%;transform: translateY(-50%);background-image: none;font-family: cursive;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .screenshot-panel .screenshot-wrap .swiper-button-prev{left: 10px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .screenshot-panel .screenshot-wrap .swiper-button-next{right: 10px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .screenshot-panel .screenshot-wrap .swiper-button-prev.swiper-button-disabled{opacity: 1;color: #babbbb;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .app-intro-panel{margin-top: 16px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .app-intro-panel .app-intro-content{margin-top: 16px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .app-intro-panel .app-intro-content p{margin-top: 5px;font-size: 15px;color: #1D2127;line-height: 24px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .app-intro-panel .app-intro-content h3{margin-top: 10px;height: 30px;line-height: 30px;padding: 0 10px;border-radius: 2px;text-align: center;font-size: 18px;font-weight: bold;background: linear-gradient(to right, #00c6ff, #0072ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;width: fit-content;position: relative;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .app-intro-panel .app-intro-content h3::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid transparent; background: linear-gradient(to right, #12a7ff80, #ffffff, #12a7ff80) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude;border-radius: 2px;}

.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .update-log-panel{margin-top: 24px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .update-log-panel .log-title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .update-log-panel .log-title .viewUpdateLog{cursor: pointer;font-size: 14px;color: #CCCCCC;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .update-log-panel .updateLogWrap{display: flex;flex-direction: column;row-gap: 10px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .update-log-panel .updateLogWrap h4{font-size: 16px;color: #999999;font-weight: 400;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .update-log-panel .updateLogWrap p{font-size: 15px;color: #1D2127;}

.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .history-version-panel{margin-top: 32px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .history-version-panel .version-list{background-color: #f5fbff;border-radius: 10px;display: flex;flex-direction: column;padding: 8px 20px 20px;margin-top: 20px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .history-version-panel .version-list .versionWrap{padding: 12px 0;display: flex;align-items: center;column-gap: 14px;border-bottom: 1px solid #02a1ff26;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .history-version-panel .version-list .versionWrap .imgWrap{width: 46px;flex: 0 0 46px;max-width: 46px;height: 46px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .history-version-panel .version-list .versionWrap .imgWrap img{width: 100%;height: 100%;border-radius: 10px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .history-version-panel .version-list .versionWrap .versionDetail{display: flex;flex-direction: column;row-gap: 5px;overflow: hidden;max-width: 500px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .history-version-panel .version-list .versionWrap .versionDetail h4{font-size: 14px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .history-version-panel .version-list .versionWrap .versionDetail .bottomWrap{display: flex;align-items: center;column-gap: 30px;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .history-version-panel .version-list .versionWrap .versionDetail .bottomWrap p{font-size: 12px;color: #999999;position: relative;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .history-version-panel .version-list .versionWrap .versionDetail .bottomWrap p:first-child::after{content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(20deg);right: -15px;width: 1px;height: 75%;background-color: #999999;}
.app-detail-page .app-content-wrap .app-left-panel .app-info-panel .history-version-panel .version-list .versionWrap .viewBtn{margin-left: auto; width: 72px; height: 28px; text-align: center; line-height: 26px; border-radius: 14px; border: 1px solid #0872FF4D; font-size: 14px; background: linear-gradient(90deg, rgb(2, 162, 255) 0%, rgb(9, 115, 255) 100%); color: #ffffff;}

.app-detail-page .app-content-wrap .app-left-panel .related-app-panel{margin-top: 20px;background-color: #ffffff;border-radius: 10px;padding: 16px 20px;}
.app-detail-page .app-content-wrap .app-left-panel .related-app-panel .related-app-list{margin-top: 20px;display: flex;flex-wrap: wrap;column-gap: 36px;}
.app-detail-page .app-content-wrap .app-left-panel .related-app-panel .related-app-list .appWrap{width: 395px;flex: 0 0 395px;max-width: 395px;display: flex;align-items: center;padding: 10px 0;}
.app-detail-page .app-content-wrap .app-left-panel .related-app-panel .related-app-list .appWrap .imgWrap{width: 70px;height: 70px;}
.app-detail-page .app-content-wrap .app-left-panel .related-app-panel .related-app-list .appWrap .imgWrap img{width: 100%;height: 100%;border-radius: 15px;object-fit: cover;}
.app-detail-page .app-content-wrap .app-left-panel .related-app-panel .related-app-list .appWrap .appDetail{display: flex;flex-direction: column;overflow: hidden;width: 230px;margin-left: 10px;}
.app-detail-page .app-content-wrap .app-left-panel .related-app-panel .related-app-list .appWrap .appDetail h4{font-size: 16px;color: #000000;margin-bottom: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;}
.app-detail-page .app-content-wrap .app-left-panel .related-app-panel .related-app-list .appWrap .appDetail .typeWrap{display: flex;align-items: center;column-gap: 16px;margin-bottom: 6px;}
.app-detail-page .app-content-wrap .app-left-panel .related-app-panel .related-app-list .appWrap .appDetail .typeWrap p{font-size: 12px;color: #BABABA;position: relative;}
.app-detail-page .app-content-wrap .app-left-panel .related-app-panel .related-app-list .appWrap .appDetail .typeWrap p:first-child::after{content: "";position: absolute;top: 50%;right: -8px;transform: translateY(-50%);width: 1px;height: 75%;background-color: #BABABA;}
.app-detail-page .app-content-wrap .app-left-panel .related-app-panel .related-app-list .appWrap .appDetail .dateUpdate{font-size: 12px;color: #BABABA;}
.app-detail-page .app-content-wrap .app-left-panel .related-app-panel .related-app-list .appWrap .viewBtn{margin-left: auto;width: 62px;height: 28px;text-align: center;line-height: 26px;border-radius: 14px;border: 1px solid #0872FFBF;font-size: 14px;color: #0872FF;}
.app-detail-page .app-content-wrap .app-left-panel .related-app-panel .related-app-list .appWrap:hover .viewBtn{background: linear-gradient( 45deg, rgb(2,162,255) 0%, rgb(9,115,255) 100%);color: #ffffff;}

.app-detail-page .app-content-wrap .app-left-panel .related-news-panel{margin-top: 20px;background-color: #ffffff;border-radius: 10px;padding: 16px 10px 30px;}
.app-detail-page .app-content-wrap .app-left-panel .related-news-panel .titleWrap{padding: 0 10px;margin-bottom: 24px;}
.app-detail-page .app-content-wrap .app-left-panel .related-news-panel .related-news-list{display: flex;flex-wrap: wrap;column-gap: 8px;row-gap: 24px;}
.app-detail-page .app-content-wrap .app-left-panel .related-news-panel .related-news-list a{width: 278px;flex: 0 0 278px;max-width: 278px;display: flex;flex-direction: column;}
.app-detail-page .app-content-wrap .app-left-panel .related-news-panel .related-news-list a > img{width: 278px;height: 155px;object-fit: cover;margin-bottom: 7px;border-radius: 10px;}
.app-detail-page .app-content-wrap .app-left-panel .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;}
.app-detail-page .app-content-wrap .app-left-panel .related-news-panel .related-news-list a p{font-size: 12px;color: #BABABA;}
.app-detail-page .app-content-wrap .app-left-panel .related-news-panel .related-news-list a p span{margin-right: 16px;position: relative;}
.app-detail-page .app-content-wrap .app-left-panel .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%;}

.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel{margin-top: 20px;background-color: #ffffff;border-radius: 10px;padding: 20px 20px 30px;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .titleWrap{margin-bottom: 24px;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-tabs{display: flex;align-items: center;column-gap: 40px;margin-left: 180px;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-tabs .tab{font-size: 16px;color: #A5A5A5;position: relative;cursor: pointer;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-tabs .tab.active{font-weight: bold;background: linear-gradient(to right, #00c6ff, #0072ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-tabs .tab::after{content: "";position: absolute;right: -20px;top: 50%;transform: translateY(-50%) rotate(20deg);width: 2px;height: 75%;background-color: #CCCCCC80;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-tabs .tab:last-child::after{display: none;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-banner{display: flex;align-items: center;column-gap: 20px;background-color: #f7f7f7;border-radius: 10px;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-banner .topic-img-wrap{width: 313px;height: 176px;position: relative;border-radius: 10px;overflow: hidden;flex: 0 0 313px;max-width: 313px;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-banner .topic-img-wrap .imgWrap{width: 313px;height: 176px;border-radius: 10px;overflow: hidden;position: absolute;left: 0;top: 0;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-banner .topic-img-wrap .imgWrap img{width: 100%;height: 176px;object-fit: cover;border-radius: 10px;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-banner .topic-img-wrap .topic-apps-list{position: absolute;bottom: 20px;left: 44px;display: flex;align-items: center;column-gap: 14px;z-index: 1;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-banner .topic-img-wrap .topic-apps-list a{width: 45px;height: 45px;flex: 0 0 45px;max-width: 45px;border-radius: 10px;display: flex;align-items: center;justify-content: center;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-banner .topic-img-wrap .topic-apps-list a img{width: 45px;height: 45px;border-radius: 10px;object-fit: cover;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-banner .topic-detail{display: flex;flex-direction: column;row-gap: 12px;overflow: hidden;padding-right: 20px;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-banner .topic-detail h2{font-size: 22px;font-weight: bold;color: #1D2127;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-banner .topic-detail .amountWrap{display: flex;align-items: center;column-gap: 10px;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-banner .topic-detail .amountWrap p{font-size: 14px;color: #BABABA;position: relative;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-banner .topic-detail .amountWrap p:first-child::after{content: "";position: absolute;right: -5px;top: 50%;transform: translateY(-50%);width: 1px;height: 75%;background-color: #BABABA;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-banner .topic-detail .topic-content{font-size: 14px;color: #1D2127;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 24px;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-related-app{margin-top: 24px;display: flex;align-items: center;column-gap: 38px;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-related-app a{width: 70px;flex: 0 0 70px;max-width: 70px;overflow: hidden;display: flex;flex-direction: column;row-gap: 7px;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-related-app a img{width: 70px;height: 70px;object-fit: cover;border-radius: 15px;}
.app-detail-page .app-content-wrap .app-left-panel .related-topic-panel .topic-related-app a p{font-size: 14px;color: #000000;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.app-detail-page .app-content-wrap .app-left-panel .hot-app-panel{margin-top: 20px;background-color: #ffffff;border-radius: 10px;padding: 20px 20px 30px;}
.app-detail-page .app-content-wrap .app-left-panel .hot-app-panel .titleWrap {display: flex;align-items: center;justify-content: space-between;}
.app-detail-page .app-content-wrap .app-left-panel .hot-app-panel .titleWrap .switchBtn{cursor: pointer;display: flex;align-items: center;column-gap: 7px;}
.app-detail-page .app-content-wrap .app-left-panel .hot-app-panel .titleWrap .switchBtn img{width: 15px;height: 12px;object-fit: cover;}
.app-detail-page .app-content-wrap .app-left-panel .hot-app-panel .titleWrap .switchBtn p{font-size: 14px;color: #02A2FF;}
.app-detail-page .app-content-wrap .app-left-panel .hot-app-panel .hot-app-list{margin-top: 20px;flex-wrap: wrap;column-gap: 40px;row-gap: 28px;display: none;}
.app-detail-page .app-content-wrap .app-left-panel .hot-app-panel .hot-app-list.active{display: flex;}
.app-detail-page .app-content-wrap .app-left-panel .hot-app-panel .hot-app-list a{width: 104px;flex: 0 0 104px;max-width: 104px;display: flex;flex-direction: column;row-gap: 10px;}
.app-detail-page .app-content-wrap .app-left-panel .hot-app-panel .hot-app-list a img{width: 104px;height: 104px;border-radius: 20px;object-fit: cover;}
.app-detail-page .app-content-wrap .app-left-panel .hot-app-panel .hot-app-list a p{text-align: center;font-size: 16px;color: #000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

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

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

.app-detail-page .app-content-wrap .app-left-panel .user-review-panel .rate-for-app{margin-top: 20px;display: flex;align-items: center;column-gap: 8px;}
.app-detail-page .app-content-wrap .app-left-panel .user-review-panel .rate-for-app p{font-size: 16px;color: #333333;}
.app-detail-page .app-content-wrap .app-left-panel .user-review-panel .rate-for-app .rateStars{display: flex;align-items: center;column-gap: 7px;}
.app-detail-page .app-content-wrap .app-left-panel .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;}
.app-detail-page .app-content-wrap .app-left-panel .user-review-panel .rate-for-app .rateStars > div.active{background-image: url(../images/newsDetail/star-fill.webp);background-repeat: no-repeat;}
.app-detail-page .app-content-wrap .app-left-panel .user-review-panel .comment-field-wrap{margin-top: 20px;display: flex;flex-direction: column;row-gap: 18px;}
.app-detail-page .app-content-wrap .app-left-panel .user-review-panel .comment-field-wrap .inputWrap{width: 100%;height: 108px;padding: 16px 10px 10px 16px;background-color: #f7f7f7;border-radius: 10px;position: relative;}
.app-detail-page .app-content-wrap .app-left-panel .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;}
.app-detail-page .app-content-wrap .app-left-panel .user-review-panel .comment-field-wrap .inputWrap textarea::placeholder{color: #cccccc;}
.app-detail-page .app-content-wrap .app-left-panel .user-review-panel .comment-field-wrap .inputWrap .wordCount{position: absolute;bottom: 10px;right: 10px;font-size: 14px;color: #CCCCCC;}
.app-detail-page .app-content-wrap .app-left-panel .user-review-panel .comment-field-wrap .actionBottom{display: flex;align-items: center;column-gap: 10px;}
.app-detail-page .app-content-wrap .app-left-panel .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;}
.app-detail-page .app-content-wrap .app-left-panel .user-review-panel .comment-field-wrap .actionBottom .userField::placeholder{color: #cccccc;}
.app-detail-page .app-content-wrap .app-left-panel .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;}
.app-detail-page .app-content-wrap .app-left-panel .user-review-panel .comment-field-wrap .actionBottom .verificationField::placeholder{color: #cccccc;}
.app-detail-page .app-content-wrap .app-left-panel .user-review-panel .comment-field-wrap .actionBottom > img{width: 160px;flex: 0 0 160px;max-width: 160px;height: 38px;border-radius: 6px;}
.app-detail-page .app-content-wrap .app-left-panel .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;}

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

.app-detail-page .app-content-wrap .app-side-panel{width: 310px;max-width: 310px;flex: 0 0 310px;display: flex;flex-direction: column;row-gap: 20px;}
.side-app-listing-panel{background-color: #ffffff;}
.app-detail-page .app-content-wrap .app-side-panel .side-needed-panel{background-color: #ffffff;border-radius: 10px;padding: 14px 16px;}
.app-detail-page .app-content-wrap .app-side-panel .side-needed-panel .title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.app-detail-page .app-content-wrap .app-side-panel .side-needed-panel .title h2{font-size: 18px; font-weight: bold; color: #1F1F1F;}
.app-detail-page .app-content-wrap .app-side-panel .side-needed-panel .title a{display: flex ; align-items: center;}
.app-detail-page .app-content-wrap .app-side-panel .side-needed-panel .title a img{width: 20px; height: 4px; object-fit: cover;}
.app-detail-page .app-content-wrap .app-side-panel .side-needed-panel .app-list{display: flex;flex-wrap: wrap;column-gap: 34px;row-gap: 18px;}
.app-detail-page .app-content-wrap .app-side-panel .side-needed-panel .app-list a{display: flex;flex-direction: column;row-gap: 10px;width: 70px;max-width: 70px;flex: 0 0 70px;}
.app-detail-page .app-content-wrap .app-side-panel .side-needed-panel .app-list a img{width: 70px;height: 70px;object-fit: cover;border-radius: 15px;}
.app-detail-page .app-content-wrap .app-side-panel .side-needed-panel .app-list a p{text-align: center;font-size: 14px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



#modalImage { transition: opacity 0.3s ease; opacity: 1; }
#modalImage.fade-out { opacity: 0; }
#imageModal.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center; }
#imageModal .overlay{background: #00000080; position: absolute;width: 100%;height: 100%;z-index: -1;}
#imageModal.modal .swiper-slide{position: relative;display: flex;align-items: center;justify-content: center;}
#imageModal.modal .swiper{position: absolute; height: 100%; top: 50%; transform: translateY(-50%); width: 100%;}
#imageModal.modal .swiper-slide img {max-width: 1000px;max-height: 700px;object-fit: contain;height: auto;width: auto;}
#imageModal .close{cursor: pointer;position: absolute;right: 16px;top: 16px;font-size: 30px;color: #ffffff;font-family: cursive;z-index: 1;font-weight: bold;}
#imageModal .modal-swiper-prev, #imageModal .modal-swiper-next{position: absolute;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;background-color: #ffffffa8;cursor: pointer;width: 40px;height: 40px;border: none;border-radius: 50%;font-size: 20px;color: #000000;font-family: cursive;font-weight: bold;}
#imageModal .modal-swiper-prev{left: 24px;}
#imageModal .modal-swiper-next{right: 24px;}