body{background: #f5f6f8;}
.contentWrap{position: relative;}
.contentWrap::after{content: "";position: absolute;top: -20px;left: 0;width: 100%;height: 566px;background: linear-gradient( to bottom, #d6ebfe 0%, #d7ebfd 60%, #e0effd 82%, #e5e8f9 94%, #f0eef8 98%, #f5f6f8 100% );z-index: -1;}

.app-info-page .info_lr{display: flex;align-items: flex-start;column-gap: 20px;}
.app-info-page .info_lr .info_left{width: 325px;flex-shrink: 0;display: flex;flex-direction: column;row-gap: 20px;}
.app-info-page .info_lr .info_right{width: 854px;flex-shrink: 0;background: #ffffff;padding: 30px 20px;overflow: hidden;}
.app-info-page .info_lr .info_left > div{background: #ffffff;padding: 15px 20px;}

.app-info-page .info_lr .info_left .side-hot-app-panel .app-listing .appWrap .viewBtn{display: none;}
.app-info-page .info_lr .info_left .side-hot-app-panel .app-listing .appWrap:hover .viewBtn{display: block;}

.app-detail-panel{position: relative;background: #ffffff;display: flex;flex-direction: column;padding: 30px 20px!important;}
.app-detail-panel .reportBtn{position: absolute;top: -14px;right: 0;width: 58px;height: 24px;cursor: pointer;background: url(../images/reportBg.webp);background-position: center;background-repeat: no-repeat;background-size: contain;display: flex;column-gap: 4px;font-size: 12px;color: #ffffff;justify-content: center;padding: 2px 2px 2px 8px;}
.app-detail-panel .reportBtn i{width: 11px;height: 12px;background: url(../images/reportIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;margin-top: 3px;}
.app-detail-panel .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: 45px;height: 49px;font-size: 13px;color: #157042;}
.app-detail-panel .tag span{transform: rotate(-47deg); display: block; margin-top: -2px; margin-left: -2px;}
.app-detail-panel h1{text-align: center;font-size: 26px;color: #040404;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;}
.app-detail-panel > img{width: 128px;height: 128px;object-fit: cover;border-radius: 20px;margin: 0 auto;}
.app-detail-panel .button-list{display: flex;flex-direction: column;row-gap: 20px;margin-top: 20px;align-items: center;width: 100%;padding-bottom: 24px;border-bottom: 1px solid #f2f2f2;}
.app-detail-panel .button-list a{width: 100%;height: 45px;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 6px;font-size: 18px;color: #ffffff;}
.app-detail-panel .button-list a p{font-size: 18px;color: #ffffff;line-height: 1;}
.app-detail-panel .button-list a span{font-size: 12px;color: #ffffffB3;}

.app-detail-panel .button-list a.ios-btn{background: linear-gradient( 90deg, rgb(51,161,255) 0%, rgb(91,111,255) 100%);}
.app-detail-panel .button-list a.android-btn{background: rgb(52,235,177);}
.app-detail-panel .button-list a.pc-btn{background: linear-gradient( 270deg, rgb(241,130,255) 0%, rgb(193,93,255) 97%);}
.app-detail-panel .button-list a.appointment-btn{background: #fea93a;display: none;}
.app-detail-panel .button-list a.no-download-btn{background: linear-gradient( 270deg, rgb(235,80,254) 0%, rgb(169,50,243) 100%);display: none;}
.app-detail-panel .app-detail-wrap{margin-top: 20px;}
.app-detail-panel .app-detail-wrap .app-detail-top{display: flex;align-items: center;column-gap: 16px;}
.app-detail-panel .app-detail-wrap .app-detail-top > div{display: flex;align-items: center;column-gap: 8px;}
.app-detail-panel .app-detail-wrap .app-detail-top > div p{border: 1px solid #cbcbcb;padding: 4px;font-size: 12px;color: #cbcbcb;}
.app-detail-panel .app-detail-wrap .app-detail-top > div span{font-size: 14px;color: #999999;}
.app-detail-panel .app-detail-wrap .app-detail-top > div.age-limit p{padding: 4px 8px;border-radius: 24px;line-height: 12px;}
.app-detail-panel .app-detail-wrap .app-detail-top > div.language p{width: 24px;height: 24px;line-height: 15px;border-radius: 50px;max-width: 24px;max-height: 24px;padding-left: 5px;}
.app-detail-panel .app-detail-wrap .app-detail-list{font-size: 14px;line-height: 20px;display: flex;flex-direction: column;row-gap: 12px;margin-top: 12px;}
.app-detail-panel .app-detail-wrap .app-detail-list .wrap{display: flex;align-items: flex-start;column-gap: 10px;}
.app-detail-panel .app-detail-wrap .app-detail-list .wrap span{width: 60px;flex: 0 0 60px;max-width: 60px;font-size: 14px;color: #bababa;}
.app-detail-panel .app-detail-wrap .app-detail-list .wrap p{font-size: 14px;color: #333333;word-break: break-all;}
.app-detail-panel .app-detail-wrap .app-detail-list .wrap a{font-size: 14px;color: #16bff6;text-decoration: underline;}

.app-info-page .info_lr .info_right .info-navigation-bar{display: flex;align-items: center;column-gap: 20px;}
.app-info-page .info_lr .info_right .info-navigation-bar a{font-size: 18px;color: #666666;padding: 0 20px;position: relative;}
.app-info-page .info_lr .info_right .info-navigation-bar a::before,
.app-info-page .info_lr .info_right .info-navigation-bar a::after{content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(18deg);left: 0;width: 2px;height: 20px;background: #d4e4ff;display: none;}
.app-info-page .info_lr .info_right .info-navigation-bar a::after{left: unset;right: 0;}
.app-info-page .info_lr .info_right .info-navigation-bar a.active::before,
.app-info-page .info_lr .info_right .info-navigation-bar a.active::after{display: block;}
.app-info-page .info_lr .info_right .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: 20px;}
.app-info-page .info_lr .info_right .info-navigation-bar a span{font-size: 12px;color: #cccccc;}

.app-info-page .info_lr .info_right .screenshot-panel{margin-top: 20px;}
.app-info-page .info_lr .info_right .screenshot-panel .screenshot-wrap{position: relative;overflow: hidden;}
.app-info-page .info_lr .info_right .screenshot-panel .screenshot-wrap .swiper-slide{width: auto;height: 384px;}
.app-info-page .info_lr .info_right .screenshot-panel .screenshot-wrap .swiper-slide img{max-height: 384px;width: auto;cursor: pointer;}
.app-info-page .info_lr .info_right .screenshot-panel .screenshot-wrap .swiper-slide.videoWrap{position: relative;background-color: #000000;}
.app-info-page .info_lr .info_right .screenshot-panel .screenshot-wrap .swiper-slide.videoWrap::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 58px;height: 58px;cursor: pointer;z-index: 1;background-size: cover;background-image: url(../images/playBtn.webp);}
.app-info-page .info_lr .info_right .screenshot-panel .screenshot-wrap .swiper-button-prev,
.app-info-page .info_lr .info_right .screenshot-panel .screenshot-wrap .swiper-button-next{position: absolute;top: 50%;transform: translateY(-50%);left: 10px;width: 40px;height: 69px;border-radius: 2px;border: 1px solid #ffffff3a;z-index: 2;background: #00000080;cursor: pointer;}
.app-info-page .info_lr .info_right .screenshot-panel .screenshot-wrap .swiper-button-prev::after,
.app-info-page .info_lr .info_right .screenshot-panel .screenshot-wrap .swiper-button-next::after{content: "";position: absolute;top: 50%;left: 60%;transform: translate(-50%, -50%) rotate(-45deg);width: 18px;height: 18px;border: 2px solid #ffffff;border-right: none;border-bottom: none;}
.app-info-page .info_lr .info_right .screenshot-panel .screenshot-wrap .swiper-button-next{left: unset;right: 0px;}
.app-info-page .info_lr .info_right .screenshot-panel .screenshot-wrap .swiper-button-next::after{left: 40%;transform: translate(-50%, -50%) rotate(135deg);}

.app-info-page .info_lr .info_right .app-intro-panel{margin-top: 20px;}
.app-info-page .info_lr .info_right .app-intro-panel > h3{font-size: 22px;color: #02010a;font-weight: bold;}
.app-info-page .info_lr .info_right .app-intro-panel .tag-list{margin-top: 20px;display: flex; align-items: center; column-gap: 10px;row-gap: 10px;flex-wrap: wrap;}
.app-info-page .info_lr .info_right .app-intro-panel .tag-list a{width: fit-content; height: 22px; line-height: 20px; text-align: center; font-size: 12px; color: #999999; border: 1px solid #999999; border-radius: 4px; padding: 0 10px;}

.app-info-page .info_lr .info_right .app-intro-panel .contentInfo{margin-top: 20px;display: flex;flex-direction: column;row-gap: 24px;font-size: 16px;color: #333333;line-height: 32px;}
.app-info-page .info_lr .info_right .app-intro-panel .contentInfo p, .app-info-page .info_lr .info_right .app-intro-panel .contentInfo li {font-size: 16px;color: #333333;line-height: 32px;}
.app-info-page .info_lr .info_right .app-intro-panel .contentInfo a{font-size: 16px;color: #59adff;text-decoration: underline;}
.app-info-page .info_lr .info_right .app-intro-panel .contentInfo img{max-width: 720px; max-height: 600px; height: auto; width: auto; cursor: pointer; display: block; margin: 0px auto;}
.app-info-page .info_lr .info_right .app-intro-panel .contentInfo h3{position: relative;font-size: 20px;font-weight: bold;color: #02010a;padding: 0 10px 8px;border-bottom: 1px solid rgb(88, 115, 255,0.2);z-index: 1;line-height: 28px;}
.app-info-page .info_lr .info_right .app-intro-panel .contentInfo h3::before{content: "";position: absolute;top: 0;left: 0;z-index: -1;width: 19px;height: 23px;background-image: url(../images/content-title-bg.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}

.app-info-page .info_lr .info_right .update-log-panel{margin-top: 20px;}
.app-info-page .info_lr .info_right .update-log-panel .titleTop{display: flex;align-items: center;justify-content: space-between;}
.app-info-page .info_lr .info_right .update-log-panel .titleTop h2{font-size: 22px;color: #02010a;font-weight: bold;}
.app-info-page .info_lr .info_right .update-log-panel .titleTop a{font-size: 14px;color: #bababa;}
.app-info-page .info_lr .info_right .update-log-panel .update-list{margin-top: 10px;display: flex;flex-direction: column;row-gap: 10px;}
.app-info-page .info_lr .info_right .update-log-panel .update-list .logWrap{display: flex;flex-direction: column;row-gap: 10px;}
.app-info-page .info_lr .info_right .update-log-panel .update-list .logWrap .topWrap{display: flex;align-items: center;column-gap: 6px;font-size: 14px;color: #bababa;line-height: 20px;}
.app-info-page .info_lr .info_right .update-log-panel .update-list .logWrap p{font-size: 16px;color: #333333;line-height: 24px;}

.app-info-page .info_lr .info_right .related-version-panel{margin-top: 20px;}
.app-info-page .info_lr .info_right .related-version-panel h2{font-size: 22px;color: #02010a;margin-bottom: 15px;}
.app-info-page .info_lr .info_right .related-version-panel .version-list{display: flex;flex-direction: column;border: 1px solid #f5f6f8;}
.app-info-page .info_lr .info_right .related-version-panel .version-list .versionWrap{display: flex;align-items: center;height: 58px;padding: 0 20px;}
.app-info-page .info_lr .info_right .related-version-panel .version-list .versionWrap a.versionName{font-size: 14px;color: #02010a;width: 290px;flex: 0 0 290px;max-width: 290px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;padding-left: 32px;line-height: 20px;}
.app-info-page .info_lr .info_right .related-version-panel .version-list .versionWrap a.versionName::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 16px;height: 16px;background: url(../images/download-icon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.app-info-page .info_lr .info_right .related-version-panel .version-list .versionWrap .dateUpdate{position: relative;width: 215px;flex: 0 0 215px;max-width: 215px;text-align: left;font-size: 14px;color: #060606;padding: 0 15px;line-height: 20px;}
.app-info-page .info_lr .info_right .related-version-panel .version-list .versionWrap .dateUpdate span{color: #bababa;}
.app-info-page .info_lr .info_right .related-version-panel .version-list .versionWrap .dateUpdate::before{content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(22deg);left: 0;width: 1px;height: 16px;background-color: #e1e1e1;}
.app-info-page .info_lr .info_right .related-version-panel .version-list .versionWrap .dateUpdate::after{content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(22deg);right: 0;width: 1px;height: 16px;background-color: #e1e1e1;}
.app-info-page .info_lr .info_right .related-version-panel .version-list .versionWrap .app-version{position: relative;flex: 1;text-align: left;font-size: 14px;color: #060606;padding: 0 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 20px;}
.app-info-page .info_lr .info_right .related-version-panel .version-list .versionWrap .app-version span{color: #bababa;}
.app-info-page .info_lr .info_right .related-version-panel .version-list .versionWrap .viewBtn{width: 70px; height: 28px; flex-shrink: 0; text-align: center; line-height: 28px; border-radius: 6px; background: #e0f0ff; color: #3071f2; font-size: 14px;}
.app-info-page .info_lr .info_right .related-version-panel .version-list .versionWrap:hover{background: #3071f20F;}
.app-info-page .info_lr .info_right .related-version-panel .version-list .versionWrap:hover a.versionName{color: #4985ff;}
.app-info-page .info_lr .info_right .related-version-panel .version-list .versionWrap:hover .viewBtn{color: #ffffff; background: linear-gradient(90deg, rgb(51, 161, 255) 0%, rgb(91, 111, 255) 100%);}

.app-info-page .info_lr .info_right .titleWrap h2{padding-left: 0;font-size: 22px;}
.app-info-page .info_lr .info_right .titleWrap h2::before{display: none;}

.app-info-page .info_lr .info_right .similar-app-panel{margin-top: 20px;}

.app-info-page .info_lr .info_right .similar-app-panel .app-listing{margin-top: 20px;display: grid;align-items: center;column-gap: 14px;grid-template-columns: repeat(5,1fr);}
.app-info-page .info_lr .info_right .similar-app-panel .app-listing .appWrap{width: 100%;height: 212px;position: relative;overflow: hidden;}
.app-info-page .info_lr .info_right .similar-app-panel .app-listing .appWrap .card-wrap{width: 100%;height: 100%;padding: 18px 10px;display: flex;flex-direction: column;background: #f5f6f8;}
.app-info-page .info_lr .info_right .similar-app-panel .app-listing .appWrap .card-wrap .imgWrap{margin: 0 auto 8px;width: 85px;height: 85px;}
.app-info-page .info_lr .info_right .similar-app-panel .app-listing .appWrap .card-wrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 12px;}
.app-info-page .info_lr .info_right .similar-app-panel .app-listing .appWrap .card-wrap .appName{text-align: center;font-size: 14px;font-weight: bold;color: #02010a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 6px;}
.app-info-page .info_lr .info_right .similar-app-panel .app-listing .appWrap .card-wrap > span{font-size: 13px;text-align: center;color: #bababa;margin-bottom: 8px;}
.app-info-page .info_lr .info_right .similar-app-panel .app-listing .appWrap .card-wrap .viewBtn{width: 70px;height: 28px;flex-shrink: 0;text-align: center;line-height: 28px;border-radius: 6px;background: #e0f0ff;color: #3071f2;font-size: 14px;margin: 0 auto;}
.app-info-page .info_lr .info_right .similar-app-panel .app-listing .appWrap:hover .card-wrap .viewBtn {color: #ffffff;background: linear-gradient( 90deg, rgb(51,161,255) 0%, rgb(91,111,255) 100%);}
.app-info-page .info_lr .info_right .similar-app-panel .app-listing .appWrap:hover .card-wrap .appName {color: #3071f2;}

.app-info-page .info_lr .info_right .related-news-panel .related-news-slider{overflow: hidden;}
.app-info-page .info_lr .info_right .related-news-panel .related-news-slider .related-news-swiper-button-next{right: 10px;}

.app-info-page .info_lr .info_right .type-rec-panel{margin-top: 20px;}

.app-info-page .info_lr .info_right .user-review-panel{margin-top: 20px;}

.cnxh-panel{margin-top: 20px;}
.cnxh-panel .tab-buttons{margin-top: 20px;position: relative;display: flex;align-items: center;height: 32px;z-index: 1;width: 100%;padding: 0 16px;}
.cnxh-panel .tab-buttons::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f5f6f8;transform: skew(-15deg);}
.cnxh-panel .tab-buttons li{cursor: pointer;padding: 0 16px;height: 34px;line-height: 34px;font-size: 14px;color: #666666;z-index: 1;position: relative;white-space: nowrap;overflow: hidden;}
.cnxh-panel .tab-buttons li.active{background: #3071f2;color: #ffffff;font-weight: bold;top: -2px;}
.cnxh-panel .tab-contents{margin-top: 20px;}
.cnxh-panel .cnxh-wrap{display: grid;align-items: flex-start;column-gap: 20px;grid-template-columns: 324px 1fr;}
.cnxh-panel .cnxh-wrap .topicWrap{width: 100%;height: 330px;position: relative;z-index: 1;display: flex;flex-direction: column;background: #000000;}
.cnxh-panel .cnxh-wrap .topicWrap .bannerWrap{width: 100%;height: 180px;overflow: hidden;}
.cnxh-panel .cnxh-wrap .topicWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;overflow: hidden;}
.cnxh-panel .cnxh-wrap .topicWrap .topic-info-wrap{display: flex;flex-direction: column;overflow: hidden;padding: 0 18px;position: absolute;z-index: 1;width: 100%;bottom: 20px;}
.cnxh-panel .cnxh-wrap .topicWrap .topic-info-wrap .topicName{font-size: 18px;font-weight: bold;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.cnxh-panel .cnxh-wrap .topicWrap .topic-info-wrap .detailWrap{display: flex;align-items: center;column-gap: 6px;font-size: 13px;color: #ffffff80;line-height: 20px;margin-bottom: 8px;}
.cnxh-panel .cnxh-wrap .topicWrap .topic-info-wrap .desc{font-size: 16px;color: #ffffff;line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.cnxh-panel .cnxh-wrap .topicWrap::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, 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%);}
.cnxh-panel .cnxh-wrap .topic-app-listing{display: grid;grid-template-columns: repeat(5,1fr);column-gap: 20px;row-gap: 18px;}
.cnxh-panel .cnxh-wrap .topic-app-listing .appWrap{display: flex;flex-direction: column;row-gap: 8px;overflow: hidden;}
.cnxh-panel .cnxh-wrap .topic-app-listing .appWrap .imgWrap{margin: 0 auto;width: 70px;height: 70px;overflow: hidden;}
.cnxh-panel .cnxh-wrap .topic-app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 15px;}
.cnxh-panel .cnxh-wrap .topic-app-listing .appWrap .appName{text-align: center;font-size: 14px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}