.app-detail-page .app-detail-banner{margin-top: 28px;display: flex;flex-direction: column;row-gap: 28px;}
.app-detail-page .app-detail-banner .topWrap{display: flex;align-items: center;column-gap: 25px;overflow: hidden;}
.app-detail-page .app-detail-banner .topWrap > img{width: 168px;flex: 0 0 168px;max-width: 168px;height: 168px;border-radius: 40px;object-fit: cover;object-position: center;}
.app-detail-page .app-detail-banner .topWrap .detailWrap{display: flex;flex-direction: column;row-gap: 22px;flex: 1;flex-shrink: 0;overflow: hidden;}
.app-detail-page .app-detail-banner .topWrap .detailWrap h1{font-size: 36px;font-weight: bold;color: #060D1F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap{display: flex;align-items: center;column-gap: 50px;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap{display: flex;flex-direction: column;overflow: hidden;max-width: 14%;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap span{display: block;font-size: 14px;color: #999999;line-height: 24px;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap p{font-size: 14px;color: #4D4D4D;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap p.rating{position: relative;padding-left: 16px;color: #FA8B16;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap p.rating::before{content: "";position: absolute;left: 0;top: 47%;transform: translateY(-50%);width: 12px;height: 12px;background-image: url(../images/info/star-fill.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap a{font-size: 14px;color: #4D4D4D;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.app-detail-page .app-detail-banner .topWrap .detailWrap .tag-list{display: flex;align-items: center;column-gap: 36px;row-gap: 20px;flex-wrap: wrap;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .tag-list a{font-size: 14px;color: #4C4C4C;line-height: 20px;}
.app-detail-page .app-detail-banner .button-list{display: flex;align-items: flex-start;column-gap: 24px;}
.app-detail-page .app-detail-banner .button-list a{cursor: pointer;width: 280px;flex: 0 0 280px;max-width: 280px;height: 60px;border-radius: 30px;display: flex;align-items: center;justify-content: center;column-gap: 10px;}
.app-detail-page .app-detail-banner .button-list a p{font-size: 24px;color: #FFFFFF;line-height: 30px;}
.app-detail-page .app-detail-banner .button-list a img{height: 28px;width: auto;object-fit: contain;object-position: center;}
.app-detail-page .app-detail-banner .button-list a.adrBtn{background-color: #25C88A;}
.app-detail-page .app-detail-banner .button-list a.iosBtn{background-color: #54C5FF;}
.app-detail-page .app-detail-banner .button-list a.pcBtn{background-color: #FF5465;}
.app-detail-page .app-detail-banner .button-list .appointBtn{background-color: #FFB354;cursor: pointer;width: 280px;flex: 0 0 280px;max-width: 280px;height: 60px;border-radius: 30px;display: flex;align-items: center;justify-content: center;column-gap: 10px;}
.app-detail-page .app-detail-banner .button-list a.adrBtn img{margin-top: -5px;}
.app-detail-page .app-detail-banner .button-list a.iosBtn img{margin-top: -5px;}
.app-detail-page .app-detail-banner .button-list .buttonWrap{display: flex;flex-direction: column;row-gap: 5px;width: 280px;flex: 0 0 280px;max-width: 280px;}
.app-detail-page .app-detail-banner .button-list .buttonWrap a{flex: unset;}
.app-detail-page .app-detail-banner .button-list .buttonWrap .button-reminder{font-size: 14px;color: #4C4C4C;text-align: center;}
.app-detail-page .app-detail-banner .button-list .appointBtn p{font-size: 24px;color: #FFFFFF;line-height: 30px;}
.app-detail-page .app-detail-banner .button-list .appointBtn img{height: 28px;width: auto;object-fit: contain;object-position: center;}

.app-detail-page .screenshot-panel{margin-top: 40px;}
.app-detail-page .screenshot-panel .screenshot-wrap{position: relative;height: fit-content;overflow: hidden;}
.app-detail-page .screenshot-panel .screenshot-wrap .swiper-container{border-radius: 12px;}
.app-detail-page .screenshot-panel .screenshot-wrap .swiper-slide{width: auto;}
.app-detail-page .screenshot-panel .screenshot-wrap .swiper-slide img, .app-detail-page .screenshot-panel .screenshot-wrap .swiper-slide video{max-height: 300px;width: auto;cursor: pointer;border-radius: 12px;}
.app-detail-page .screenshot-panel .screenshot-swiper-pagination{width: 100%;height: 8px;background: #F1F1F1;position: relative;overflow: hidden;border-radius: 4px;margin-top: 16px;}
.app-detail-page .screenshot-panel .screenshot-swiper-pagination .swiper-pagination-progressbar-fill{background: #C1C1C1;}

.app-detail-page .app-intro-panel{margin-top: 34px;}
.app-detail-page .app-intro-panel .app-intro{margin-top: 16px;display: flex;flex-direction: column;row-gap: 12px;font-size: 14px;color: #4D4D4D;line-height: 28px;height: 600px;overflow: hidden;transition: height .4s ease;}
.app-detail-page .app-intro-panel .app-intro p{font-size: 14px;color: #4D4D4D;line-height: 28px;}
.app-detail-page .app-intro-panel .app-intro h3{position: relative;padding-left: 18px;font-size: 18px;font-weight: bold;color: #333333;line-height: 24px;margin-bottom: 3px;}
.app-detail-page .app-intro-panel .app-intro h3::before{content: "";position: absolute;left: 0;top: 43%;transform: translateY(-50%);width: 4px;height: 20px;background-color: #5691FF;border-radius: 4px;}
.app-detail-page .app-intro-panel .app-intro h3::after{content: "";position: absolute;left: 8px;bottom: 4px;width: 4px;height: 8px;background-color: #54C5FF;border-radius: 4px;}
.app-detail-page .app-intro-panel .app-intro img{width: auto;height: auto;object-fit: cover;object-position: center;max-width: 600px;margin: 0 auto;}
.app-detail-page .app-intro-panel .showMore-detail{margin-top: 20px;display: flex;align-items: center;column-gap: 5px;justify-content: center;font-size: 16px;color: #54C5FF;cursor: pointer;font-weight: bold;}
.app-detail-page .app-intro-panel .showMore-detail i{width: 18px;height: 18px;position: relative;animation: bounce .8s infinite ease-in-out;}
.app-detail-page .app-intro-panel .showMore-detail i::before{content: "";position: absolute;width: 6px;height: 6px;border: 3px solid #54C5FF;border-top: none;border-left: none;transform: rotate(45deg) translateX(-50%);left: 50%;top: 4px;}
.app-detail-page .app-intro-panel .showMore-detail i::after{content: "";position: absolute;width: 6px;height: 6px;border: 3px solid #54C5FF;border-top: none;border-left: none;transform: rotate(45deg) translateX(-50%);left: 50%;top: 10px;}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}
.app-detail-page .app-intro-panel .showMore-detail i.collapse::before,
.app-detail-page .app-intro-panel .showMore-detail i.collapse::after{transform: rotate(-135deg) translateX(-50%);}

.app-detail-page .app-info-panel{margin-top: 35px;}
.app-detail-page .app-info-panel .titleWrap .openFeedback{font-size: 14px;color: #FC5B53;font-weight: bold;line-height: 20px;position: relative;padding-left: 26px;margin-left: auto;cursor: pointer;}
.app-detail-page .app-info-panel .titleWrap .openFeedback::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 20px;height: 20px;background-image: url(../images/topic/feedbackIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.app-detail-page .app-info-panel .app-info-list{margin-top: 20px;display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px;}
.app-detail-page .app-info-panel .app-info-list .innerWrap{display: flex;align-items: center;column-gap: 4px;padding: 16px 0;overflow: hidden;border-bottom: 1px solid #EEEEEE;}
.app-detail-page .app-info-panel .app-info-list .innerWrap span{width: 70px;white-space: nowrap;font-size: 14px;font-weight: bold;color: #333333;flex: 0 0 70px;max-width: 70px;text-align: justify;line-height: 20px;display: inline-block;}
.app-detail-page .app-info-panel .app-info-list .innerWrap p{font-size: 14px;color: #333333;line-height: 20px;flex: 1;flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-info-panel .app-info-list .innerWrap > div{font-size: 14px;color: #54C5FF;line-height: 20px;cursor: pointer;}

.app-detail-page .app-version-panel{margin-top: 35px;}
.app-detail-page .app-version-panel .version-list{margin-top: 20px;border-top: 1px solid #EEEEEE;display: flex;flex-direction: column;}
.app-detail-page .app-version-panel .version-list .versionWrap{display: flex; column-gap: 20px;padding: 20px 0;border-bottom: 1px solid #EEEEEE;align-items: center;justify-content: space-between;}
.app-detail-page .app-version-panel .version-list .versionWrap a, .app-detail-page .app-version-panel .version-list .versionWrap p{font-size: 14px;color: #060D1F;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 0 0 350px;width: 350px;max-width: 350px;}
.app-detail-page .app-version-panel .version-list .versionWrap a.viewBtn{width: 58px;flex: 0 0 58px;max-width: 58px;height: 32px;text-align: center;line-height: 32px;border-radius: 10px;background-color: #54C5FF;font-size: 14px;font-weight: bold;color: #FFFFFF;}
.app-detail-page .app-version-panel .version-list .versionWrap:hover a.appName{color: #54C5FF;font-weight: bold;}

.app-detail-page .app-rec-panel{margin-top: 35px;}
.app-detail-page .app-rec-panel .app-listing{display: flex; column-gap: 20px;row-gap: 33px;margin-top: 20px;flex-wrap: wrap;}
.app-detail-page .app-rec-panel .app-listing .appWrap{display: flex;align-items: center;column-gap: 14px;width: 285px;flex: 0 0 285px;max-width: 285px;}
.app-detail-page .app-rec-panel .app-listing .appWrap .imgWrap{width: 100px;height: 100px;flex: 0 0 100px;max-width: 100px;border-radius: 25px;}
.app-detail-page .app-rec-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 25px;transition: transform .3s ease;}
.app-detail-page .app-rec-panel .app-listing .appWrap .detailWrap{display: flex;flex-direction: column;row-gap: 10px;flex: 1;flex-shrink: 0;overflow: hidden;}
.app-detail-page .app-rec-panel .app-listing .appWrap .detailWrap .appName{font-size: 16px;line-height: 24px;color: #091F17;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: calc(100% - 20px);}
.app-detail-page .app-rec-panel .app-listing .appWrap .detailWrap > p, .app-detail-page .app-rec-panel .app-listing .appWrap .detailWrap > a{font-size: 14px;color: #999999;}
.app-detail-page .app-rec-panel .app-listing .appWrap:hover .imgWrap img{transform: scale(1.1);}
.app-detail-page .app-rec-panel .app-listing .appWrap:hover .detailWrap .appName{color: #54C5FF;font-weight: bold;}

.app-detail-page .same-manufacturer-panel{margin-top: 35px;}
.app-detail-page .same-manufacturer-panel .app-listing{margin-top: 20px;display: grid; grid-template-columns: repeat(7, 1fr);column-gap: 35px;}
.app-detail-page .same-manufacturer-panel .app-listing .appWrap{display: flex;flex-direction: column;background-color: #F4F6F8;border-radius: 10px;padding: 12px 20px;overflow: hidden;}
.app-detail-page .same-manufacturer-panel .app-listing .appWrap .imgWrap{width: 100px;height: 100px;border-radius: 25px;margin-bottom: 16px;}
.app-detail-page .same-manufacturer-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 25px;}
.app-detail-page .same-manufacturer-panel .app-listing .appWrap .appName{font-size: 14px;color: #333333;line-height: 20px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .same-manufacturer-panel .app-listing .appWrap .rating{text-align: center;padding-left: 16px;position: relative;font-size: 14px;color: #FA8B16;width: fit-content;margin: 3px auto 0;}
.app-detail-page .same-manufacturer-panel .app-listing .appWrap .rating::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 13px;height: 12px;background-image: url(../images/home/star.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.app-detail-page .same-manufacturer-panel .app-listing .appWrap:hover .appName{font-weight: bold;color: #54C5FF;}

.app-detail-page .latest-news-panel {margin-top: 35px;}
.app-detail-page .latest-news-panel .banner-news-list{margin-top: 22px;display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px;overflow: hidden;}
.app-detail-page .latest-news-panel .banner-news-list .newsWrap{display: flex;flex-direction: column;overflow: hidden;border-bottom: 1px solid #EEEEEE;}
.app-detail-page .latest-news-panel .banner-news-list .newsWrap .bannerWrap{width: 100%;height: 222px;border-radius: 10px;}
.app-detail-page .latest-news-panel .banner-news-list .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 10px;}
.app-detail-page .latest-news-panel .banner-news-list .newsWrap .newsTitle{padding: 16px 0;font-size: 14px;color: #060D1F;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .latest-news-panel .news-listing{margin-top: 16px;display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px;overflow: hidden;row-gap: 16px;}
.app-detail-page .latest-news-panel .news-listing .newsWrap{position: relative;overflow: hidden;padding-left: 14px;display: flex;align-items: center;column-gap: 10px;}
.app-detail-page .latest-news-panel .news-listing .newsWrap::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 4px;height: 4px;background-color: #B8B8B8;border-radius: 50%;}
.app-detail-page .latest-news-panel .news-listing .newsWrap .newsTitle{flex: 1;flex-shrink: 0;font-size: 14px;color: #060D1F;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .latest-news-panel .news-listing .newsWrap .dateUpdate{font-size: 14px;line-height: 20px;color: #999999;}
.app-detail-page .latest-news-panel .news-listing .newsWrap:hover .newsTitle{color: #54C5FF;font-weight: bold;}
.app-detail-page .latest-news-panel .news-listing .newsWrap:hover::before{background-color: #54C5FF;}
.app-detail-page .latest-news-panel .banner-news-list .newsWrap:hover .newsTitle{color: #54C5FF;font-weight: bold;}

.app-detail-page .app-type-panel{margin-top: 35px;}
.app-detail-page .app-type-panel .app-listing{margin-top: 20px;display: flex;align-items: center;column-gap: 35px;}
.app-detail-page .app-type-panel .app-listing .appWrap{width: 88px;flex: 0 0 88px;max-width: 88px;display: flex;flex-direction: column;}
.app-detail-page .app-type-panel .app-listing .appWrap .imgWrap{width: 100%;height: 88px;border-radius: 25px;margin-bottom: 16px;}
.app-detail-page .app-type-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 25px;transition: transform .3s ease;}
.app-detail-page .app-type-panel .app-listing .appWrap .appName{font-size: 14px;color: #333333;line-height: 20px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-type-panel .app-listing .appWrap:hover .imgWrap img{transform: scale(1.1);}

.app-detail-page .cnxh-panel{margin-top: 40px;}
.app-detail-page .cnxh-panel .tab-buttons{margin-left: auto;display: flex;align-items: center;column-gap: 25px;margin-right: 50px;}
.app-detail-page .cnxh-panel .tab-buttons li{cursor: pointer;width: fit-content;height: 32px;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-radius: 16px;background-color: #F4F6F8;font-size: 14px;color: #4D4D4D;text-align: center;padding: 0 16px;}
.app-detail-page .cnxh-panel .tab-buttons li.active{background-color: #54C5FF;color: #ffffff;}
.app-detail-page .cnxh-panel .tab-content{display: none;}
.app-detail-page .cnxh-panel .tab-content.active{display: block;}
.app-detail-page .cnxh-panel .topic-banner-wrap{display: flex;align-items: center;column-gap: 20px;margin-top: 24px;}
.app-detail-page .cnxh-panel .topic-banner-wrap .bannerWrap{width: 400px;flex: 0 0 400px;max-width: 400px;height: 225px;border-radius: 10px;}
.app-detail-page .cnxh-panel .topic-banner-wrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 10px;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;overflow: hidden;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .nameWrap{display: flex;align-items: center;column-gap: 10px;margin-bottom: 12px;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .nameWrap .topicName{position: relative;padding-right: 16px;font-size: 20px;font-weight: bold;color: #2C303B;max-width: 650px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .nameWrap .topicName::after{content: "";position: absolute;right: 4px;top: 50%;transform: translateY(-50%) rotate(45deg);width: 8px; height: 8px; border-top: 2px solid #54C5FF; border-right: 2px solid #54C5FF;margin-top: 1px;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .nameWrap .amountWrap{margin-left: auto;width: fit-content;height: 24px;line-height: 24px;text-align: center;padding: 0 8px;background-color: #E5F6FF;border-radius: 6px;font-size: 14px;color: #54C5FF;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .topic-content{font-size: 14px;color: #999999;line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 20px;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .topic-app-list{padding: 0 20px 16px;display: flex;column-gap: 22px;position: relative;z-index: 1;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .topic-app-list::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 86px; border-radius: 10px; background-color: #F4F6F8; z-index: -1;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .topic-app-list .appWrap{display: flex;flex-direction: column;row-gap: 12px;width: 73px;flex: 0 0 73px;max-width: 73px;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .topic-app-list .appWrap .imgWrap{width: 72px;height: 72px;border-radius: 16px;margin: 0 auto;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .topic-app-list .appWrap .imgWrap img{width: 100%;height: 100%;border-radius: 16px;object-fit: cover;object-position: center;transition: transform .3s ease;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .topic-app-list .appWrap .appName{font-size: 14px;color: #333333;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .topic-app-list .appWrap:hover .imgWrap img{transform: scale(1.1);}

.app-detail-page .user-review-panel{margin-top: 30px;}
.app-detail-page .user-review-panel .review-rating-wrap{margin-top: 8px;display: flex;align-items: center;justify-content: space-between;padding: 0 40px 0 123px;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap{display: flex;flex-direction: column;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .rating-score{text-align: center;font-size: 60px;font-weight: bold;color: #1A1A1A;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars{display: flex;align-items: center;column-gap: 5px;}
.app-detail-page .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/info/star-fill.webp);}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star{background-image: url(../images/info/star-fill.webp);background-repeat: no-repeat;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star-half{background-image: url(../images/info/star-half.webp);background-repeat: no-repeat;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star-empty{background-image: url(../images/info/star-empty.webp);background-repeat: no-repeat;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .totalReview{text-align: center;margin-top: 14px;font-size: 14px;color: #999999;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap{display: flex;flex-direction: column;row-gap: 10px;align-items: flex-end;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap{display: flex;align-items: center;column-gap: 12px;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateStars{display: flex;align-items: center;column-gap: 4px;width: 89px;justify-content: flex-end;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateStars img{width: 14px;height: 14px;object-fit: cover;object-position: center;filter: brightness(0) saturate(100%) invert(65%) sepia(10%) saturate(0%) hue-rotate(181deg) brightness(93%) contrast(86%);}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateBar {width: 554px;height: 8px;border-radius: 4px;background-color: #dfdfdf;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateBar .bar{height: 100%;border-radius: 4px;background: #b5b5b5;width: 0%;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap > p{font-size: 14px;color: #1A1A1A;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .percent{margin-left: -6px;color: #999999;width: 40px;text-align: center;}

.app-detail-page .user-review-panel .hot-comment-list{margin-top: 16px;display: flex;align-items: center;column-gap: 14px;flex-wrap: wrap;row-gap: 14px;}
.app-detail-page .user-review-panel .hot-comment-list .hot-comment{font-size: 14px;color: #666666;text-align: center;width: fit-content;height: 36px;line-height: 36px;padding: 0 18px;border-radius: 18px;background-color: #F7F7F7;cursor: pointer;}
.app-detail-page .user-review-panel .hot-comment-list .hot-comment:hover{color: #54C5FF;font-weight: bold;}

.app-detail-page .user-review-panel .rate-for-app{display: flex;align-items: center;column-gap: 2px;padding-left: 15px;}
.app-detail-page .user-review-panel .rate-for-app p{font-size: 14px;color: #1A1A1A;}
.app-detail-page .user-review-panel .rate-for-app .rateStars{display: flex;align-items: center;column-gap: 5px;}
.app-detail-page .user-review-panel .rate-for-app .rateStars > div{width: 16px;height: 16px;background-image: url(../images/info/star-empty.webp);background-repeat: no-repeat;background-size: cover;cursor: pointer;}
.app-detail-page .user-review-panel .rate-for-app .rateStars > div.active{background-image: url(../images/info/star-fill.webp);background-repeat: no-repeat;}

.app-detail-page .user-review-panel .comment-field-wrap{margin-top: 20px;display: flex;flex-direction: column;}
.app-detail-page .user-review-panel .comment-field-wrap .inputWrap{width: 100%;height: 120px;padding: 12px 16px;background-color: #F5F5F5;border-radius: 10px 10px 0 0;position: relative;}
.app-detail-page .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;border-radius: 10px 10px 0 8px;}
.app-detail-page .user-review-panel .comment-field-wrap .inputWrap textarea::placeholder{color: #B8B8B8;}
.app-detail-page .user-review-panel .comment-field-wrap .inputWrap .wordCount{position: absolute;bottom: 10px;right: 12px;font-size: 14px;color: #CCCCCC;}
.app-detail-page .user-review-panel .comment-field-wrap .actionBottom{display: flex;align-items: center;column-gap: 10px;justify-content: space-between;background-color: #FFFFFF;border: 1px solid #F5F5F5;border-radius: 0 0 10px 10px;}
.app-detail-page .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: 0 0 8px 0;font-size: 16px;color: #ffffff;background: #54c5ff;cursor: pointer;font-weight: bold;}
.app-detail-page .user-review-panel .userEnterWrap{display: flex;align-items: center;column-gap: 10px;margin-top: 20px;}
.app-detail-page .user-review-panel .userEnterWrap .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 .user-review-panel .userEnterWrap .userField::placeholder{color: #cccccc;}
.app-detail-page .user-review-panel .userEnterWrap .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 .user-review-panel .userEnterWrap .verificationField::placeholder{color: #cccccc;}
.app-detail-page .user-review-panel .userEnterWrap > img{width: 160px;flex: 0 0 160px;max-width: 160px;height: 38px;border-radius: 6px;}


.app-detail-page .comment-list-panel{margin-top: 35px;}
.app-detail-page .comment-list-panel .titleWrap{display: flex;align-items: center;justify-content: space-between;}
.app-detail-page .comment-list-panel .titleWrap .comment-tab{display: flex;align-items: center;column-gap: 34px;}
.app-detail-page .comment-list-panel .titleWrap .comment-tab a{font-size: 14px;color: #808080;position: relative;}
.app-detail-page .comment-list-panel .titleWrap .comment-tab a.active{color: #54c5ff;font-weight: bold;}
.app-detail-page .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 .comment-list-panel .titleWrap .comment-tab a:last-child::after{display: none;}
.app-detail-page .comment-list-panel .comment-list{margin-top: 18px;display: flex;flex-direction: column;row-gap: 24px;}
.app-detail-page .comment-list-panel .comment-list .commentWrap{display: flex;align-items: flex-start;column-gap: 12px;width: 100%;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentAvatar{width: 40px;height: 40px;flex: 0 0 40px;max-width: 40px;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentAvatar img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 50%;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo{display: flex;flex-direction: column;width: 100%;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .uname{font-size: 14px;color: #1A1A1A;font-weight: bold;margin-bottom: 5px;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap{display: flex;align-items: center;column-gap: 24px;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .rating-score{display: none;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars{display: flex;align-items: center;column-gap: 4px;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div{width: 14px;height: 14px;background-repeat: no-repeat;background-size: cover;background-image: url(../images/info/star-fill.webp);}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star{background-image: url(../images/info/star-fill.webp);background-repeat: no-repeat;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star-half{background-image: url(../images/info/star-half.webp);background-repeat: no-repeat;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star-empty{background-image: url(../images/info/star-empty.webp);background-repeat: no-repeat;}

.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .datePost{font-size: 14px;color: #999999;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent {display: flex;flex-direction: column;row-gap: 10px;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent > p{font-size: 14px;color: #4D4D4D;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap { margin-left: auto; display: flex; align-items: center; column-gap: 18px; cursor: pointer; }
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .likeIcon { width: 14px; height: 14px; background-image: url(../images/topic/like.webp); background-position: center; background-repeat: no-repeat; background-size: cover; }
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .unlikeIcon { transform: scaleY(-1); width: 14px; height: 14px; background-image: url(../images/topic/like.webp); background-position: center; background-repeat: no-repeat; background-size: cover; }
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .active { background-image: url(../images/topic/likeActive.webp); }
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap p { font-size: 14px; color: #999999; }
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap { margin-top: 18px; display: flex; column-gap: 12px; background-color: #F7F7F7; border-radius: 6px; padding: 16px 20px; }
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap{margin-top: 18px;display: flex;column-gap: 12px;background-color: #F7F7F7;border-radius: 6px;padding: 16px 20px;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap .commentAvatar{width: 36px;height: 36px;flex: 0 0 36px;max-width: 36px;}
.app-detail-page .comment-list-panel .comment-list .showMoreComment{width: 100%;height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: #54C5FF;cursor: pointer;border-radius: 20px;background-color: #F0FAFF;font-weight: bold;}

#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: #393939D9; 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: auto; 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;border-radius: 20px;}
#imageModal .close{cursor: pointer;font-size: 32px;color: #ffffff;z-index: 1;font-weight: bold;}
#imageModal .modalHeader {position: absolute; top: 52px; right:52px; z-index: 10;}
#imageModal .pageNumber{margin-top: 20px;height: 42px;line-height: 42px;text-align: center;padding: 0 20px;border: 1px solid #ffffff;border-radius: 45px;font-size: 24px;color: #FFFFFF;width: fit-content;margin:20px auto 0;}
#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: #ffffff;cursor: pointer;width: 40px;height: 40px;border: none;border-radius: 50%;z-index: 99;padding: 0;text-align: center;box-sizing: border-box;}
#imageModal .modal-swiper-prev i{width: 13px; height: 13px;     border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(-135deg);margin-right: -4px;}
#imageModal .modal-swiper-next i{width: 13px; height: 13px;     border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(45deg);margin-left: -4px;}
#imageModal .swiper-button-disabled i{opacity: 0.4;}
#imageModal .modal-swiper-prev{left: max(calc(50% - 600px), 20px);}
#imageModal .modal-swiper-next{right: max(calc(50% - 600px), 20px);}
#imageModal::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: min(1200px, 100%); inset: 0; pointer-events: none; }
#imageModal .swiper-wrapper{align-items: center;}

.feedback-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.feedback-popup .overlay{background: #00000099; position: absolute;width: 100%;height: 100%;z-index: -1;}
.feedback-popup .feedback-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 450px;background: #ffffff;display: flex;flex-direction: column;border-radius: 20px;}
.feedback-popup .feedback-wrap .popupTitle{height: 95px;width: 100%;text-align: center;line-height: 95px;border-radius: 20px 20px 0 0;font-size: 32px;color: #17183A;font-weight: bold;position: relative;}
.feedback-popup .feedback-wrap .feedback-inner{background: #ffffff;border-radius: 20px;position: relative;z-index: 1;padding: 0 32px 30px;display: flex;flex-direction: column;row-gap: 15px;}
.feedback-popup .feedback-wrap .feedback-inner .feed-sec{display: flex;flex-direction: column;row-gap: 15px;}
.feedback-popup .feedback-wrap .feedback-inner .feed-sec .innerTitle{font-size: 20px;color: #484846;text-align: left;position: relative;padding-left: 12px;}
.feedback-popup .feedback-wrap .feedback-inner .feed-sec .innerTitle::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 6px;height: 24px;background-color: #54C5FF;}
.feedback-popup .feedback-wrap .feedback-inner .type-list{display: flex;flex-wrap: wrap;column-gap: 15px;row-gap: 15px;}
.feedback-popup .feedback-wrap .feedback-inner .type-list .feedback-reason{width: 185px;height: 36px;text-align: center;padding: 0 8px;line-height: 36px;border-radius: 10px;background-color: #F4F4F4;font-size: 16px;color: #17183A;cursor: pointer;border: 1px solid transparent;}
.feedback-popup .feedback-wrap .feedback-inner .type-list .feedback-reason.selected{background: #54C5FF;color: #ffffff;}
.feedback-popup .feedback-wrap .feedback-inner .fieldWrap textarea{width: 100%;height: 100px;padding: 10px 16px;border-radius: 10px;background-color: #F4F4F4;font-size: 16px;color: #000000;border: none;outline: none;resize: none;}
.feedback-popup .feedback-wrap .feedback-inner .fieldWrap textarea::placeholder{color: #A3A3A3;}
.feedback-popup .feedback-wrap .feedback-inner .feedback-contact input{width: 100%;height: 40px;border: none;outline: none;border-radius: 10px;line-height: 40px;padding: 10px 16px;background-color: #F4F4F4;font-size: 16px;color: #000000;}
.feedback-popup .feedback-wrap .feedback-inner .feedback-contact input::placeholder{color: #A3A3A3;}
.feedback-popup .feedback-wrap .feedback-inner .submitFeedback{width: 100%;height: 54px;background: #54C5FF;line-height: 54px;border-radius: 45px;text-align: center;font-size: 24px;color: #ffffff;cursor: pointer;font-weight: bold;}
.feedback-popup .feedback-wrap .close-button{position: absolute;width: 50px;height: 50px;background: #cccccc;border-radius: 50%;text-align: center;line-height: 50px;font-size: 46px;color: #ffffff;z-index: 1;cursor: pointer;bottom: -70px;left: 50%;transform: translateX(-50%);}

.app-perimission-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.app-perimission-popup .overlay{background: #00000099; position: absolute;width: 100%;height: 100%;z-index: -1;}
.app-perimission-popup .app-perimission-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 450px;background: #ffffff;display: flex;flex-direction: column;border-radius: 20px;}
.app-perimission-popup .app-perimission-wrap .popupTitle{height: 95px;width: 100%;text-align: center;line-height: 95px;border-radius: 20px 20px 0 0;font-size: 32px;color: #17183A;font-weight: bold;position: relative;}
.app-perimission-popup .app-perimission-wrap .permission-wrap{padding: 0 32px 30px;background: #ffffff;border-radius: 20px;position: relative;z-index: 1;}
.app-perimission-popup .app-perimission-wrap .permission-content{display: flex;flex-direction: column;row-gap: 10px;max-height: 450px;overflow-y: scroll;padding-right: 33px;}
.app-perimission-popup .app-perimission-wrap .permission-content .pop-title{font-size: 20px;line-height: 32px;color: #3D3D3D;font-weight: 500;text-align: left;}
.app-perimission-popup .app-perimission-wrap .permission-content .popInnerTitle{font-size: 16px;font-weight: 500;line-height: 20px;color: #333333;text-align: left;}
.app-perimission-popup .app-perimission-wrap .permission-content p{font-size: 16px;line-height: 20px;color: #333333;text-align: left;}
.app-perimission-popup .app-perimission-wrap .confirmBtn{width: calc(100% - 72px);height: 54px;margin:10px auto 30px;background: #54C5FF;line-height: 54px;border-radius: 45px;text-align: center;font-size: 24px;color: #ffffff;cursor: pointer;font-weight: bold;}
.app-perimission-popup .app-perimission-wrap .close-button{position: absolute;width: 50px;height: 50px;background: #cccccc;border-radius: 50%;text-align: center;line-height: 50px;font-size: 46px;color: #ffffff;z-index: 1;cursor: pointer;bottom: -70px;left: 50%;transform: translateX(-50%);}
.app-perimission-popup .app-perimission-wrap .permission-content::-webkit-scrollbar{width: 8px;}
.app-perimission-popup .app-perimission-wrap .permission-content::-webkit-scrollbar-thumb{background-color: #D9D9D9;border-radius: 45px;}
.app-perimission-popup .app-perimission-wrap .permission-content::-webkit-scrollbar-track{background-color: #ffffff;}

.privacy-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.privacy-popup .overlay{background: #00000099; position: absolute;width: 100%;height: 100%;z-index: -1;}
.privacy-popup .privacy-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 450px;background: #ffffff;display: flex;flex-direction: column;border-radius: 20px;}
.privacy-popup .privacy-wrap .popupTitle{height: 95px;width: 100%;text-align: center;line-height: 95px;border-radius: 20px 20px 0 0;font-size: 32px;color: #17183A;font-weight: bold;position: relative;}
.privacy-popup .privacy-wrap .privacy-content-wrap{padding: 0 32px 30px;background: #ffffff;border-radius: 20px;position: relative;z-index: 1;}
.privacy-popup .privacy-wrap .privacy-content{display: flex;flex-direction: column;row-gap: 10px;max-height: 450px;overflow-y: scroll;padding-right: 33px;}
.privacy-popup .privacy-wrap .privacy-content .popInnerTitle{font-size: 16px;font-weight: 500;line-height: 20px;color: #333333;text-align: left;}
.privacy-popup .privacy-wrap .privacy-content p{font-size: 16px;line-height: 20px;color: #333333;text-align: left;}
.privacy-popup .privacy-wrap .confirmBtn{width: calc(100% - 72px);height: 54px;margin:10px auto 30px;background: #54C5FF;line-height: 54px;border-radius: 45px;text-align: center;font-size: 24px;color: #ffffff;cursor: pointer;font-weight: bold;}
.privacy-popup .privacy-wrap .close-button{position: absolute;width: 50px;height: 50px;background: #cccccc;border-radius: 50%;text-align: center;line-height: 50px;font-size: 46px;color: #ffffff;z-index: 1;cursor: pointer;bottom: -70px;left: 50%;transform: translateX(-50%);}
.privacy-popup .privacy-wrap .privacy-content::-webkit-scrollbar{width: 8px;}
.privacy-popup .privacy-wrap .privacy-content::-webkit-scrollbar-thumb{background-color: #D9D9D9;border-radius: 45px;}
.privacy-popup .privacy-wrap .privacy-content::-webkit-scrollbar-track{background-color: #ffffff;}

.appointment-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.appointment-popup .overlay{background: #00000099; position: absolute;width: 100%;height: 100%;z-index: -1;}
.appointment-popup .appointment-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 450px;background: #ffffff;display: flex;flex-direction: column;border-radius: 20px;height: 310px;}
.appointment-popup .appointment-wrap .popupTitle{height: 95px;width: 100%;text-align: center;line-height: 95px;border-radius: 20px 20px 0 0;font-size: 32px;color: #17183A;font-weight: bold;position: relative;}
.appointment-popup .appointment-wrap .appointment-inner{background: #ffffff;border-radius: 20px;position: relative;z-index: 1;padding: 0 32px 30px;display: flex;flex-direction: column;row-gap: 5px;}
.appointment-popup .appointment-wrap .appointment-inner .appoint-field input{width: 100%;height: 40px;border: none;outline: none;border-radius: 10px;line-height: 40px;padding: 10px 16px;background-color: #F4F4F4;font-size: 16px;color: #000000;}
.appointment-popup .appointment-wrap .appointment-inner .appoint-field input::placeholder{color: #A3A3A3;}
.appointment-popup .appointment-wrap .appointment-inner > p{font-size: 18px;color: #17183A;}
.appointment-popup .appointment-wrap .appointment-inner > p em{font-style: normal;color: #54C5FF;}
.appointment-popup .appointment-wrap .appointment-inner > span{font-size: 16px;color: #999999;}
.appointment-popup .appointment-wrap .appointment-inner .msg{font-size: 14px;text-align: left;color: red;margin-top: 5px;width: 100%;display: block;}
.appointment-popup .appointment-wrap .appointment-inner .submitAppointment{width: 100%;height: 54px;background: #54C5FF;line-height: 54px;border-radius: 45px;text-align: center;font-size: 24px;color: #ffffff;cursor: pointer;font-weight: bold;margin-top: 20px;}
.appointment-popup .appointment-wrap .close-button{position: absolute;width: 50px;height: 50px;background: #cccccc;border-radius: 50%;text-align: center;line-height: 50px;font-size: 46px;color: #ffffff;z-index: 1;cursor: pointer;bottom: -70px;left: 50%;transform: translateX(-50%);}
.appointment-popup .appointment-wrap .appoint-success{display: none;flex-direction: column;row-gap: 5px;padding: 0 32px 30px;}
.appointment-popup .appointment-wrap .appoint-success > .icon{width: 60px;height: 60px;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url(../images/info/tickIcon.png);margin: 0 auto;}
.appointment-popup .appointment-wrap .appoint-success strong{width: 100%;text-align: center;color: #54C5FF;font-size: 24px;}
.appointment-popup .appointment-wrap .appoint-success .closePopup{cursor: pointer;width: 100%;height: 54px;background: #54C5FF;line-height: 54px;border-radius: 45px;text-align: center;font-size: 24px;color: #ffffff;cursor: pointer;font-weight: bold;margin-top: 20px;}
.appointment-popup .appointment-wrap .appoint-repeat{display: none;flex-direction: column;row-gap: 5px;padding: 0 32px 30px;}
.appointment-popup .appointment-wrap .appoint-repeat > .icon{width: 60px;height: 60px;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url(../images/info/dupAppointIcon.png);margin: 0 auto;}
.appointment-popup .appointment-wrap .appoint-repeat strong{width: 100%;text-align: center;color: #54C5FF;font-size: 24px;}
.appointment-popup .appointment-wrap .appoint-repeat .closePopup{cursor: pointer;width: 100%;height: 54px;background: #54C5FF;line-height: 54px;border-radius: 45px;text-align: center;font-size: 24px;color: #ffffff;cursor: pointer;font-weight: bold;margin-top: 20px;}