.app-detail-page{margin-top: 1.25rem;}
.app-detail-page .app-download-banner{background-color: #ffffff;border-radius: 1.875rem;padding: 1.875rem;position: relative;display: flex;flex-direction: column;row-gap: 1.875rem;}
.app-detail-page .app-download-banner .detail-top-wrap{display: flex;align-items: center;column-gap: 1.875rem;}
.app-detail-page .app-download-banner .detail-top-wrap > img{width: 8.125rem;height: 8.125rem;border-radius: 1.875rem;}
.app-detail-page .app-download-banner .detail-top-wrap .detailWrap{display: flex;flex-direction: column;row-gap: 1.125rem;overflow: hidden;}
.app-detail-page .app-download-banner .detail-top-wrap .detailWrap h1{font-size: 2rem;font-weight: bold;color: #333333;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.app-detail-page .app-download-banner .detail-top-wrap .detailWrap p{display: flex;align-items: center;column-gap: 0.5rem;}
.app-detail-page .app-download-banner .detail-top-wrap .detailWrap p .icon{width: 1.5rem;height: 1.5rem;background-size: 15rem 45rem;background-position: -1.875rem -32.75rem;}
.app-detail-page .app-download-banner .detail-top-wrap .detailWrap p .icon.type-icon{background-position: -1.875rem -29.3rem;}
.app-detail-page .app-download-banner .detail-top-wrap .detailWrap p span{font-size: 1.625rem;color: #949494;}
.app-detail-page .app-download-banner .tag-list{display: flex;flex-wrap: wrap;gap: 1.125rem;}
.app-detail-page .app-download-banner .tag-list a{width: fit-content;padding: 0 1.25rem;height: 2.813rem;border-radius: 2.75rem;font-size: 1.375rem;font-weight: 500;line-height: 2.813rem;}
.app-detail-page .app-download-banner .tag-list a:nth-child(6n + 1){background-color: #DEFFE4;color: #1BE900;}
.app-detail-page .app-download-banner .tag-list a:nth-child(6n + 2){background-color: #FFEAE5;color: #FF793F;}
.app-detail-page .app-download-banner .tag-list a:nth-child(6n + 3){background-color: #E4EFFF;color: #4690FF;}
.app-detail-page .app-download-banner .tag-list a:nth-child(6n + 4){background-color: #FFF3D0;color: #F88501;}
.app-detail-page .app-download-banner .tag-list a:nth-child(6n + 5){background-color: #F1EDFF;color: #9F46FF;}
.app-detail-page .app-download-banner .tag-list a:nth-child(6n + 6){background-color: #E6FEFF;color: #21D8DD;}
.app-detail-page .app-download-banner .downloadBtn{width: 100%;height: 5.25rem;text-align: center;line-height: 5.25rem;border-radius: 2.75rem;background: linear-gradient(90deg, #64F1CF 0%, #46C1FF 100%);font-size: 2rem;font-weight: bold;color: #FFFFFF;}
.app-detail-page .app-download-banner .appointBtn{width: 100%;height: 5.25rem;text-align: center;line-height: 5.25rem;border-radius: 2.75rem;background: linear-gradient(90deg, #FFCF11 0%, #FFA21F 100%); font-size: 2rem;font-weight: bold;color: #FFFFFF;}
.app-detail-page .app-download-banner .noDownloadBtn{width: 100%;height: 5.25rem;text-align: center;line-height: 5.25rem;border-radius: 2.75rem;background: linear-gradient(90deg, #D9D9D9 0%, #C0C0C0 100%); font-size: 2rem;font-weight: bold;color: #FFFFFF;}
.app-detail-page .app-download-banner .downloadBtn.iosBtn{background: linear-gradient(94.14deg, #46D7FF -3.11%, #5599FF 112.55%);}
.app-detail-page .app-download-banner .downloadBtn.adrBtn{background: linear-gradient(94.36deg, #58F0C0 -25.34%, #0EC9A3 100%);}

.app-detail-page .app-navigate-bar{margin-top: 2.5rem;display: flex;align-items: center;justify-content: center;column-gap: 10rem;background-color: #F7FCF4;border-radius: 1.875rem 1.875rem 0 0;height: 4.375rem;}
.app-detail-page .app-navigate-bar a{display: flex;align-items: center;column-gap: 0.125rem;height: 100%;position: relative;font-size: 1.75rem;font-weight: 500;color: #949494;}
.app-detail-page .app-navigate-bar a.active{font-weight: bold;color: #55DFD8;}
.app-detail-page .app-navigate-bar a.active::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.125rem;width: 65%;height: 0.375rem;border-radius: 0.31rem;background: linear-gradient(90deg, #65F3CE 0%, #41C3FF 198.57%); }
.app-detail-page .app-navigate-bar a span{font-size: 0.938rem;color: #949494;}

.app-detail-page .app-detail-content{padding: 1.875rem;display: flex;flex-direction: column;row-gap: 1.875rem;background-color: #ffffff;border-radius: 0 0 1.875rem 1.875rem;position: relative;}
.app-detail-page .app-detail-content h2{position: relative;font-size: 1.875rem;color: #333333;font-weight: bold;width: fit-content;z-index: 1;}
.app-detail-page .app-detail-content h2::after{content: "";position: absolute;bottom: 0;left: 0;width: 6.5rem;height: 1.25rem;background: linear-gradient(90deg, #B9FFE9 0%, #B3FFFB 100%); z-index: -1;}
.app-detail-page .app-detail-content .openFeedback{position: absolute;right: 1.5rem;top: 1.5rem;border-radius: 0.5rem;border: 1px solid #FFC87B;background-color: #FFFAEF;padding: 0.5rem;display: flex;align-items: center;}
.app-detail-page .app-detail-content .openFeedback img{width: 1.375rem;height: 1.5rem;object-fit: contain;object-position: center;margin-right: 0.125rem;margin-top: 0.125rem;}
.app-detail-page .app-detail-content .openFeedback p{font-size: 1.5rem;color: #FFA21F;font-weight: 500;}

.app-detail-page .app-detail-content .screenshot-panel .screenshot-wrap{position: relative;overflow: hidden;}
.app-detail-page .app-detail-content .screenshot-panel .screenshot-wrap .swiper-slide{width: auto;height: 20rem;margin-right: 1.25rem;}
.app-detail-page .app-detail-content .screenshot-panel .screenshot-wrap .swiper-slide > img{height: 20rem;width: auto;border-radius: 0.625rem;object-fit: cover;object-position: center;}
.app-detail-page .app-detail-content .screenshot-panel .screenshot-wrap .swiper-slide .videoWrap{width: 100%;height: 100%;position: relative;z-index: 1;}
.app-detail-page .app-detail-content .screenshot-panel .screenshot-wrap .swiper-slide .videoWrap > img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 0.625rem;}
.app-detail-page .app-detail-content .screenshot-panel .screenshot-wrap .swiper-slide .videoWrap::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #00000033;backdrop-filter: blur(2px);border-radius: 0.625rem;z-index: 1;}
.app-detail-page .app-detail-content .screenshot-panel .screenshot-wrap .swiper-slide .videoWrap .playBtn{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 4.375rem;height: 4.375rem;z-index: 2;}
.app-detail-page .app-detail-content .screenshot-panel .screenshot-wrap .swiper-slide .videoWrap .playBtn img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.app-detail-page .app-detail-content .detail-content{display: flex;flex-direction: column;row-gap: 1.875rem;font-size: 1.75rem;line-height: 1.75;color: #333333;}
.app-detail-page .app-detail-content .detail-content p{font-size: 1.85rem;line-height: 1.75;color: #333333;}
.app-detail-page .app-detail-content .detail-content h3{position: relative;font-size: 1.875rem;color: #333333;font-weight: bold;width: fit-content;z-index: 1;}
.app-detail-page .app-detail-content .detail-content h3::after{content: "";position: absolute;bottom: 0;left: 0;width: 6.5rem;height: 1.25rem;background: linear-gradient(90deg, #B9FFE9 0%, #B3FFFB 100%); z-index: -1;}
.app-detail-page .app-detail-content .detail-content img{width: auto;height: auto;max-width: 100%;max-height: 40rem;object-fit: contain;object-position: center;margin: 0 auto;}

.detail-page-title{height: 4.5rem;border-radius: 1.875rem 1.875rem 0 0;background-color: #F7FCF4;padding: 0 1.875rem;display: flex;align-items: center;justify-content: space-between;}
.detail-page-title h2{position: relative;font-size: 1.875rem;color: #333333;font-weight: bold;width: fit-content;z-index: 1;}
.detail-page-title h2::after{content: "";position: absolute;bottom: 0;left: 0;width: 6.5rem;height: 1.25rem;background: linear-gradient(90deg, #B9FFE9 0%, #B3FFFB 100%); z-index: -1;}
.detail-page-title a > img{width: 0.875rem;height: auto;object-fit: cover;object-position: center;filter: brightness(0) saturate(100%) invert(66%) sepia(2%) saturate(0%) hue-rotate(146deg) brightness(89%) contrast(86%);}

.app-detail-page .app-info-panel{display: flex;flex-direction: column;}
.app-detail-page .app-info-panel .app-info-list{display: flex;flex-direction: column;padding: 0 1.875rem;background-color: #ffffff;border-radius: 0 0 1.875rem 1.875rem;}
.app-detail-page .app-info-panel .app-info-list .info-row{padding: 2rem 0;display: flex;align-items: center;justify-content: space-between;column-gap: 1rem;border-bottom: 1px solid #0000001A;}
.app-detail-page .app-info-panel .app-info-list .info-row > p{width: 6.875rem;flex: 0 0 6.875rem;max-width: 6.875rem;white-space: nowrap;font-size: 1.625rem;font-weight: 500;color: #949494;}
.app-detail-page .app-info-panel .app-info-list .info-row > span{text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.625rem;color: #333333;}
.app-detail-page .app-info-panel .app-info-list .info-row > a{font-size: 1.625rem;color: #41E2CF;text-decoration: underline;font-weight: 500;}
.app-detail-page .app-info-panel .app-info-list .info-row:last-child{border-bottom: none;}

.app-detail-page .app-listing-panel .app-listing{background-color: #ffffff;padding: 0.938rem 1.875rem 1.875rem;border-radius: 0 0 1.875rem 1.875rem;margin-top: 0;}

.related-recommend-panel .recommend-list{display: flex;align-items: flex-start;column-gap: 1.875rem;overflow-x: scroll;scroll-behavior: smooth; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;background-color: #ffffff;padding: 1.875rem;border-radius: 0 0 1.875rem 1.875rem;}
.related-recommend-panel .recommend-list::-webkit-scrollbar{height: 0;}
.related-recommend-panel .recommend-list .recommend-column{display: flex;flex-direction: column;row-gap: 1.875rem;width: 27.5rem;flex: 0 0 27.5rem;max-width: 27.5rem;}
.related-recommend-panel .recommend-list .recommend-column a{width: 100%;display: flex;align-items: center;column-gap: 1rem;}
.related-recommend-panel .recommend-list .recommend-column a > img{width: 6.875rem;height: 6.875rem;border-radius: 1.875rem;object-fit: cover;object-position: center;}
.related-recommend-panel .recommend-list .recommend-column a .detailWrap{display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;width: 10rem;}
.related-recommend-panel .recommend-list .recommend-column a .detailWrap .appName{font-size: 1.875rem;color: #333333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.related-recommend-panel .recommend-list .recommend-column a .detailWrap p{font-size: 1.5rem;color: #949494;}

.related-topic-panel{overflow: hidden;}
.related-topic-panel .related-topic-wrap{padding: 1.875rem;display: flex;flex-direction: column;row-gap: 1.875rem;background-color: #ffffff;border-radius: 0 0 1.875rem 1.875rem;}
.related-topic-panel .related-topic-wrap .related-topic-slider{display: flex;align-items: center;column-gap: 1.875rem;overflow-x: scroll;scroll-behavior: smooth; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;}
.related-topic-panel .related-topic-wrap .related-topic-slider::-webkit-scrollbar{height: 0;}
.related-topic-panel .related-topic-wrap .related-topic-slider a{width: 34.625rem;flex: 0 0 34.625rem;max-width: 34.625rem;background-color: #F7F7FB;border-radius: 1.875rem;display: flex;flex-direction: column;position: relative;z-index: 1;}
.related-topic-panel .related-topic-wrap .related-topic-slider a > img{width: 100%;height: 18.125rem;object-fit: cover;object-position: center;border-radius: 1.875rem 1.875rem 0 0;}
.related-topic-panel .related-topic-wrap .related-topic-slider a > .detailWrap{width: 100%;display: flex;flex-direction: column;row-gap: 0.625rem;padding: 1.25rem;}
.related-topic-panel .related-topic-wrap .related-topic-slider a > .detailWrap .topicName{font-size: 1.75rem;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.related-topic-panel .related-topic-wrap .related-topic-slider a > .detailWrap .dateUpdate{font-size: 1.375rem;color: #949494;}
.related-topic-panel .related-topic-wrap .related-topic-slider a .amount{position: absolute; right: -0.31rem; top: 1rem; height: 2.125rem; width: fit-content; padding: 0 0.75rem 0 1.25rem; text-align: center; background: linear-gradient(94.1deg, #44F4C6 1.62%, #3DD9FF 83.19%); font-size: 1.375rem; font-weight: bold; color: #FFFFFF; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 10% 50%);}
.related-topic-panel .related-topic-wrap .related-topic-slider a::before { content: ""; position: absolute; top: 3.05rem; right: -0.3rem; width: 0.4rem; height: 0.4rem; background-color: #4BBCAE; clip-path: polygon(0 0, 0% 100%, 100% 0); z-index: -1;}
.related-topic-panel .related-topic-wrap .related-app-list{display: flex;flex-wrap: wrap;margin-top: 1.5rem;column-gap: 1rem;row-gap: 1.875rem;justify-content: flex-start;}
.related-topic-panel .related-topic-wrap .related-app-panel .bgWrap{background: linear-gradient(324.95deg, #FFFFFF 57.52%, #FFF0F0 118.69%); }
.related-topic-panel .related-topic-wrap .related-app-list a{width: 9rem;flex: 0 0 9rem;max-width: 9rem;display: flex;flex-direction: column;row-gap: 0.875rem;}
.related-topic-panel .related-topic-wrap .related-app-list a > img{width: 7.5rem;height: 7.5rem;border-radius: 1.875rem;object-fit: cover;object-position: center;margin: 0 auto;}
.related-topic-panel .related-topic-wrap .related-app-list a > .appName{text-align: center;font-size: 1.75rem;color: #333333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.related-topic-panel .related-topic-wrap .related-app-list a > .viewBtn{margin-left: unset;margin: 0 auto;}
.related-topic-panel .related-topic-wrap .tag-list{display: flex;align-items: center;column-gap: 1.25rem;overflow-x: scroll;scroll-behavior: smooth; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;}
.related-topic-panel .related-topic-wrap .tag-list::-webkit-scrollbar{height: 0;}
.related-topic-panel .related-topic-wrap .tag-list a{width: 12.375rem;padding: 0 1.125rem;height: 3.75rem;border-radius: 2.5rem;font-size: 1.5rem;font-weight: 500;line-height: 3.75rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;flex: 0 0 12.375rem;max-width: 12.375rem;}
.related-topic-panel .related-topic-wrap .tag-list a:nth-child(6n + 1){background-color: #DEFFE4;color: #1BE900;}
.related-topic-panel .related-topic-wrap .tag-list a:nth-child(6n + 2){background-color: #FFEAE5;color: #FF793F;}
.related-topic-panel .related-topic-wrap .tag-list a:nth-child(6n + 3){background-color: #E4EFFF;color: #4690FF;}
.related-topic-panel .related-topic-wrap .tag-list a:nth-child(6n + 4){background-color: #FFF3D0;color: #F88501;}
.related-topic-panel .related-topic-wrap .tag-list a:nth-child(6n + 5){background-color: #F1EDFF;color: #9F46FF;}
.related-topic-panel .related-topic-wrap .tag-list a:nth-child(6n + 6){background-color: #E6FEFF;color: #21D8DD;}

.hot-news-panel .news-listing{padding: 1.875rem;display: flex;flex-direction: column;row-gap: 1.875rem;background-color: #ffffff;border-radius: 0 0 1.875rem 1.875rem;}
.hot-news-panel .news-listing a {display: flex;align-items: center;height: 10.125rem;background-color: #F7F7FB;border-radius: 1.875rem;}
.hot-news-panel .news-listing a > img{width: 15.75rem;height: 100%;border-radius: 1.875rem 0 0 1.875rem;object-fit: cover;object-position: center;flex: 0 0 15.75rem; max-width: 15.75rem;}
.hot-news-panel .news-listing a .detailWrap{padding: 1rem 1.25rem;display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;}
.hot-news-panel .news-listing a .detailWrap .newsName{font-size: 1.75rem;font-weight: bold;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-news-panel .news-listing a .detailWrap .content{font-size: 1.375rem;line-height: 2rem;color: #949494;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.hot-news-panel .news-listing a .detailWrap .dateUpdate{display: flex;align-items: center;column-gap: 0.31rem;font-size: 1.375rem;color: #949494;}
.hot-news-panel .news-listing a .detailWrap .dateUpdate > img{width: 1.125rem;height: auto;object-fit: cover;object-position: center;}

.comment-panel .comment-content-wrap{background-color: #ffffff;padding: 1.875rem 1.875rem 2.5rem;display: flex;flex-direction: column;border-radius: 0 0 1.875rem 1.875rem;}
.comment-panel .comment-content-wrap .comment-list{display: flex;flex-direction: column;row-gap: 1.75rem;margin-bottom: 1.875rem;}
.comment-panel .comment-content-wrap .comment-list .commentWrap{width: 100%;height: auto;padding: 1.25rem 1.25rem 1.625rem;background-color: #F9F9F9;border-radius: 1.25rem;display: flex;flex-direction: column;row-gap: 1.25rem;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .topWrap{display: flex;align-items: center;column-gap: 1rem;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .topWrap > img{width: 3.75rem;height: 3.75rem;object-fit: cover;object-position: center;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .topWrap .userName{font-size: 1.75rem;font-weight: 500;color: #333333;max-width: 12.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .topWrap .datePost{display: block;margin-left: auto;font-size: 1.5rem;color: #949494;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .comment-content{font-size: 1.5rem;color: #333333;line-height: 2.5rem;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .bottomAction{display: flex;align-items: center;column-gap: 0.875rem;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .bottomAction > div{display: flex;align-items: center;column-gap: 0.5rem;width: 6.438rem;height: 2.625rem;justify-content: center;border-radius: 0.625rem;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .bottomAction > div p{font-size: 1.5rem;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .bottomAction > div.supportWrap{background-color: #DFFFF9;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .bottomAction > div.supportWrap img{width: 1.125rem;height: auto;object-fit: cover;object-position: center;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .bottomAction > div.supportWrap p{color: #0EC9A3;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .bottomAction > div.replyWrap{background-color: #FFF6D8;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .bottomAction > div.replyWrap img{width: 1.25rem;height: auto;object-fit: cover;object-position: center;}
.comment-panel .comment-content-wrap .comment-list .commentWrap .bottomAction > div.replyWrap p{color: #F88400;}

.comment-panel .comment-content-wrap .reminder{font-size: 1.5rem;color: #949494;margin-bottom: 1.625rem;padding-left: 1.875rem;}

.comment-panel .comment-content-wrap .comment-field-wrap{display: flex;align-items: center;height: 5rem;width: 100%;border: 2px solid #E3E3E3;border-radius: 4.375rem;padding: 0.75rem 0.875rem 0.75rem 1.375rem;justify-content: space-between;}
.comment-panel .comment-content-wrap .comment-field-wrap input{width: calc(100% - 4.625rem);flex: 0 0 calc(100% - 4.625rem);max-width: calc(100% - 4.625rem);background-color: transparent;border: none;outline: none;font-size: 1.5rem;color: #333333;}
.comment-panel .comment-content-wrap .comment-field-wrap .postComment{width: 3.625rem;height: 3.625rem;flex: 0 0 3.625rem;max-width: 3.625rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: radial-gradient(138.46% 138.46% at 12.82% 0%, #67F9CB 0%, #0EC9A3 100%); }
.comment-panel .comment-content-wrap .comment-field-wrap .postComment img{width: 2rem;height: auto;object-fit: cover; object-position: center;margin-left: -0.25rem;}


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

.feedback-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;overflow: hidden; overflow-y: auto;}
.feedback-popup .overlay{background: #00000080; position: absolute;width: 100%;height: 100%;z-index: -1;}
.feedback-popup .feedback-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 39.25rem;border-radius: 3px;padding: 0 3.688rem 1.5rem;background-image: url(../images/info/feedbg.webp);background-position: center;background-size: cover;background-repeat: no-repeat;height: 61.063rem;}
.feedback-popup .feedback-wrap .close-icon{position: absolute;top: 0;right: 0;font-size: 4.75rem;color: #999999;cursor: pointer;}
.feedback-popup .feedback-wrap .popupTitle{position: relative; text-align: center; margin: 10rem auto 0;font-size: 2.5rem; line-height: 2.5rem; font-weight: bold; color: #000;}
.feedback-popup .feedback-wrap .feedback-inner{text-align: left;padding: 0.5rem 0;}
.feedback-popup .feedback-wrap .feedback-inner > p{font-size: 1.875rem; color: #000; margin: 0.875rem 0; text-align: left;}
.feedback-popup .feedback-wrap .feedback-inner .info{position: relative; top: -0.25rem;}
.feedback-popup .feedback-wrap .feedback-inner .info .checkbox{position: relative; height: 3.75rem; line-height: 3.75rem;}
.feedback-popup .feedback-wrap .feedback-inner .info .checkbox input[type='checkbox'] { position: absolute; left: 0; top: 0; width: 2rem; height: 2rem; opacity: 0; }
.feedback-popup .feedback-wrap .feedback-inner .info .checkbox label { position: absolute; left: 0px; top: 0; height: 3.75rem; line-height: 3.75rem; width: 100%; font-size: 1.5rem; color: #666; text-align: left; padding-left: 2.5rem; }
.feedback-popup .feedback-wrap .feedback-inner .info .checkbox label:after { content: ''; position: absolute; left: 0; top: 0.9rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 1px solid #ccc; text-align: center; line-height: 1rem; font-size: 1rem; cursor: pointer;}
.feedback-popup .feedback-wrap .feedback-inner textarea { width: 100%; height: 7.5rem; border: none; resize: none; padding: 0 1.75rem; font-size: 1.5rem; color: #8f8f8f; background-color: #F0F0F0; border-radius: 3px; line-height: 4rem; outline: none; border: none;}
.feedback-popup .feedback-wrap .feedback-inner .phoneField { overflow: hidden; margin-bottom: 1rem; }
.feedback-popup .feedback-wrap .feedback-inner .phoneField input { display: block; border: none; width: 100%; height: 4rem; line-height: 4rem; font-size: 1.5rem; padding: 0 1.75rem; background-color: #F6F6F6; border-radius: 3px; }
.feedback-popup .feedback-wrap .feedback-inner .info .checkbox input[type='checkbox']:checked + label:after { top: 0.9rem; width: 1.875rem; height: 1.875rem; background: url(../images/info/tick.webp) no-repeat; background-size: contain; border: 0; }
.feedback-popup .feedback-wrap .confirmBtn { display: block; cursor: pointer; border: 0; width: 24.5rem; height: 4.25rem; color: #fff; font-size: 2rem; line-height: 4.25rem; margin: 0 auto; background: url(../images/info/feedbackBtn.webp) no-repeat; background-size: cover; background-position: center;}

.permission-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;overflow: hidden; overflow-y: auto;}
.permission-popup .overlay{background: #00000080; position: absolute;width: 100%;height: 100%;z-index: -1;}
.permission-popup .permission-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 39.25rem;border-radius: 3px;padding: 0 1.688rem 1.5rem;background-image: url(../images/info/popbg.webp);background-position: center;background-size: cover;background-repeat: no-repeat;height: 56rem;}
.permission-popup .permission-text .close-icon{position: absolute;top: 0;right: 0;font-size: 4.75rem;color: #999999;cursor: pointer;}
.permission-popup .permission-text .popupTitle{position: relative; text-align: center; margin: 9rem auto 0;font-size: 2.5rem; line-height: 2.5rem; font-weight: bold; color: #000;}
.permission-popup .permission-text .permission-content{display: block; height: 32rem; border: none; padding: 0px 1.875rem; line-height: 3rem; font-size: 1.5rem; margin: 2rem auto 2.5rem; text-align: left; overflow: auto;}
.permission-popup .permission-text .permission-content p:nth-of-type(1) { font-size: 1.75rem; font-weight: bold; color: #333; margin-bottom: 0.05rem; }
.permission-popup .permission-text .permission-content strong { display: block; font-size: 1.5rem; color: #333; line-height: 3rem; }
.permission-popup .permission-text .confirmBtn{display: block; cursor: pointer; border: 0; width: 24.5rem; height: 4.25rem; color: #fff; font-size: 2rem; line-height: 4.25rem; margin: 0 auto; background: url(../images/info/popBtn.webp) no-repeat; background-size: cover; background-position: center;}

.privacy-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;overflow: hidden; overflow-y: auto;}
.privacy-popup .overlay{background: #00000080; position: absolute;width: 100%;height: 100%;z-index: -1;}
.privacy-popup .privacy-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 39.25rem;border-radius: 3px;padding: 0 1.688rem 1.5rem;background-image: url(../images/info/popbg.webp);background-position: center;background-size: cover;background-repeat: no-repeat;height: 56rem;}
.privacy-popup .privacy-text .close-icon{position: absolute;top: 0;right: 0;font-size: 4.75rem;color: #999999;cursor: pointer;}
.privacy-popup .privacy-text .popupTitle{position: relative; text-align: center; margin: 9rem auto 0;font-size: 2.5rem; line-height: 2.5rem; font-weight: bold; color: #000;}
.privacy-popup .privacy-text .privacy-content{display: block; height: 32rem; border: none; padding: 0px 1.875rem; line-height: 3rem; font-size: 1.5rem; margin: 2rem auto 2.5rem; text-align: left; overflow: auto;}
.privacy-popup .privacy-text .privacy-content p:nth-of-type(1) { font-size: 1.75rem; font-weight: bold; color: #333; margin-bottom: 0.05rem; }
.privacy-popup .privacy-text .privacy-content strong { display: block; font-size: 1.5rem; color: #333; line-height: 3rem; }
.privacy-popup .privacy-text .confirmBtn{display: block; cursor: pointer; border: 0; width: 24.5rem; height: 4.25rem; color: #fff; font-size: 2rem; line-height: 4.25rem; margin: 0 auto; background: url(../images/info/popBtn.webp) no-repeat; background-size: cover; background-position: center;}