.blur{filter: blur(7px);}
.info-page-wrap{display: flex;justify-content: space-between;max-width: 100rem; width: 100%; margin: 1.875rem auto 0; padding: 0; position: relative;}
.downloadInfoWrap {display: flex;flex-direction: column;flex: 0 0 76rem;max-width: 76rem;}
.item-list-wrap{display: flex;flex-direction: column;row-gap: 3rem;flex: 0 0 17.5rem;max-width: 17.5rem;border-left: 1px solid #CDD5DF;height: max-content;}
.download-top-panel .container{display: flex;align-items: flex-end;column-gap: 2rem;justify-content: space-between;}
.download-top-panel .infoWrap{display: flex;}
.download-top-panel .infoWrap > img{width: 12.5rem;height: 12.5rem;border-radius: 1.25rem;margin-right: 2.5rem;flex: 0 0 12.5rem;max-width: 12.5rem;}
.download-top-panel .infoWrap .detailWrap{display: flex;flex-direction: column;width: 100%;overflow: hidden;}
.download-top-panel .infoWrap .detailWrap .name{font-size: 2.25rem;font-weight: 500;color: #364152;margin-bottom: 0.25rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.download-top-panel .infoWrap .detailWrap .dev{font-size: 0.875rem;font-weight: 400;color: #6938EF;}
.download-top-panel .typeList{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 1.75rem;}
.download-top-panel .typeList a{min-width: 4.75rem;height: 2rem;border-radius: 0.31rem;border: 1px solid #CDD5DF;font-size: 0.875rem;font-weight: 400;color: #364152;text-align: center;display: flex;justify-content: center;align-items: center;line-height: 1.25rem;}
.download-top-panel .subDetail{margin-top: 1.75rem;display: flex;align-items: center;column-gap: 3rem;}
.download-top-panel .subDetail > div {display: flex;flex-direction: column;row-gap: 0.375rem;justify-content: center;align-items: center;position: relative;}
.download-top-panel .subDetail > div p{font-size: 1.25rem;font-weight: 500;color: #364152;display: flex;align-items: center;max-width: 4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.download-top-panel .subDetail > div span{font-size: 0.75rem;font-weight: 400;color: #364152;}
.download-top-panel .subDetail > div p i{font-size: 1.25rem;color: #6938EF;margin-left: 0.25rem;}
.download-top-panel .subDetail > div::after{position: absolute;content: "";width: 1px;height: 70%;background-color: #CDD5DF;top: 50%;transform: translateY(-50%);right: -1.5rem;}
.download-top-panel .subDetail > div:last-child::after{display: none;}
.download-top-panel .version{text-align: right;width: 100%;font-size: 0.875rem;color: #364152;}
.download-top-panel .downloadBtnWrap{margin-top: 0.5rem;display: flex;flex-direction: column;row-gap: 1rem;}
.download-top-panel .downloadBtnWrap a{display: flex;justify-content: center;align-items: center;column-gap: 0.5rem;width: 100%;height: 3.5rem;border-radius: 0.63rem;background-color: #6938EF;min-width: 14.25rem;color:white;}
.download-top-panel .downloadBtnWrap a.otherVersion{background-color: transparent;border: 1px solid #6938EF;}
.download-top-panel .downloadBtnWrap a i{font-size: 2rem;color: #ffffff;}
.download-top-panel .downloadBtnWrap a p{font-size: 1.25rem;color: #ffffff;font-weight: 500;}
.download-top-panel .downloadBtnWrap a span{font-size: 0.875rem;color: #ffffff;}
.download-top-panel .downloadBtnWrap a.otherVersion i, .download-top-panel .downloadBtnWrap a.otherVersion p{color: #6938EF;}

.download-top-panel .downloadBtnWrap button{display: flex;justify-content: center;align-items: center;column-gap: 0.5rem;width: 100%;height: 3.5rem;border-radius: 0.63rem;background-color: #ea38ef;min-width: 14.25rem;color:white;border:none;}
.download-top-panel .downloadBtnWrap button i{font-size: 2rem;color: #ffffff;}
.download-top-panel .downloadBtnWrap button p{font-size: 1.25rem;color: #ffffff;font-weight: 500;}
.download-top-panel .downloadBtnWrap button span{font-size: 0.875rem;color: #ffffff;}

.screenshot-slider {margin-top: 4rem;position: relative;}
.screenshot-slider h2{font-size: 1.25rem;color: #364152;font-weight: 500;margin-bottom: 0.5rem;}
.screenshot-slider .screenshot-swiper{margin: 1rem 0 0;}
.screenshot-slider .screenshot-swiper .swiper-wrapper{height: max-content;}
.screenshot-slider .screenshot-swiper .swiper-slide{width: auto;}
.screenshot-slider .screenshot-swiper .swiper-slide img{width: 100%; height: 100%; object-fit: contain; display: block;max-height: 16rem;box-shadow: 0px 2px 4px 0px #11135B26; border-radius: 0.63rem;margin-bottom: 1rem;}

.intro-panel{margin-top: 2rem;}
.intro-panel .titleWrap{margin-bottom: 1.5rem;}
.intro-panel p.content{font-size: 0.875rem;line-height: 1.25rem;color: #364152;display: -webkit-box; -webkit-line-clamp: 10;-webkit-box-orient: vertical;overflow: hidden;}
.intro-panel div.content{font-size: 0.875rem;line-height: 1.25rem;color: #364152;display: -webkit-box; -webkit-line-clamp: 10;-webkit-box-orient: vertical;overflow: hidden;}
.intro-panel .readMore{margin-top: 2rem;color: #6938EF;text-decoration: underline;font-size: 0.875rem;cursor: pointer;}

.app-info-panel{margin-top: 3rem;}
.intro-panel .container img {
    max-width: 100%;
    max-height: 75vh;
    width: auto;
    height: auto;
    display: block;
    margin: 10px auto;
}
.app-info-panel h2{font-size: 1.25rem;font-weight: 500;color: #364152;margin-bottom: 1.5rem;}
.app-info-panel .detailBlock{width: 100%;height: max-content;padding: 1.75rem 4rem 1.5rem 2.5rem;border: 1px solid #CDD5DF;border-radius: 1rem;display: flex;row-gap: 2.75rem;column-gap: 4.5rem;flex-wrap: wrap;}
.app-info-panel .detailBlock .detailWrap{display: flex;column-gap: 0.63rem;align-items: flex-start;min-width: 10rem;}
.app-info-panel .detailBlock .detailWrap i{font-size: 1.5rem;color: #697586;margin-top: 0.25rem;}
.app-info-panel .detailBlock .detailWrap .detail{display: flex;flex-direction: column;row-gap: 0.5rem;}
.app-info-panel .detailBlock .detailWrap .detail p{font-size: 0.875rem;color: #697586;}
.app-info-panel .detailBlock .detailWrap .detail span{color: #364152;font-size: 0.875rem;}
.app-info-panel .detailBlock .detailWrap .detail a{font-size: 0.875rem;text-decoration: none;color: #6938EF;cursor: pointer;}

.update-log-panel{margin-top: 3rem;}
.update-log-panel h2{font-size: 1.25rem;font-weight: 500;color: #364152;margin-bottom: 1.5rem;}
.update-log-panel .update-content{display: flex;flex-direction: column;}
.update-log-panel .update-content .version, .update-log-panel .update-content .dateUpdate{display: flex;align-items: center;column-gap: 4.5rem;}
.update-log-panel .update-content .version span:first-child, .update-log-panel .update-content .dateUpdate span:first-child{width: 2.1rem;}
.update-log-panel .update-content .version span, .update-log-panel .update-content .dateUpdate span{font-size: 0.875rem;color: #364152;line-height: 1.25rem}
.update-log-panel .update-content ul li{font-size: 0.875rem;line-height: 1.25rem;color: #364152;}
.update-log-panel .update-content ul{padding-left: 1.5rem;margin-top: 0.875rem;margin-bottom: 1rem;}
.update-log-panel .update-content .content{font-size: 0.875rem;line-height: 1.25rem;color: #364152;}

.version-list-panel{margin-top: 3rem;}
.version-list-panel h2{font-size: 1.25rem;font-weight: 500;color: #364152;margin-bottom: 1.5rem;}
.version-list-panel .version-list{display: flex;flex-direction: column;width: 100%;}
.version-list-panel .version-list .versionWrap{padding: 1.5rem 0 1.5rem 1.5rem;width: 100%;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #CDD5DF;}
.version-list-panel .version-list .versionWrap .versionLeft{display: flex;flex-direction: column;row-gap: 0.5rem;}
.version-list-panel .version-list .versionWrap .versionLeft .name{font-size: 1rem;color: #364152;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 15rem;}
.version-list-panel .version-list .versionWrap .versionLeft .sizeDateWrap{display: flex;align-items: center;column-gap: 0.75rem;}
.version-list-panel .version-list .versionWrap .versionLeft .sizeDateWrap p{font-size: 0.875rem;color: #364152;}
.version-list-panel .version-list .versionWrap .versionLeft .sizeDateWrap span{width: 0.25rem;height: 0.25rem;border-radius: 50%;background-color: #9AA3B2;}
.version-list-panel .version-list .versionWrap .downloadBtn{display: flex;align-items: center;justify-content: center;column-gap: 0.5rem;background-color: #6938EF;border-radius: 0.31rem;width: 6.25rem;height: 2.5rem;cursor: pointer;}
.version-list-panel .version-list .versionWrap .downloadBtn i{font-size: 1.5rem;color: #ffffff;}
.version-list-panel .version-list .versionWrap .downloadBtn p{font-size: 1rem;color: #ffffff;font-weight: 500;}
.version-list-panel .showMore{margin-top: 1.5rem;width: 6rem;height: 2.5rem;display: flex;align-items: center;justify-content: center;border: 1px solid #6938EF;border-radius: 0.31rem;font-size: 1rem;color: #6938EF;margin-left: auto;margin-right: auto;cursor: pointer;}

.related-topic-panel{margin-top: 3rem;}
.related-topic-panel h2{font-size: 1.25rem;font-weight: 500;color: #364152;margin-bottom: 1.5rem;}
.related-topic-panel .topic-list{display: flex;gap: 1rem;margin-bottom: 0.63rem;flex-wrap: wrap;}
.related-topic-panel .topic-list a{display: flex;flex-direction: column;border-radius: 0.63rem;box-shadow: 0px 2px 2px 0px #11135B0D; background-color: #ffffff;padding-bottom: 1rem;flex: 0 0 17.875rem;max-width: 17.875rem;}
.related-topic-panel .topic-list a .bannerWrap{width: 100%;height: 11rem;position: relative;}
.related-topic-panel .topic-list a .bannerWrap img{width: 100%;height: 100%;border-radius: 0.63rem 0.63rem 0 0;}
.related-topic-panel .topic-list a .title{font-size: 0.875rem;font-weight: 500;color: #364152;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} 
.related-topic-panel .topic-list a .bannerBottom{margin-top: 1rem;height: 4.5rem;display: flex;flex-direction: column;justify-content: space-between;padding: 0 1rem;}
.related-topic-panel .topic-list a .bottomWrap{display: flex;align-items: center;justify-content: space-between;}
.related-topic-panel .topic-list a .bottomWrap .typeWrap{display: flex;align-items: center;column-gap: 0.5rem;}
.related-topic-panel .topic-list a .bottomWrap .typeWrap p{font-size: 0.75rem;font-weight: 400;color: #6938EF;}
.related-topic-panel .topic-list a .bottomWrap .typeWrap span{width: 0.25rem;height: 0.25rem;border-radius: 50%;background-color: #9B8AFB;}
.related-topic-panel .topic-list a .bottomWrap .dateUpdate{font-size: 0.75rem;color: #364152;}

.rating-review-panel{margin-top: 2.75rem;}
.rating-review-panel h2{font-size: 1.25rem;font-weight: 500;color: #364152;margin-bottom: 1.5rem;}
.rating-review-panel .rating-panel{display: flex;column-gap: 4rem;}
.rating-review-panel .rating-panel .ratingReviewWrap{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 10rem;}
.rating-review-panel .rating-panel .ratingReviewWrap .rating-score{font-size: 4rem;font-weight: 500;color: #364152;margin-bottom: 0.75rem;display: flex;align-items: flex-end;white-space: nowrap;}
.rating-review-panel .rating-panel .ratingReviewWrap .rating-score span{font-size: 0.875rem;color: #364152;font-weight: 400;position: relative;top: -0.75rem;}
.rating-review-panel .rating-panel .ratingReviewWrap .rightWrap{display: flex;flex-direction: column;row-gap: 0.375rem;}
.rating-review-panel .rating-panel .ratingReviewWrap .rightWrap p{font-size: 0.875rem;color: #364152;order: 1;}
.rating-review-panel .rating-panel .ratingReviewWrap .rightWrap .starWrap .stars{display: flex;column-gap: 0.25rem;align-items: center;}
.rating-review-panel .rating-panel .ratingReviewWrap .rightWrap .starWrap .stars i{font-size: 1.5rem;color: #6938EF;}
.rating-review-panel .rating-panel .ratingReviewWrap .rightWrap .starWrap .stars i.empty{color: #CDD5DF;}
.rating-review-panel .rating-panel .rateBarWrap{display: flex;flex-direction: column;row-gap: 0.5rem;width: 100%;}
.rating-review-panel .rating-panel .rateBarWrap .barWrap{display: flex;align-items: center;column-gap: 1rem;}
.rating-review-panel .rating-panel .rateBarWrap .barWrap p{font-size: 0.875rem;color: #364152;font-weight: 500;flex: 0 0 0.5rem;max-width: 0.5rem;}
.rating-review-panel .rating-panel .rateBarWrap .barWrap .rateBar{width: 100%;height: 0.75rem;border-radius: 100px;background-color: #E3E8EF;}
.rating-review-panel .rating-panel .rateBarWrap .barWrap .rateBar .bar{height: 100%;border-radius: 100px;background-color: #6938EF;}

.rating-review-panel .comment-panel{margin-top:3.125rem;}
.rating-review-panel .comment-panel .actionWrap{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.5rem;}
.rating-review-panel .comment-panel .actionWrap h2{font-size: 1.25rem;color: #364152;font-weight: 500;margin-bottom: 0;}
.rating-review-panel .comment-panel .actionWrap .filterRight{display: flex;align-items: center;column-gap: 1.5rem;}
.rating-review-panel .comment-panel .actionWrap .filterRight div{font-size: 1rem;color: #9AA3B2;cursor: pointer;}
.rating-review-panel .comment-panel .actionWrap .filterRight div.active{color: #6938EF;}
.rating-review-panel .comment-panel > input{width: 100%;height: 3rem;border: 1px solid #CDD5DF;border-radius: 0.63rem;font-size: 0.875rem;color: #364152;padding: 1rem 1.5rem;outline: none;}
.rating-review-panel .comment-panel > input::placeholder{color: #697586;}

.rating-review-panel .comment-panel .comment-list{display: flex;flex-direction: column;}
.rating-review-panel .comment-panel .comment-list .commentWrap{padding: 2.5rem 0 0;display: flex;flex-direction: column;position: relative;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop{display: flex;align-items: flex-end;justify-content: space-between;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop .userWrap{display: flex;align-items: center;column-gap: 0.75rem;margin-bottom: 1rem;cursor: pointer;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop .userWrap img{width: 2.5rem;height: 2.5rem;border-radius: 50%;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop .userWrap .name{font-size: 0.875rem;font-weight: 500;color: #364152;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop .likeReplyWrap{display: flex;align-items: center;column-gap: 1.5rem;position: absolute;right: 0;bottom: 0;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop .likeReplyWrap p{font-size: 0.75rem;color: #364152;display: flex;align-items: center;column-gap: 0.5rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop .likeReplyWrap p i{font-size: 1.5rem;cursor: pointer;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap{display: flex;align-items: center;column-gap: 1rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap .ratingReviewWrap .rating-score{display: none;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap .ratingReviewWrap .starWrap .stars{display: flex;align-items: center;column-gap: 0.25rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap .ratingReviewWrap .starWrap .stars i{color: #364152;font-size: 1rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap .ratingReviewWrap .starWrap .stars i.empty{color: #CDD5DF;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap > span{width: 0.25rem;height: 0.25rem;border-radius: 50%;background-color: #9AA3B2;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap .dateComment{font-size: 0.75rem;color: #364152;}
.rating-review-panel .comment-panel .comment-list .commentWrap .comment{font-size: 0.875rem;color: #364152;max-width: 80%;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap{display: flex;align-items: flex-start;column-gap: 1rem;padding-left: 2rem;padding-top: 1.5rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap > img{width: 2.5rem;height: 2.5rem;border-radius: 50%;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap .replyDetail{display: flex;flex-direction: column;row-gap: 0.5rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap .replyDetail .replyTop{display: flex;align-items: center;column-gap: 1rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap .replyDetail .replyTop .name{font-size: 0.875rem;color: #364152;font-weight: 500;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap .replyDetail .replyTop .date{font-size: 0.75rem;color: #364152;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap .replyDetail .reply{font-size: 0.875rem;color: #364152;}
.rating-review-panel .comment-panel .showMoreComment{margin-top: 2.5rem;width: 6rem;height: 2.5rem;display: flex;align-items: center;justify-content: center;border: 1px solid #6938EF;border-radius: 0.31rem;font-size: 1rem;color: #6938EF;margin-left: auto;margin-right: auto;cursor: pointer;}

.similar-app-panel .container{padding-left: 4rem;}
.similar-app-panel .titleWrap{margin-bottom: 1.5rem;}
.app-listing{display: flex;row-gap: 1rem;flex-direction: column;} 
.app-listing a{display: flex;column-gap: 1rem;}
.app-listing a img{width: 4.5rem;height: 4.5rem;border-radius: 0.63rem;box-shadow: 0px 2px 8px 0px #11135B26;}
.app-listing a .nameWrap{display: flex;flex-direction: column;width: 100%; overflow: hidden;height: 4rem;justify-content: space-between;}
.app-listing a .nameWrap p.name{font-size: 1rem;font-weight: 500;color: #364152;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-listing a .nameWrap p.rating{display: flex;align-items: center;column-gap: 0.25rem;font-size: 0.875rem;color: #364152;}
.app-listing a .nameWrap p.rating i{font-size: 0.75rem;color: #6938EF;}

.explore-more-panel .container{padding-left: 4rem}
.explore-more-panel .titleWrap{margin-bottom: 1.5rem;}

.recent-update-panel .container{padding-left: 4rem}
.recent-update-panel .titleWrap{margin-bottom: 1.5rem;}

.app-full-intro{display: none;flex-direction: column;margin-top: 9rem;position: relative;}
.app-full-intro .backArrow{position: absolute;top: 0;left: -6.5rem;cursor: pointer;}
.app-full-intro .backArrow i{font-size: 2rem;color: #697586;}
.app-full-intro .appWrap{display: flex;column-gap: 2rem;align-items: center;width: 42rem;margin: 3rem auto;position: relative;}
.app-full-intro .appWrap img{width: 8.5rem;height: 8.5rem;border-radius: 1rem;box-shadow: 0px 2px 8px 0px #11135B26; }
.app-full-intro .appWrap .nameWrap{display: flex;flex-direction: column;row-gap: 0.25rem;}
.app-full-intro .appWrap .nameWrap .name{font-size: 2.25rem;font-weight: 500;color: #364152;}
.app-full-intro .appWrap .nameWrap .dev{font-size: 0.875rem;color: #6938EF;}
.app-full-intro .intro-content{font-size: 0.875rem;color: #364152;line-height: 1.25rem;max-width: 42rem;margin: 0 auto;}
.app-full-intro .contentWrap{background-color: #ffffff;padding: 2rem 0;}
.app-full-intro .intro-content strong{font-weight: 500;font-size: 1.25rem;}

.app-full-language{display: none;flex-direction: column;margin-top: 9rem;position: relative;}
.app-full-language .backArrowLanguage{position: absolute;top: 0;left: -6.5rem;cursor: pointer;}
.app-full-language .backArrowLanguage i{font-size: 2rem;color: #697586;}
.app-full-language .appWrap{display: flex;column-gap: 2rem;align-items: center;width: 42rem;margin: 3rem auto;position: relative;}
.app-full-language .appWrap img{width: 8.5rem;height: 8.5rem;border-radius: 1rem;box-shadow: 0px 2px 8px 0px #11135B26;}
.app-full-language .appWrap .nameWrap{display: flex;flex-direction: column;row-gap: 0.25rem;}
.app-full-language .appWrap .nameWrap .name{font-size: 2.25rem;font-weight: 500;color: #364152;}
.app-full-language .appWrap .nameWrap .dev{font-size: 0.875rem;color: #6938EF;}
.app-full-language .language-content{font-size: 1rem;color: #364152;line-height: 1.5rem;max-width: 42rem;margin: 0 auto;}
.app-full-language .language-content strong{font-weight: 500;font-size: 1.25rem;margin-bottom: 1.5rem;}
.app-full-language .language-content ul{padding-left: 1.75rem;}
.app-full-language .language-content ul li{margin-bottom: 0.5rem;}
.app-full-language .contentWrap{background-color: #ffffff;padding: 2rem 0;}

#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: #000000A6; 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: calc(100% - 4rem);max-height: 70%;object-fit: contain;height: auto;border-radius: 0.63rem;width: auto;}
#imageModal .close i {color: #E3E8EF;display: inline-block;position: relative;cursor: pointer;font-size: 2.5rem;position: absolute;right: 10rem;top: 5rem;cursor: pointer;z-index: 1;}
#imageModal .bottomWrap{display: flex;align-items: center;justify-content: center;bottom: 4.75rem;position: absolute;width: 100%;column-gap: 2rem;}
#imageModal .bottomWrap button{background-color: transparent;border: none;outline: none;padding: 0;margin: 0;}
#imageModal .bottomWrap button i{font-size: 2.25rem;color: #E3E8EF;cursor: pointer;}
#imageModal .bottomWrap .pageNumber{background-color: #202939;border-radius: 50px;height: 2.5rem;width: max-content;padding: 0 1.5rem;display: flex;align-items: center;justify-content: center;font-size: 1rem;font-weight: 500;color: #E3E8EF;}
#imageModal .bottomWrap .swiper-button-disabled{display: block;}

.feedbackPopup{position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;display: none;}
.feedbackPopup .overlay{background: #000000A6; position: absolute;width: 100%;height: 100%;z-index: -1;}
.feedbackPopup .feedbackWrap{border-radius: 1rem;width: 36rem;background-color: #ffffff;padding: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.feedbackPopup .feedbackWrap .feedbackForm{height: 100%;width: 100%;border-radius: 1rem;background-color: #ffffff;padding: 1.5rem 2rem;}
.feedbackPopup .feedbackWrap h2{font-size: 1.5rem;color: #364152;font-weight: 600;line-height: 1.75rem;padding: 1.5rem 2rem;border-bottom: 1px solid #E3E8EF;}
.feedbackPopup .feedbackWrap .feedbackForm h3{font-weight: 600;font-size: 1rem;color: #364152;text-align: left;margin-bottom: 0.75rem;}
.feedbackPopup .feedbackWrap .feedbackForm .checkbox-container { display: block; position: relative; padding-left: 2.5rem; margin-bottom: 1rem; font-size: 0.875rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #364152; text-align: left; }
.feedbackPopup .feedbackWrap .feedbackForm .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.feedbackPopup .feedbackWrap .feedbackForm .checkmark { position: absolute; top: 0; left: 0; height: 1.25rem; width: 1.25rem; background-color: transparent; border: 1.5px solid #6938EF; border-radius: 50%;cursor: pointer; }
.feedbackPopup .feedbackWrap .feedbackForm .checkbox-container input:checked ~ .checkmark { background-color: transparent;border: 1.5px solid #6938EF;}
.feedbackPopup .feedbackWrap .feedbackForm .checkmark:after { content: ""; position: absolute; display: none; }
.feedbackPopup .feedbackWrap .feedbackForm .checkbox-container input:checked ~ .checkmark:after { display: block; }
.feedbackPopup .feedbackWrap .feedbackForm .checkbox-container .checkmark:after {width: 0.75rem;height: 0.75rem;border-radius: 50%;background-color: #6938EF;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.feedbackPopup .feedbackWrap .feedbackForm h3.other-reason{margin-bottom: 0.75rem;margin-top: 1rem;}
.feedbackPopup .feedbackWrap .feedbackForm h3.contact{margin-bottom: 0.75rem;}
.feedbackPopup .feedbackWrap .feedbackForm textarea{width: 100%;height: 5rem;font-size: 0.875rem;color: #364152;background-color: #ffffff;padding: 0.5rem 1rem;resize: none;outline: none;border-radius: 0.31rem;margin-bottom: 2rem;border: 1px solid #CDD5DF;}
.feedbackPopup .feedbackWrap .feedbackForm input[type=number]{font-size: 0.875rem;color: #364152;width: 100%;background-color: #ffffff;border: 1px solid #CDD5DF;outline: none;padding: 0.75rem 1rem;height: 2.5rem;border-radius: 0.31rem;}
.feedbackPopup .feedbackWrap .feedbackForm input[type=number]::-webkit-inner-spin-button, .appointment-popup .appointmentWrap .inputWrap input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.feedbackPopup .feedbackWrap .feedbackForm input[type=number] { -moz-appearance: textfield; }
.feedbackPopup .feedbackWrap .feedbackForm textarea::placeholder, .feedbackPopup .feedbackWrap .feedbackForm input[type=number]::placeholder{color: #9AA3B2;}
.feedbackPopup .feedbackWrap .feedbackForm .buttonWrap{margin-top: 3rem;display: flex;align-items: center;column-gap: 0.5rem;justify-content: flex-end;}
.feedbackPopup .feedbackWrap .feedbackForm .buttonWrap button{background-color: transparent;border-radius: 0.31rem;width: 50%;height: 3rem;display: flex;align-items: center;justify-content: center;font-size: 0.875rem;font-weight: 500;}
.feedbackPopup .feedbackWrap .feedbackForm .buttonWrap button.cancelBtn{border: 1px solid #6938EF;color: #6938EF;}
.feedbackPopup .feedbackWrap .feedbackForm .buttonWrap button.submitBtn{background-color: #6938EF;color: #ffffff;border: none;}

.feedbackSuccess{position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;display: none;}
.feedbackSuccess .overlay{background: #000000A6; position: absolute;width: 100%;height: 100%;z-index: -1;}
.feedbackSuccess .cardWrap{border-radius: 1rem;width: 25rem;background-color: #ffffff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 3.125rem 0 2.5rem;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.feedbackSuccess .cardWrap > i{font-size: 11.5rem;margin-bottom: 2rem;color: #6938EF;}
.feedbackSuccess .cardWrap h3{font-size: 1.5rem;color: #364152;font-weight: 600;margin-bottom: 1.5rem;}
.feedbackSuccess .cardWrap > p{font-size: 0.875rem;line-height: 1.25rem;color: #364152;}
.feedbackSuccess .cardWrap .confirmBtn{margin-top: 4rem;width: calc(100% - 4rem);height: 3.125rem;border-radius: 0.31rem;background-color: #6938EF;display: flex;align-items: center;justify-content: center;font-size: 0.875rem;font-weight: 500;color: #ffffff;border:none;outline: none;}

.reviewFormPopup{position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;display: none;}
.reviewFormPopup .overlay{background: #000000A6; position: absolute;width: 100%;height: 100%;z-index: -1;}
.reviewFormPopup .cardWrap{border-radius: 1rem;width: 25rem;background-color: #ffffff;padding: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 3.5rem 2rem 1.5rem;display: flex;justify-content: center;flex-direction: column;}
.reviewFormPopup .cardWrap .close-btn{width: 2rem;display: flex;align-items: center;justify-content: center;position: absolute;top: 1rem;right: 1rem;cursor: pointer;}
.reviewFormPopup .cardWrap .close-btn i{font-size: 2rem;color: #697586;}
.reviewFormPopup .cardWrap h3{font-size: 1.5rem;font-weight: 600;color: #364152;margin-bottom: 2rem;text-align: center;}
.reviewFormPopup .cardWrap .star-listing{display: flex;justify-content: space-between;width: 100%;align-items: center;margin-bottom: 0.75rem;}
.reviewFormPopup .cardWrap .star-listing i{font-size: 3.5rem;color: #CDD5DF;cursor: pointer;}
.reviewFormPopup .cardWrap .star-listing i.selected, .reviewFormPopup .cardWrap .star-listing i.active{color: #6938EF;}
.reviewFormPopup .cardWrap > span{font-size: 0.75rem;color: #9AA3B2;text-align: center;width: 100%;}
.reviewFormPopup .cardWrap > p{margin-top: 2rem;text-align: left;font-size: 1rem;color: #364152;margin-bottom: 0.75rem;}
.reviewFormPopup .cardWrap textarea{width: 100%;height: 9.5rem;border-radius: 0.31rem;padding: 0.5rem 1rem;resize: none;font-size: 0.875rem;color: #364152;border: 1px solid #CDD5DF;outline: none;}
.reviewFormPopup .cardWrap textarea::placeholder{color: #9AA3B2;}
.reviewFormPopup .cardWrap .submitReview{margin-top: 2.5rem;width: 100%;height: 3.125rem;background-color: #CDD5DF;border-radius: 0.31rem;border: none;outline: none;display: flex;align-items: center;justify-content: center;font-size: 0.875rem;color: #ffffff;font-weight: 500;margin-left: auto;margin-right: auto;pointer-events: none;cursor: pointer;}
.reviewFormPopup .cardWrap .submitReview.active{background-color: #6938EF;pointer-events: auto;}
.hide{display:none;}
/* order */
.orderList{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.65);}
.orderBox{position: absolute;z-index: 5;top: 210px;left: 0;right: 0;margin: auto;background: #fff;border-radius: 24px;width: 490px;text-align: center;}
.orderBox .oClose{position: absolute;bottom: -64px;left: 0;right: 0;margin: auto;z-index: 10;cursor: pointer;}
.orderBox .oClose i{display: inline-block;width: 42px;height: 42px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -740px -287px;position: relative;}
.orderBox .oClose:hover i{opacity: .9;}
.orderBox .oTitle{position: relative;margin:30px auto 18px;text-align: center;}
.orderBox .oTitle i{position: relative;margin: 0 auto;display:block;width: 279px;height: 54px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -500px -189px;color: transparent;}
.orderBox .oTelBox{position: relative;display: block;margin: auto;width: 398px;height: 60px;background: #FFF;border: 1px solid #E3E3E3;border-radius: 7px;margin-bottom: 15px;}
.orderBox .oTelBox i{position: absolute;top: 14px;left: 20px;display: block;width: 22px;height: 33px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -682px -287px;}
.orderBox .oTelBox:before{content: "";position: absolute;top: 10px;left: 60px;display: block;width: 1px;height: 42px;background:#E3E3E3;}
.orderBox form .tel{width: 317px;height: 60px;line-height: 60px;background: transparent !important;border: none;color:#666;font-size:18px;border-radius:7px;padding:0 10px 0 71px;margin: 0 auto;overflow: hidden;white-space: nowrap;outline-style: none;}
.orderBox form .tel::-webkit-input-placeholder {color: #ccc;}
.orderBox form .tel:-moz-placeholder { color: #ccc;}
.orderBox form .tel::-moz-placeholder { color:#ccc;}
.orderBox form .tel:-ms-input-placeholder { color: #ccc;}
.orderBox form .tel:focus{color: #808080;}
.orderBox form p{display: block;margin: auto;width: 480px;color:#404040;font-size:20px;text-align: center;line-height: 30px;overflow: hidden;white-space: nowrap;}
.orderBox form p em{ color:#FF3333;}
.orderBox form p:last-of-type{font-size: 16px;color: #ccc;line-height: 26px;}
.orderBox form span{color: #ff3232;font-size: 12px;text-align: left;display: block;width:400px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn,.orderBox .oKnow{display: block;cursor: pointer;border: 0;color:#fff;font-size:22px;margin: 18px auto 42px;width: 224px;height: 48px;line-height: 48px;background: linear-gradient(-155deg, #FF8E58, #FFB14F);box-shadow: 0px 7px 10px 0px rgba(255,144,88,0.25);border-radius: 24px; }
.orderBox .msg{display: block;color: #ff3232;font-size: 14px;text-align: left;width:326px;margin: 0 auto;}
.orderBox .oWin{width: 100%;font-size: 18px;border-radius: 3px;text-align: center;}
.orderBox .oWin>strong{display: block;font-size:24px;color: #3FE7BD;font-weight: bold;line-height: 28px;margin-bottom: 26px;margin-top: 16px;}
.orderBox .oWin>i{display:block;width: 56px;height: 57px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -500px -287px;margin: auto;position: relative;top: 8px;}
.orderBox .oAgin{width: 100%;font-size: 18px;border-radius: 3px;text-align: center;}
.orderBox .oAgin>strong{display: block;font-size:24px;color: #77E5FF;font-weight: bold;line-height: 28px;margin-bottom: 26px;margin-top: 20px;}
.orderBox .oAgin>i{display:block;width: 53px;height: 62px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -592px -287px;margin: auto;position: relative;top: 6px;}

/* feedback */
.feBaBtn{cursor: pointer;}
.feedBack{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .65); }
.feBackBox{position: absolute;z-index: 5;top: 80px;left: 0;right: 0;margin: auto;background: #fff;border-radius: 20px;width: 520px;text-align: center;}
.feBaClose{position: absolute;top: 18px;right:21px;margin: auto;z-index: 10;cursor: pointer;}
.feBaClose i{display: inline-block;width: 20px;height: 20px;background-position: -852px -290px;}
.feBackBox .fTitle{position: relative;display: block;text-align: left;margin-top: -44px;}
.feBackBox .fTitle i{display: block;width: 250px;height: 129px;background-position: -592px -442px;margin-left: 156px;}
.feBackBox .feSubmit input{display: block;cursor: pointer;border: 0;width: 224px;height: 48px;background: linear-gradient(-155deg, #FF8876, #FF6F8E);box-shadow: 0px 3px 5px 0px rgba(255,111,142,.4);border-radius: 24px;color:#fff;font-size:22px;line-height: 48px;margin: 20px auto 42px;overflow: hidden;white-space: nowrap; }
.feBack{margin: 10px 32px 25px;}
.feBack>span{font-size: 22px;color: #000;line-height: 42px;margin-bottom: 5px;display: block;text-align: left;}
.feBack .info{margin: auto;margin-bottom: 10px;}
.feBack .info p{font-size: 14px;color: #333;line-height: 88px;}
.feBack textarea{width: 416px;height: 69px;margin-bottom: 6px;border: none;resize:none;padding: 15px 18px;font-size: 16px;color: #666;background-color: #F6F6F6;border-radius: 3px;}
.checkbox {position: relative;height: 42px;line-height: 42px;}
.checkbox:nth-last-child(1){border-bottom: none;}
.checkbox input[type='checkbox'] {position: absolute;left: 0;top: 0;width: 20px;height: 20px;opacity: 0;}
.checkbox label {position: absolute;left: 0px;top: 0;height: 48px;line-height: 48px;width: 420px;font-size: 18px;color: #666;text-align: left;padding-left: 36px;}
.checkbox label:after {content: '';position: absolute;left: 0;top: 11px;width: 20px;height: 20px;border-radius: 50%;border: 2px solid #ccc;text-align: center;line-height: 14px;font-size: 12px;cursor: pointer;}
.checkbox input[type='checkbox']:checked + label:after {top: 11px;width: 24px;height: 24px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -908px -290px;border: 0;}
.telBox{overflow: hidden;background-color: #f6f6f6;}
.telBox input{display: block;border: none;padding:0 20px;width: 416px;height: 53px;line-height: 53px;background: #F6F6F6;border-radius: 10px;font-size: 16px;color: #666;}
.telBox input::-webkit-input-placeholder {color: #999;}
.telBox input:-moz-placeholder { color: #999;}
.telBox input::-moz-placeholder { color: #999;}
.telBox input:-ms-input-placeholder { color: #999;}