.section-title{position: relative;padding-left: 20px;}
.section-title::before{content: "";position: absolute;left: 0;top: 53%;transform: translateY(-50%) rotate(12deg);width: 5px;height: 24px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 4px;}
.section-title h2{font-size: 24px;font-weight: bold;color: #140402;}
.stars .star{width: 14px;height: 13px;background-image: url(../images/star-fill.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.stars .star-half{width: 14px;height: 13px;background-image: url(../images/star-half.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.stars .star-empty{width: 14px;height: 13px;background-image: url(../images/star-empty.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.app-detail-page .app-detail-wrap{display: flex;align-items: flex-start;column-gap: 24px;}
.app-detail-page .app-detail-wrap .app-detail-panel{width: 860px;flex: 0 0 860px;max-width: 860px;display: flex;flex-direction: column;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner{background-color: #ffffff;border-radius: 8px;position: relative;padding: 30px 14px 30px 24px;display: flex;flex-direction: column;row-gap: 18px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .openFeedback{position: absolute;top: 0;right: 0;width: fit-content;height: 28px;line-height: 28px;text-align: center;padding: 0 8px 0 28px;background: #3988FF;border-radius: 0 10px 0 10px;font-size: 14px;color: #ffffff;font-weight: bold;cursor: pointer;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .openFeedback::before{content: "";position: absolute;top: 44%;left: 10px;transform: translateY(-50%);width: 14px;height: 16px;background-image: url(../images/info/feedbackIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap{display: flex;align-items: flex-start;column-gap: 24px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap > img{width: 160px;flex: 0 0 160px;max-width: 160px;height: 160px;object-fit: cover;object-position: center;border-radius: 36px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap{display: flex;flex-direction: column;row-gap: 16px;flex: 1;flex-shrink: 0;overflow: hidden;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .appNameWrap{display: flex;align-items: center;column-gap: 12px;overflow: hidden;min-width: 0;max-width: 100%;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .appNameWrap h1{font-size: 24px;font-weight: bold;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .appNameWrap .rateWrap{height: 24px;border-radius: 12px;background: linear-gradient( 90deg, rgb(255,193,61) 0%, rgb(255,132,61) 100%);text-align: center;font-size: 14px;font-weight: bold;color: #ffffff;line-height: 24px;padding: 0 10px;max-width: 250px;flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap{display: flex;align-items: flex-start;column-gap: 20px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .info-column{width: 200px;flex: 0 0 200px;max-width: 200px;border-radius: 10px;background-color: #F8F9FA;display: flex;flex-direction: column;row-gap: 10px;padding: 10px 14px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .info-column p{display: flex;align-items: center;column-gap: 4px;font-size: 14px;color: #4D4D4D;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 20px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .info-column p span{color: #999999;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .info-column p a{color: #3988FF;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .info-column .app-rating {display: flex;align-items: center;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .info-column .app-rating > span{color: #999999;font-size: 14px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .info-column .app-rating .ratingReviewWrap .rating-score{display: none;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .info-column .app-rating .ratingReviewWrap .stars{display: flex;align-items: center;column-gap: 3px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .info-column .app-rating .ratingReviewWrap .stars > div.star{background-image: url(../images/star-fill.webp);}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .info-column .app-rating .ratingReviewWrap .stars > div.star-half{background-image: url(../images/star-half.webp);}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .info-column .app-rating .ratingReviewWrap .stars > div.star-empty{background-image: url(../images/star-empty.webp);}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap{display: flex;flex-direction: column;row-gap: 20px;margin-left: auto;align-items: center;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap a, .app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap .appointBtn {display: flex;align-items: center;justify-content: center;column-gap: 8px;width: 166px;height: 48px;border-radius: 24px;line-height: 47px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap a p, .app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap .appointBtn p{font-size: 16px;font-weight: bold;color: #FFFFFF;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap a.adrBtn, .app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap a.cloudBtn{background: #39D89C;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap a.adrBtn img{width: 16px;height: auto;object-fit: cover;object-position: center;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap a.cloudBtn img{width: 30px;height: auto;object-fit: cover;object-position: center;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap a.iosBtn{background: #11AEFF;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap a.iosBtn img{width: 16px;height: auto;object-fit: cover;object-position: center;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap .appointBtn{background: #FF6623;cursor: pointer;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap .appointBtn img{width: 16px;height: auto;object-fit: cover;object-position: center;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .tag-wrap{display: flex;align-items: center;column-gap: 4px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .tag-wrap p{font-size: 14px;color: #999999;font-weight: bold;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .tag-wrap .tag-list{display: flex;align-items: center;column-gap: 14px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .tag-wrap .tag-list a{width: fit-content;height: 32px;line-height: 32px;text-align: center;padding: 0 15px;background-color: #F7F9FA;border-radius: 16px;font-size: 14px;color: #666666;display: block;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap .buttonInner{display: flex;flex-direction: column;row-gap: 10px;align-items: center;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-detail-banner .topWrap .detailWrap .infoWrap .buttonWrap .buttonInner .button-reminder{text-align: center;font-size: 12px;color: #4D4D4D;white-space: nowrap;}

.app-detail-page .app-detail-wrap .app-detail-panel .detail-nav-bar{margin-top: 30px;background-color: #FFFFFF;position: relative;}
.app-detail-page .app-detail-wrap .app-detail-panel .detail-nav-bar ul{width: 100%;height: 48px;display: flex;align-items: flex-end;justify-content: center;column-gap: 27px;}
.app-detail-page .app-detail-wrap .app-detail-panel .detail-nav-bar::before{content: "";position: absolute;top: 0;left: 0;width: 18px;height: 18px;background-color: #FF553E;clip-path: polygon(0 0, 0 100%, 100% 0);}
.app-detail-page .app-detail-wrap .app-detail-panel .detail-nav-bar::after{content: "";position: absolute;bottom: 0;right: 0;width: 18px;height: 18px;background-color: #FF553E;clip-path: polygon(100% 100%, 0 100%, 100% 0);}
.app-detail-page .app-detail-wrap .app-detail-panel .detail-nav-bar li{height: 38px;text-align: center;padding: 5px 32px 9px;border-radius: 8px 8px 0 0;width: fit-content;font-size: 16px;color: #4D4D4D;cursor: pointer;}
.app-detail-page .app-detail-wrap .app-detail-panel .detail-nav-bar li.active{font-size: 18px;font-weight: bold;color: #ffffff;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);}

.app-detail-page .app-detail-wrap .app-detail-panel .app-intro-panel{margin-top: 25px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-intro-panel .app-intro-content{margin-top: 20px;background-color: #ffffff;border-radius: 10px;padding: 20px 24px;display: flex;flex-direction: column;row-gap: 8px;font-size: 16px;color: #4D4D4D;line-height: 2;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-intro-panel .app-intro-content p{font-size: 16px;color: #4D4D4D;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-intro-panel .app-intro-content img{max-width: 600px; max-height: 600px; height: auto; width: auto; cursor: pointer; display: block; margin: 0px auto;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-intro-panel .app-intro-content h3{font-size: 18px;color: #140402;font-weight: bold;padding-left: 27px;position: relative;line-height: 1.5;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-intro-panel .app-intro-content h3::before{content: "";position: absolute;top: 4px;left: 0;width: 5px;height: 20px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 4px;transform: rotate(20deg);}
.app-detail-page .app-detail-wrap .app-detail-panel .app-intro-panel .app-intro-content h3::after{content: "";position: absolute;top: 4px;left: 10px;width: 5px;height: 15px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 4px;transform: rotate(20deg);}

.app-detail-page .app-detail-wrap .app-detail-panel .screenshot-panel{margin-top: 18px;}
.app-detail-page .app-detail-wrap .app-detail-panel .screenshot-panel .screenshot-wrap{margin-top: 22px;background-color: #ffffff;border-radius: 10px;padding: 24px;}
.app-detail-page .app-detail-wrap .app-detail-panel .screenshot-panel .screenshot-wrap > .swiper-container-wrapper{display: flex;align-items: center;}
.app-detail-page .app-detail-wrap .app-detail-panel .screenshot-panel .screenshot-wrap .screenshot-swiper{width: 600px;height: 337.5px;border-radius: 10px;}
.app-detail-page .app-detail-wrap .app-detail-panel .screenshot-panel .screenshot-wrap .screenshot-swiper .swiper-slide{width: 100%;height: 100%;border-radius: 10px;}
.app-detail-page .app-detail-wrap .app-detail-panel .screenshot-panel .screenshot-wrap .screenshot-swiper .swiper-slide img{width: auto;height: 100%;object-fit: cover;object-position: center;background-color: #000000;border-radius: 10px;z-index: 2;position: relative;    display: block; margin: 0 auto;}
.app-detail-page .app-detail-wrap .app-detail-panel .screenshot-panel .screenshot-wrap .screenshot-thumb-swiper{height: 332px;}
.app-detail-page .app-detail-wrap .app-detail-panel .screenshot-panel .screenshot-wrap .screenshot-thumb-swiper .swiper-wrapper{display: flex;flex-direction: column;width: 164px;height: 332px;}
.app-detail-page .app-detail-wrap .app-detail-panel .screenshot-panel .screenshot-wrap .screenshot-thumb-swiper .swiper-wrapper .swiper-slide{width: 100%;height: 100px;position: relative;background-color: #000000;cursor: pointer;border: 2px solid transparent;box-sizing: border-box;border-radius: 10px;}
.app-detail-page .app-detail-wrap .app-detail-panel .screenshot-panel .screenshot-wrap .screenshot-thumb-swiper .swiper-wrapper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 0.5;border-radius: 10px;}
.app-detail-page .app-detail-wrap .app-detail-panel .screenshot-panel .screenshot-wrap .screenshot-thumb-swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{border: 2px solid #ff553e;}
.app-detail-page .app-detail-wrap .app-detail-panel .screenshot-panel .screenshot-wrap .screenshot-thumb-swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img{opacity: 1;}
.app-detail-page .app-detail-wrap .app-detail-panel .screenshot-panel .screenshot-swiper .swiper-slide::before {content:''; position:absolute; inset:0; background-image:var(--bg-url); background-size:cover; background-position:center; filter:blur(5px); opacity:0.5; z-index:1;}

.app-detail-page .app-detail-wrap .app-detail-panel .app-info-panel{margin-top: 24px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-info-panel .info-list{margin-top: 22px;background-color: #ffffff;border-radius: 10px;padding: 24px;display: flex;flex-wrap: wrap;column-gap: 12px;row-gap: 12px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-info-panel .info-list .info-detail-wrap{width: 400px;height: 40px;flex: 0 0 400px;max-width: 400px;display: flex;align-items: center;padding: 0 15px;background-color: #F7F7F7;border-radius: 4px;overflow: hidden;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-info-panel .info-list .info-detail-wrap p{display: flex;align-items: center;column-gap: 4px;font-size: 16px;color: #4D4D4D;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-info-panel .info-list .info-detail-wrap p span{color: #999999;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-info-panel .info-list .info-detail-wrap > div{font-size: 16px;line-height: 1.5;color: #ff543d ;cursor: pointer;}

.app-detail-page .app-detail-wrap .app-detail-panel .app-version-panel{margin-top: 24px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-version-panel .version-list{margin-top: 22px;background-color: #ffffff;border-radius: 10px;padding: 24px;display: flex;flex-direction: column;row-gap: 10px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-version-panel .version-list .version-detail-wrap{width: 100%;height: 54px;background-color: #F8F9FA;border-radius: 10px;padding: 0 14px 0 10px;display: none;align-items: center;justify-content: space-between;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-version-panel .version-list .version-detail-wrap:nth-child(-n+4) {display: flex;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-version-panel .version-list.show-all .version-detail-wrap { display: flex; }
.app-detail-page .app-detail-wrap .app-detail-panel .app-version-panel .version-list .version-detail-wrap .imgWrap{width: 30px;flex: 0 0 30px;max-width: 30px;height: 30px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-version-panel .version-list .version-detail-wrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 8px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-version-panel .version-list .version-detail-wrap .appName{text-align: left;width: 188px;flex: 0 0 188px;max-width: 188px;font-size: 16px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-version-panel .version-list .version-detail-wrap > p, .app-detail-page .app-detail-wrap .app-detail-panel .app-version-panel .version-list .version-detail-wrap > a{font-size: 14px;color: #999999;text-align: center;width: 90px;flex: 0 0 90px;max-width: 90px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-version-panel .version-list .version-detail-wrap > p.dateUpdate{width: 125px;flex: 0 0 125px;max-width: 125px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-version-panel .version-list .version-detail-wrap .viewBtn{width: 64px;flex: 0 0 64px;max-width: 64px;height: 28px;text-align: center;line-height: 28px;font-size: 14px;color: #FFFFFF;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 14px;}
.app-detail-page .app-detail-wrap .app-detail-panel .app-version-panel .version-list .viewAllVersion{margin-top: 6px;text-align: center;font-size: 14px;font-weight: bold;color: #FF553E;cursor: pointer;}

.app-detail-page .app-detail-wrap .app-detail-panel .type-hot-panel{margin-top: 24px;}
.app-detail-page .app-detail-wrap .app-detail-panel .type-hot-panel .type-hot-list{display: flex;flex-wrap: wrap;column-gap: 19px;row-gap: 24px;border-radius: 10px;background-color: #ffffff;padding: 24px;margin-top: 22px;}
.app-detail-page .app-detail-wrap .app-detail-panel .type-hot-panel .type-hot-list .hot-app-wrap{display: flex;align-items: center;column-gap: 16px;width: 285px;flex: 0 0 258px;max-width: 258px;}
.app-detail-page .app-detail-wrap .app-detail-panel .type-hot-panel .type-hot-list .hot-app-wrap .imgWrap{width: 64px;flex: 0 0 64px;max-width: 64px;height: 64px;}
.app-detail-page .app-detail-wrap .app-detail-panel .type-hot-panel .type-hot-list .hot-app-wrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 14px;}
.app-detail-page .app-detail-wrap .app-detail-panel .type-hot-panel .type-hot-list .hot-app-wrap .detailWrap{display: flex;flex-direction: column;row-gap: 6px;flex: 1;flex-shrink: 0;overflow: hidden;}
.app-detail-page .app-detail-wrap .app-detail-panel .type-hot-panel .type-hot-list .hot-app-wrap .detailWrap .appName{font-size: 16px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-detail-wrap .app-detail-panel .type-hot-panel .type-hot-list .hot-app-wrap .detailWrap p{font-size: 14px;color: #999999;display: flex;align-items: center;column-gap: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-detail-wrap .app-detail-panel .type-hot-panel .type-hot-list .hot-app-wrap .detailWrap p i{width: 1px;height: 14px;background-color: #999999;transform: rotate(20deg);}

.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel{margin-top: 28px;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .section-title{display: flex;align-items: center;justify-content: space-between;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .section-title .tab-buttons{display: flex;align-items: center;column-gap: 15px;margin-left: auto;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .section-title .tab-buttons li{cursor: pointer;width: fit-content;height: 28px;line-height: 28px;text-align: center;border-radius: 14px;font-size: 14px;color: #999999;padding: 0 20px;background: #ffffff;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .section-title .tab-buttons li.active{color: #ffffff;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .tab-content{display: none;flex-direction: column;background-color: #ffffff;border-radius: 10px;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .tab-content.active{display: flex;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .cnxh-banner{display: flex;align-items: flex-start;column-gap: 26px;position: relative;padding: 28px 24px 28px 27px;z-index: 1;margin-top: 20px;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .cnxh-banner::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 164px;border-radius: 8px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);z-index: -1;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .cnxh-banner .topicBanner{width: 290px;flex: 0 0 290px;max-width: 290px;height: 160px;border-radius: 8px;box-shadow: 0px 3px 6px 0px rgba(102, 34, 24, 0.1);background: #ffffff;padding: 3px;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .cnxh-banner .topicBanner img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 8px;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .cnxh-banner .detailWrap{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;overflow: hidden;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .cnxh-banner .detailWrap .topicName{font-size: 18px;font-weight: bold;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .cnxh-banner .detailWrap .topic-content{font-size: 14px;color: #ffffff;line-height: 24px;max-height: 100px;overflow: hidden;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .cnxh-banner .detailWrap .bottomWrap{display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .cnxh-banner .detailWrap .bottomWrap p{font-size: 14px;color: #999999;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .cnxh-banner .detailWrap .bottomWrap p span{font-weight: bold;color: #FF553E;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .related-app-list{padding: 0 24px 24px;display: flex;flex-wrap: wrap;column-gap: 25px;row-gap: 22px;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .related-app-list .appWrap{width: 114px;flex: 0 0 114px;max-width: 114px;display: flex;flex-direction: column;row-gap: 12px;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .related-app-list .appWrap img{width: 100px;height: 100px;margin: 0 auto;object-fit: cover;object-position: center;border-radius: 22px;display: block;}
.app-detail-page .app-detail-wrap .app-detail-panel .cnxh-panel .related-app-list .appWrap .appName{font-size: 16px;color: #140402;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel{margin-top: 25px;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-wrap{background-color: #ffffff;margin-top: 22px;border-radius: 8px;padding: 20px 24px 24px;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap{display: flex;align-items: center;justify-content: space-between;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap{display: flex;flex-direction: column;padding: 0 26px 0 36px;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap .rating-score{text-align: center;font-size: 60px;font-weight: bold;color: #140402;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars{display: flex;align-items: center;column-gap: 5px;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star{width: 17px;height: 16px;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star-half{width: 17px;height: 16px;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star-empty{width: 17px;height: 16px;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingReviewWrap .totalReview{text-align: center;margin-top: 18px;font-size: 14px;color: #999999;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap{display: flex;flex-direction: column;row-gap: 10px;align-items: flex-end;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap{display: flex;align-items: center;column-gap: 12px;}
.app-detail-page .app-detail-wrap .app-detail-panel .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 .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateStars img{width: 14px;height: 14px;object-fit: contain;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateBar {width: 320px;height: 8px;border-radius: 4px;background-color: #dfdfdf;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateBar .bar{height: 100%;border-radius: 4px;background: #14DD94;width: 0%;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap > p{font-size: 14px;color: #999999;}
.app-detail-page .app-detail-wrap .app-detail-panel .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .percent{margin-left: -6px;color: #999999;width: 40px;text-align: center;}

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

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

.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel{margin-top: 25px;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list{margin-top: 20px;display: flex;flex-direction: column;row-gap: 24px;background-color: #ffffff;padding: 24px;border-radius: 10px;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap{display: flex;align-items: flex-start;column-gap: 12px;width: 100%;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentAvatar{width: 40px;height: 40px;flex: 0 0 40px;max-width: 40px;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentAvatar img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 50%;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo{display: flex;flex-direction: column;width: 100%;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .uname{font-size: 14px;color: #140402;font-weight: bold;margin-bottom: 4px;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap{display: flex;align-items: center;column-gap: 24px;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .rating-score{display: none;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars{display: flex;align-items: center;column-gap: 4px;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div{width: 14px;height: 14px;background-repeat: no-repeat;background-size: contain;background-position: center;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star{background-image: url(../images/star-fill.webp);}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star-half{background-image: url(../images/star-half.webp);}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star-empty{background-image: url(../images/star-empty.webp);}

.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .datePost{font-size: 14px;color: #999999;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent {display: flex;flex-direction: column;row-gap: 10px;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent > p{font-size: 14px;color: #4D4D4D;max-height: 60px;overflow: hidden;}
.app-detail-page .app-detail-wrap .app-detail-panel .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 .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .likeIcon{width: 14px;height: 14px;background-image: url(../images/likeIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .unlikeIcon{transform: scaleY(-1);width: 14px;height: 14px;background-image: url(../images/likeIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .active{background-image: url(../images/likeActive.webp);}
.app-detail-page .app-detail-wrap .app-detail-panel .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 .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap .commentAvatar{width: 36px;height: 36px;flex: 0 0 36px;max-width: 36px;}
.app-detail-page .app-detail-wrap .app-detail-panel .comment-list-panel .comment-list .showMoreComment{width: 100%;height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: #ffffff;cursor: pointer;border-radius: 20px;background: linear-gradient( 90deg, rgb(255,118,61) 0%, rgb(255,84,61) 100%);font-weight: bold;}

.app-detail-page .app-detail-wrap .app-side-panel{width: 316px;flex: 0 0 316px;max-width: 316px;display: flex;flex-direction: column;row-gap: 24px;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel{background-color: #ffffff;border-radius: 10px;padding: 20px 24px 24px;display: flex;flex-direction: column;}
.app-detail-page .app-detail-wrap .app-side-panel .section-title{position: relative;padding-left: 14px;}
.app-detail-page .app-detail-wrap .app-side-panel .section-title::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%) rotate(12deg);width: 4px;height: 16px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 4px;}
.app-detail-page .app-detail-wrap .app-side-panel .section-title h2{font-size: 18px;font-weight: bold;color: #140402;line-height: 24px;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap{margin-top: 16px;display: flex;flex-direction: column;row-gap: 24px;padding-bottom: 20px;border-bottom: 2px dashed #E5E5E5;margin-bottom: 20px;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap .appWrap{display: flex;align-items: center;column-gap: 16px;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap .appWrap .imgWrap{width: 80px;flex: 0 0 80px;max-width: 80px;height: 80px;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap .appWrap .imgWrap img{width: 100%;height: 100%;border-radius: 20px;object-fit: cover;object-position: center;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap{display: flex;flex-direction: column;row-gap: 8px;flex: 1;flex-shrink: 0;position: relative;width: 100%;overflow: hidden;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap .appName{font-size: 16px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap > p{font-size: 14px;color: #999999;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap  .ratingReviewWrap{display: flex;align-items: center;column-gap: 5px;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap  .ratingReviewWrap .rating-score{font-size: 14px;color: #999999;display: none;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap  .ratingReviewWrap .stars{display: flex;align-items: center;column-gap: 3px;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap  .ratingReviewWrap .stars > div.star{background-image: url(../images/star-fill.webp);}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap  .ratingReviewWrap .stars > div.star-half{background-image: url(../images/star-half.webp);}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap  .ratingReviewWrap .stars > div.star-empty{background-image: url(../images/star-empty.webp);}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .top-app-wrap .appWrap .detailWrap .viewBtn{width: 72px;flex: 0 0 72px;max-width: 72px;height: 36px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);text-align: center;line-height: 36px;border-radius: 10px;color: #ffffff;font-size: 14px;position: absolute;right: 0;top: 60%;transform: translateY(-50%);}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .hot-app-list{display: flex;flex-direction: column;row-gap: 14px;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .hot-app-list .appWrap{display: flex;align-items: center;column-gap: 10px;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .hot-app-list .appWrap .imgWrap{width: 26px;flex: 0 0 26px;max-width: 26px;height: 26px;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .hot-app-list .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 8px;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .hot-app-list .appWrap .appName{font-size: 14px;color: #140402;flex: 1;flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .hot-app-list .appWrap .starWrap{font-size: 14px;color: #999999;position: relative;padding-left: 20px;}
.app-detail-page .app-detail-wrap .app-side-panel .side-hot-app-panel .hot-app-list .appWrap .starWrap::before{content: "";position: absolute;top: 45%;transform: translateY(-50%);width: 14px;height: 13px;background-image: url(../images/star-fill.webp);background-position: center;background-repeat: no-repeat;background-size: cover;left: 0;}

.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel{background-color: #ffffff;border-radius: 10px;padding: 20px 24px 24px;display: flex;flex-direction: column;row-gap: 16px;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list{display: flex;flex-wrap: wrap;column-gap: 11px;row-gap: 11px;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list a{width: 82px;flex: 0 0 82px;max-width: 82px;height: 32px;line-height: 32px;text-align: center;border-radius: 6px;font-size: 14px;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list a:nth-child(12n + 1){background-color: #FFF0F0;color: #EC2A2A;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list a:nth-child(12n + 2){background-color: #F4F0FF;color: #652AEC;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list a:nth-child(12n + 3){background-color: #FFF8F0;color: #FF8A00;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list a:nth-child(12n + 4){background-color: #F2FFF0;color: #3EBE25;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list a:nth-child(12n + 5){background-color: #F0FAFF;color: #279DDB;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list a:nth-child(12n + 6){background-color: #FEF5FF;color: #E12AEC;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list a:nth-child(12n + 7){background-color: #FFFBF0;color: #F8C939;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list a:nth-child(12n + 8){background-color: #F4F0FF;color: #652AEC;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list a:nth-child(12n + 9){background-color: #FFF8F0;color: #FF8A00;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list a:nth-child(12n + 10){background-color: #F2FFF0;color: #3EBE25;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list a:nth-child(12n + 11){background-color: #F0FAFF;color: #279DDB;}
.app-detail-page .app-detail-wrap .app-side-panel .app-cat-panel .app-cat-list a:nth-child(12n + 12){background-color: #FEF5FF;color: #E12AEC;}

.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel{background-color: #ffffff;border-radius: 10px;padding: 18px 24px 22px;display: flex;flex-direction: column;row-gap: 18px;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .section-title{display: flex;align-items: center;justify-content: space-between;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .section-title .tab-buttons{display: flex;align-items: center;height: 26px;border-radius: 13px;background-color: #F7F7F7;margin-left: auto;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .section-title .tab-buttons li{cursor: pointer;height: 26px;line-height: 26px;padding: 0 8px;text-align: center;font-size: 12px;color: #999999;border-radius: 13px;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .section-title .tab-buttons li.active{background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);color: #ffffff;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .tab-content{display: none;flex-direction: column;row-gap: 20px;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .tab-content.active{display: flex;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap{display: flex;align-items: center;column-gap: 12px;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap .imgWrap{width: 64px;flex: 0 0 64px;max-width: 64px;height: 64px;position: relative;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap .imgWrap img{width: 100%;height: 100%;border-radius: 14px;object-fit: cover;object-position: center;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap .imgWrap .rankNo{position: absolute;bottom: 0;right: 0;width: 24px;height: 24px;text-align: center;line-height: 24px;font-size: 14px;font-weight: bold;color: #999999;background: linear-gradient( 0deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);border-radius: 12px 0 12px 0;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap:nth-child(1) .imgWrap .rankNo,
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap:nth-child(2) .imgWrap .rankNo,
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap:nth-child(3) .imgWrap .rankNo{background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);color: #ffffff;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap .detailWrap{display: flex;flex-direction: column;row-gap: 4px;flex: 1;flex-shrink: 0;position: relative;width: 100%;overflow: hidden;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap .detailWrap .appName{font-size: 16px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap .detailWrap p{font-size: 14px;color: #999999;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap .detailWrap .typeStarWrap{display: flex;align-items: center;column-gap: 12px;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap .detailWrap .typeStarWrap .rating-score{padding-left: 20px;position: relative;font-size: 14px;color: #999999;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap .detailWrap .typeStarWrap .rating-score::before{content: "";position: absolute;top: 45%;left: 0;transform: translateY(-50%);width: 14px;height: 13px;background-image: url(../images/star-fill.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.app-detail-page .app-detail-wrap .app-side-panel .app-rank-panel .appWrap .detailWrap .viewBtn{width: 72px;flex: 0 0 72px;max-width: 72px;height: 36px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);text-align: center;line-height: 36px;border-radius: 10px;color: #ffffff;font-size: 14px;position: absolute;right: 0;bottom: 0;}

.app-detail-page .app-detail-wrap .app-side-panel .hot-topic-panel{background-color: #ffffff;border-radius: 10px;padding: 20px 24px 24px;display: flex;flex-direction: column;row-gap: 18px;}
.app-detail-page .app-detail-wrap .app-side-panel .hot-topic-panel .topic-list{display: flex;flex-direction: column;row-gap: 20px;}
.app-detail-page .app-detail-wrap .app-side-panel .hot-topic-panel .topic-list .topicBannerWrap{width: 100%;height: 160px;position: relative;}
.app-detail-page .app-detail-wrap .app-side-panel .hot-topic-panel .topic-list .topicBannerWrap > img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 8px;}
.app-detail-page .app-detail-wrap .app-side-panel .hot-topic-panel .topic-list .topicBannerWrap .detailWrap{position: absolute;left: 0;bottom: 0;width: 100%;padding: 12px 12px 8px;display: flex;flex-direction: column;row-gap: 4px;overflow: hidden;border-radius: 8px;background: linear-gradient( 0deg, rgb(3,0,0) 0%, rgba(0,0,0,0) 100%);}
.app-detail-page .app-detail-wrap .app-side-panel .hot-topic-panel .topic-list .topicBannerWrap .detailWrap .topicTitle{font-size: 16px;font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-detail-wrap .app-side-panel .hot-topic-panel .topic-list .topicBannerWrap .detailWrap span{font-size: 14px;color: #B3B3B3;}

#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;}

.app-side-panel.fixed {
  position: fixed;
  bottom: 20px;
}

.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: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);}
.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: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);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: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);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: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);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: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);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: #140402;}
.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: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);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: #140402;font-size: 24px;}
.appointment-popup .appointment-wrap .appoint-success .closePopup{cursor: pointer;width: 100%;height: 54px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);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: #140402;font-size: 24px;}
.appointment-popup .appointment-wrap .appoint-repeat .closePopup{cursor: pointer;width: 100%;height: 54px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);line-height: 54px;border-radius: 45px;text-align: center;font-size: 24px;color: #ffffff;cursor: pointer;font-weight: bold;margin-top: 20px;}