body{background: #f5f6f8;}

.app-info-page {margin-bottom: 1.875rem;}
.app-info-page .app-detail-panel{position: relative;background: #ffffff;padding: 1.875rem;display: flex;flex-direction: column;}
.app-info-page .app-detail-panel .feedbackBtn{width: 5.5rem;height: 2.25rem;background-image: url(../images/feedbackBg.webp);background-position: center;background-repeat: no-repeat;background-size: contain;padding-left: 2.625rem;display: flex;align-items: center;font-size: 1.125rem;color: #ffffff;line-height: 1.25rem;position: absolute;top: -12px;right: 0;}
.app-info-page .app-detail-panel .feedbackBtn::before{content: "";position: absolute;top: 50%;left: 1.25rem;transform: translateY(-50%);width: 1.125rem;height: 1.125rem;background-image: url(../images/report-icon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.app-info-page .app-detail-panel .topWrap{display: flex;align-items: center;column-gap: 1.25rem;overflow: hidden;}
.app-info-page .app-detail-panel .topWrap .imgWrap{position: relative;width: 10rem;height: 10rem;flex-shrink: 0;}
.app-info-page .app-detail-panel .topWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.app-info-page .app-detail-panel .topWrap .imgWrap .tag{position: absolute;top: 0;left: 0;background: url(../images/info-rec-tag.webp);background-position: center;background-repeat: no-repeat;background-size: cover;width: 3.5rem;height: 3.813rem;font-size: 1rem;color: #157042;}
.app-info-page .app-detail-panel .topWrap .imgWrap .tag span{transform: rotate(-47deg); display: block;}
.app-info-page .app-detail-panel .topWrap .infoWrap{flex: 1;display: flex;flex-direction: column;overflow: hidden;row-gap: 0.875rem;}
.app-info-page .app-detail-panel .topWrap .infoWrap h1{font-size: 2.25rem;color: #02010a;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-info-page .app-detail-panel .topWrap .infoWrap .detailWrap{display: flex;align-items: center;column-gap: 0.625rem;font-size: 1.5rem;color: #bababa;}
.app-info-page .app-detail-panel .topWrap .infoWrap .detailWrap a,
.app-info-page .app-detail-panel .topWrap .infoWrap > span{font-size: 1.5rem;color: #bababa;}
.app-info-page .app-detail-panel .button-list{display: flex;flex-direction: column;row-gap: 1.25rem;margin-top: 1.25rem;}
.app-info-page .app-detail-panel .button-list a{width: 100%;height: 5.5rem;line-height: 5.5rem;text-align: center;color: #ffffff;font-size: 2rem;border-radius: 0.375rem;background: #19ddbf;}
.app-info-page .app-detail-panel .button-list a.ios-btn{background: #4985ff;}
.app-info-page .app-detail-panel .button-list a.appointment-btn{background: #fea93a;}
.app-info-page .app-detail-panel .button-list a.no-download-btn{background: #bcbcbc;}
.app-info-page .app-detail-panel .reminder{margin-top: 1.25rem;background: #fcbc140f;border-radius: 0.375rem;padding: 1.75rem 1.125rem;font-size: 1.5rem;color: #fea93a80;line-height: 1.875rem;}

.app-info-page .app-detail-content-panel{margin-top: 2rem;display: flex;flex-direction: column;background: #ffffff;padding: 1.25rem;}
.app-info-page .app-detail-content-panel .info-navigation-bar{display: flex;align-items: center;column-gap: 0.5rem;justify-content: space-between;}
.app-info-page .app-detail-content-panel .info-navigation-bar a{font-size: 1.75rem;color: #666666;padding: 0 1rem;position: relative;line-height: 2rem;}
.app-info-page .app-detail-content-panel .info-navigation-bar a::before,
.app-info-page .app-detail-content-panel .info-navigation-bar a::after{content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(18deg);left: 0;width: 2px;height: 1.75rem;background: #d4e4ff;display: none;}
.app-info-page .app-detail-content-panel .info-navigation-bar a::after{left: unset;right: 0;}
.app-info-page .app-detail-content-panel .info-navigation-bar a.active::before,
.app-info-page .app-detail-content-panel .info-navigation-bar a.active::after{display: block;}
.app-info-page .app-detail-content-panel .info-navigation-bar a.active{font-weight: bold; background: linear-gradient(to left, #4E85F3 0%, #6F9DF4 35%, #6F9DF4 70%, #6F9DF4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;font-size: 2rem;}

.app-info-page .app-detail-content-panel .screenshot-panel{margin-top: 2rem;}
.app-info-page .app-detail-content-panel .screenshot-panel .screenshot-wrap{position: relative;overflow: hidden;}
.app-info-page .app-detail-content-panel .screenshot-panel .screenshot-wrap .swiper-slide{width: auto;height: 21rem;}
.app-info-page .app-detail-content-panel .screenshot-panel .screenshot-wrap .swiper-slide img{max-height: 21rem;width: auto;cursor: pointer;}
.app-info-page .app-detail-content-panel .screenshot-panel .screenshot-wrap .swiper-slide.videoWrap{position: relative;background-color: #000000;}
.app-info-page .app-detail-content-panel .screenshot-panel .screenshot-wrap .swiper-slide.videoWrap::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 4.625rem;height: 4.625rem;cursor: pointer;z-index: 1;background-size: cover;background-image: url(../images/playBtn.webp);}

.app-info-page .app-detail-content-panel .app-intro-panel{margin-top: 2rem;}
.app-info-page .app-detail-content-panel .app-intro-panel > h3{font-size: 1.875rem;color: #02010a;font-weight: bold;}
.app-info-page .app-detail-content-panel .app-intro-panel .contentInfo{margin-top: 1.25rem;display: flex;flex-direction: column;row-gap: 1.5rem;font-size: 1.5rem;color: #333333;line-height: 2.5rem;}
.app-info-page .app-detail-content-panel .app-intro-panel .contentInfo p, .app-info-page .app-detail-content-panel .app-intro-panel .contentInfo li {font-size: 1.5rem;color: #333333;line-height: 2.5rem;}
.app-info-page .app-detail-content-panel .app-intro-panel .contentInfo a{font-size: 1.5rem;color: #59adff;text-decoration: underline;}
.app-info-page .app-detail-content-panel .app-intro-panel .contentInfo img{max-width: 100%; max-height: 600px; height: auto; width: auto; cursor: pointer; display: block; margin: 0px auto;}
.app-info-page .app-detail-content-panel .app-intro-panel .contentInfo h3{position: relative;font-size: 1.625rem;font-weight: bold;color: #02010a;padding: 0 0.625rem 0.5rem;border-bottom: 1px solid rgb(88, 115, 255,0.2);z-index: 1;}
.app-info-page .app-detail-content-panel .app-intro-panel .contentInfo h3::before{content: "";position: absolute;top: 0;left: 0;z-index: -1;width: 1.5rem;height: 1.75rem;background-image: url(../images/content-title-bg.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}

.app-info-page .app-detail-content-panel .update-log-panel{margin-top: 2rem;}
.app-info-page .app-detail-content-panel .update-log-panel .titleTop{display: flex;align-items: center;justify-content: space-between;}
.app-info-page .app-detail-content-panel .update-log-panel .titleTop h2{font-size: 1.875rem;color: #02010a;font-weight: bold;}
.app-info-page .app-detail-content-panel .update-log-panel .titleTop a{font-size: 1.25rem;color: #bababa;}
.app-info-page .app-detail-content-panel .update-log-panel .update-list{margin-top: 1.25rem;display: flex;flex-direction: column;row-gap: 1.25rem;}
.app-info-page .app-detail-content-panel .update-log-panel .update-list .logWrap{display: flex;flex-direction: column;row-gap: 0.75rem;}
.app-info-page .app-detail-content-panel .update-log-panel .update-list .logWrap span{font-size: 1.5rem;color: #cccccc;}
.app-info-page .app-detail-content-panel .update-log-panel .update-list .logWrap p{font-size: 1.5rem;color: #333333;}

.app-info-page .app-detail-content-panel .app-info-panel{margin-top: 2rem;}
.app-info-page .app-detail-content-panel .app-info-panel h2{font-size: 1.875rem;color: #02010a;font-weight: bold;}
.app-info-page .app-detail-content-panel .app-info-panel .info-list{padding: 2rem 1.25rem;background: #f3f7fe;display: flex;flex-direction: column;row-gap: 1.25rem;margin-top: 1.25rem;}
.app-info-page .app-detail-content-panel .app-info-panel .info-list .infoWrap{display: flex;align-items: center;column-gap: 1.5rem;overflow: hidden;}
.app-info-page .app-detail-content-panel .app-info-panel .info-list .infoWrap .label{font-size: 1.5rem;color: #bababa;flex-shrink: 0;width: 6.25rem;}
.app-info-page .app-detail-content-panel .app-info-panel .info-list .infoWrap .value,
.app-info-page .app-detail-content-panel .app-info-panel .info-list .infoWrap .viewLink{flex: 1;text-align: right;font-size: 1.5rem;color: #02010a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-info-page .app-detail-content-panel .app-info-panel .info-list .infoWrap .viewLink{color: #59adff;}

.app-info-page .app-detail-content-panel .related-version-panel{margin-top: 2rem;}
.app-info-page .app-detail-content-panel .related-version-panel h2{font-size: 1.875rem;color: #02010a;font-weight: bold;}
.app-info-page .app-detail-content-panel .related-version-panel .version-list{margin-top: 1.25rem;display: flex;flex-direction: column;border: 1px solid #f5f6f8;}
.app-info-page .app-detail-content-panel .related-version-panel .version-list .versionWrap{height: 7.125rem;padding: 0 1.25rem;display: flex;align-items: center;column-gap: 1.5rem;}
.app-info-page .app-detail-content-panel .related-version-panel .version-list .versionWrap > i{width: 1.75rem;height: 1.75rem;background-image: url(../images/download-icon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.app-info-page .app-detail-content-panel .related-version-panel .version-list .versionWrap .infoWrap{flex: 1;display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;}
.app-info-page .app-detail-content-panel .related-version-panel .version-list .versionWrap .infoWrap .versionName{font-size: 1.5rem;color: #02010a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-info-page .app-detail-content-panel .related-version-panel .version-list .versionWrap .infoWrap .detailWrap{display: flex;align-items: center;column-gap: 0.625rem;font-size: 1.25rem;color: #bababa;}
.app-info-page .app-detail-content-panel .related-version-panel .version-list .versionWrap .viewBtn{width: 7.75rem; height: 3.125rem; line-height: 3.25rem; text-align: center; border-radius: 0.625rem; font-size: 1.5rem; color: #ffffff; background: linear-gradient(90deg, rgb(91, 111, 255) 0%, rgb(51, 161, 255) 100%); flex-shrink: 0;}
.app-info-page .app-detail-content-panel .related-version-panel .version-list .versionWrap:nth-child(odd){background: #f3f7fe;}

.app-info-page .app-detail-content-panel .similar-app-panel{margin-top: 2rem;}

.app-info-page .app-detail-content-panel .related-news-panel{margin-top: 2rem;padding-bottom: 1.25rem;}
.app-info-page .app-detail-content-panel .related-news-panel .news-listing{margin-top: 1.5rem;display: grid;grid-template-columns: repeat(2,1fr);column-gap: 1.25rem;row-gap: 1.25rem;}
.app-info-page .app-detail-content-panel .related-news-panel .news-listing .newsWrap{width: 100%;display: flex;flex-direction: column;}
.app-info-page .app-detail-content-panel .related-news-panel .news-listing .newsWrap .bannerWrap{position: relative;width: 100%;height: 11.75rem;overflow: hidden;margin-bottom: 0.625rem;}
.app-info-page .app-detail-content-panel .related-news-panel .news-listing .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.app-info-page .app-detail-content-panel .related-news-panel .news-listing .newsWrap .bannerWrap .tag{position: absolute;left: 0.625rem;bottom: 0.625rem;padding: 0.5rem;border: 1px solid #16bff6;border-radius: 0.5rem;font-size: 1rem;color: #16bff6;z-index: 2;}
.app-info-page .app-detail-content-panel .related-news-panel .news-listing .newsWrap .news-title{font-size: 1.5rem;color: #02010a;line-height: 2rem;height: 4rem;overflow: hidden;}
.app-info-page .app-detail-content-panel .related-news-panel .news-listing .newsWrap .bottomWrap{display: flex;align-items: center;column-gap: 0.375rem;font-size: 1.25rem;color: #bababa;margin-top: 0.5rem;}
.app-info-page .app-detail-content-panel .related-news-panel .news-listing .newsWrap .bannerWrap::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( 0deg, rgb(3,0,0) 0%, rgba(0,0,0,0) 100%);}

.app-info-page .app-detail-content-panel .new-app-panel{margin-top: 2rem;}

.app-info-page .app-detail-content-panel .cnxh-panel{margin-top: 1.25rem;}
.app-info-page .app-detail-content-panel .cnxh-panel .tab-buttons-wrap{position: relative;height: 3.25rem;z-index: 1;width: 100%;margin-top: 1.25rem;}
.app-info-page .app-detail-content-panel .cnxh-panel .tab-buttons{position: relative;display: flex;align-items: center;height: 3rem;z-index: 1;width: 100%;overflow-x: scroll;padding-top: 0.75rem;}
.app-info-page .app-detail-content-panel .cnxh-panel .tab-buttons-wrap::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3rem;background: #f5f6f8;transform: skew(-15deg);}
.app-info-page .app-detail-content-panel .cnxh-panel .tab-buttons li{cursor: pointer;padding: 0 1.25rem;height: 3.25rem;line-height: 3.25rem;font-size: 1.5rem;color: #666666;z-index: 1;position: relative;flex-shrink: 0;}
.app-info-page .app-detail-content-panel .cnxh-panel .tab-buttons li.active{background: #3071f2;color: #ffffff;top: -0.25rem;}
.app-info-page .app-detail-content-panel .cnxh-panel .tab-buttons::-webkit-scrollbar{height: 0;}
.app-info-page .app-detail-content-panel .cnxh-panel .tab-contents{margin-top: 1.25rem;}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap{display: flex;flex-direction: column;row-gap: 1.875rem;}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap .topicWrap{width: 100%;height: 12.5rem;position: relative;z-index: 1;display: flex;background: #000000;align-items: center;}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap .topicWrap .bannerWrap{width: 19.625rem;height: 12.5rem;overflow: hidden;flex-shrink: 0;}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap .topicWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;overflow: hidden;}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap .topicWrap .topic-info-wrap{display: flex;flex-direction: column;overflow: hidden;padding: 0 1rem;flex: 1;position: relative;z-index: 1;}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap .topicWrap .topic-info-wrap .topicName{font-size: 1.5rem;font-weight: bold;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0.5rem;}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap .topicWrap .topic-info-wrap > span{font-size: 1.125rem;color: #ffffff80;margin-bottom: 0.5rem;}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap .topicWrap .topic-info-wrap .desc{font-size: 1.25rem;color: #ffffff;line-height: 1.875rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap .topicWrap::after{content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(to left, rgba(0, 0, 0, 0.95) 0%, rgb(0 0 0) 15%, rgb(0 0 0) 35%, rgb(0 0 0 / 80%) 55%, rgba(0, 0, 0, 0) 75%);}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap .topic-app-listing{display: grid;grid-template-columns: repeat(4,1fr);column-gap: 1.25rem;row-gap: 1.25rem;}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap .topic-app-listing .appWrap{display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap .topic-app-listing .appWrap .imgWrap{margin: 0 auto;width: 8rem;height: 8rem;overflow: hidden;}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap .topic-app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.app-info-page .app-detail-content-panel .cnxh-panel .cnxh-wrap .topic-app-listing .appWrap .appName{text-align: center;font-size: 1.5rem;color: #02010a;overflow: hidden;line-height: 2.25rem;height: 2.25rem;}