.app-detail-page .app-detail-banner{margin-top: 1.75rem;display: flex;flex-direction: column;row-gap: 1.75rem;}
.app-detail-page .app-detail-banner .topWrap{display: flex;align-items: center;column-gap: 1.25rem;overflow: hidden;}
.app-detail-page .app-detail-banner .topWrap > img{width: 10.5rem;flex: 0 0 10.5rem;max-width: 10.5rem;height: 10.5rem;border-radius: 2.5rem;object-fit: cover;object-position: center;}
.app-detail-page .app-detail-banner .topWrap .detailWrap{display: flex;flex-direction: column;row-gap: 0.75rem;flex: 1;flex-shrink: 0;overflow: hidden;justify-content: space-between;height: 10.5rem;padding: 0.5rem 0 1rem 0;}
.app-detail-page .app-detail-banner .topWrap .detailWrap h1{font-size: 2.36rem;font-weight: bold;color: #060D1F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap{display: flex;align-items: center;column-gap: 1.5rem;flex-wrap: nowrap;overflow-x: scroll;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap::-webkit-scrollbar{height: 0;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap{display: flex;flex-direction: column;overflow: hidden;flex: 0 0 auto;row-gap: 0.75rem;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap:first-child{min-width: 6.5rem;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap:nth-child(5){min-width: 4rem;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap:nth-child(7){min-width: 4rem;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap span{display: block;font-size: 1.5rem;color: #999999;line-height: 1.875rem;white-space: nowrap;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap p{font-size: 1.5rem;color: #4D4D4D;line-height: 1.5rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap.version p{max-width: 10rem;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap p.rating{position: relative;padding-left: 1.625rem;color: #FA8B16;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap p.rating::before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1.25rem; height: 1.25rem; background-image: url(../images/home/star.webp); background-position: center; background-repeat: no-repeat; background-size: contain;}
.app-detail-page .tag-list{display: flex;align-items: center;column-gap: 1.5rem;flex-wrap: nowrap;overflow-x: scroll;margin-top: 1rem;}
.app-detail-page .tag-list::-webkit-scrollbar{height: 0;}
.app-detail-page .tag-list a{font-size: 1.75rem;color: #4C4C4C;line-height: 1.875rem;white-space: nowrap;}
.app-detail-page .app-detail-banner .button-list{display: flex;flex-direction: column;row-gap: 1.5rem;}
.app-detail-page .app-detail-banner .button-list a{width: 100%;height: 5rem;border-radius: 2.5rem;display: flex;align-items: center;justify-content: center;column-gap: 0.5rem;}
.app-detail-page .app-detail-banner .button-list a p{font-size: 1.875rem;color: #FFFFFF;line-height: 2.25rem;font-weight: 500;}
.app-detail-page .app-detail-banner .button-list a img{height: 2.375rem;width: auto;object-fit: contain;object-position: center;}
.app-detail-page .app-detail-banner .button-list a.adrBtn{background-color: #25C88A;}
.app-detail-page .app-detail-banner .button-list a.iosBtn{background-color: #54C5FF;}
.app-detail-page .app-detail-banner .button-list a.pcBtn{background-color: #FF5465;}
.app-detail-page .app-detail-banner .button-list .appointBtn{background-color: #FFB354;width: 100%;height: 5rem;border-radius: 2.5rem;display: flex;align-items: center;justify-content: center;column-gap: 0.5rem;}
.app-detail-page .app-detail-banner .button-list a.adrBtn img{margin-top: -0.315rem;}
.app-detail-page .app-detail-banner .button-list a.iosBtn img{margin-top: -0.315rem;}
.app-detail-page .app-detail-banner .topWrap .detailWrap .infoWrap .innerWrap a{font-size: 1.5rem;color: #4D4D4D;line-height: 1.875rem;white-space: nowrap;}
.app-detail-page .app-detail-banner .button-list .buttonWrap{display: flex;flex-direction: column;row-gap: 0.625rem;}
.app-detail-page .app-detail-banner .button-list .buttonWrap .reminder{font-size: 1.5rem;color: #4D4D4D;line-height: 1.875rem;text-align: center;}
.app-detail-page .app-detail-banner .button-list .appointBtn p{font-size: 1.875rem;color: #FFFFFF;line-height: 2.25rem;font-weight: 500;}
.app-detail-page .app-detail-banner .button-list .appointBtn img{height: 2.375rem;width: auto;object-fit: contain;object-position: center;}

.app-detail-page .screenshot-panel{margin-top: 1.625rem;}
.app-detail-page .screenshot-panel .screenshot-wrap{position: relative;height: fit-content;overflow: hidden;}
.app-detail-page .screenshot-panel .screenshot-wrap .swiper-container{border-radius: 0.75rem;}
.app-detail-page .screenshot-panel .screenshot-wrap .swiper-slide{width: auto;height: 25rem;}
.app-detail-page .screenshot-panel .screenshot-wrap .swiper-slide img, .app-detail-page .screenshot-panel .screenshot-wrap .swiper-slide video{max-height: 25rem;width: auto;border-radius: 0.75rem;}
.app-detail-page .screenshot-panel .screenshot-swiper-pagination{width: 100%;height: 0.5rem;background: #F1F1F1;position: relative;overflow: hidden;border-radius: 4px;margin-top: 1rem;}
.app-detail-page .screenshot-panel .screenshot-swiper-pagination .swiper-pagination-progressbar-fill{background: #C1C1C1;}

.app-detail-page .app-intro-panel{margin-top: 2.625rem;}
.app-detail-page .app-intro-panel .app-intro{margin-top: 1rem;display: flex;flex-direction: column;row-gap: 0.5rem;font-size: 1.75rem;color: #4D4D4D;line-height: 3rem;height: 68rem;overflow: hidden;transition: height .4s ease;}
.app-detail-page .app-intro-panel .app-intro p{font-size: 1.75rem;color: #4D4D4D;line-height: 3rem;}
.app-detail-page .app-intro-panel .app-intro h3{position: relative;padding-left: 1.125rem;font-size: 1.75rem;font-weight: bold;color: #333333;line-height: 2.25rem;}
.app-detail-page .app-intro-panel .app-intro h3::before{content: "";position: absolute;left: 0;top: 43%;transform: translateY(-50%);width: 0.25rem;height: 1.75rem;background-color: #5691FF;border-radius: 0.25rem;}
.app-detail-page .app-intro-panel .app-intro h3::after{content: "";position: absolute;left: 0.5rem;bottom: 0.5rem;width: 0.25rem;height: 0.875rem;background-color: #54C5FF;border-radius: 0.25rem;}
.app-detail-page .app-intro-panel .app-intro img{width: 100%;height: auto;object-fit: cover;object-position: center;max-width: 100%;margin: 1rem auto;}
.app-detail-page .app-intro-panel .showMore-detail{margin-top: 1.5rem;display: flex;align-items: center;column-gap: 0.5rem;justify-content: center;font-size: 1.5rem;color: #54C5FF;font-weight: bold;}
.app-detail-page .app-intro-panel .showMore-detail i{width: 1.5rem;height: 1.5rem;position: relative;animation: bounce .8s infinite ease-in-out;}
.app-detail-page .app-intro-panel .showMore-detail i::before{content: "";position: absolute;width: 0.5rem;height: 0.5rem;border: 2px solid #54C5FF;border-top: none;border-left: none;transform: rotate(45deg) translateX(-50%);left: 50%;top: 0.25rem;}
.app-detail-page .app-intro-panel .showMore-detail i::after{content: "";position: absolute;width: 0.5rem;height: 0.5rem;border: 2px solid #54C5FF;border-top: none;border-left: none;transform: rotate(45deg) translateX(-50%);left: 50%;top: 0.875rem;}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}
.app-detail-page .app-intro-panel .showMore-detail i.collapse::before,
.app-detail-page .app-intro-panel .showMore-detail i.collapse::after{transform: rotate(-135deg) translateX(-50%);}

.app-detail-page .app-info-panel{margin-top: 2.5rem;}
.app-detail-page .app-info-panel .titleWrap{padding-bottom: 1.5rem;border-bottom: 1px solid #EEEEEE;}
.app-detail-page .app-info-panel .titleWrap .openFeedback{font-size: 1.5rem;color: #FC5B53;line-height: 2rem;position: relative;padding-left: 1.875rem;margin-left: auto;}
.app-detail-page .app-info-panel .titleWrap .openFeedback::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 1.5rem;height: 1.5rem;background-image: url(../images/feedbackIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.app-detail-page .app-info-panel .app-info-list{display: flex;flex-direction: column;}
.app-detail-page .app-info-panel .app-info-list .innerWrap{display: flex;align-items: center;column-gap: 0.25rem;padding: 1.5rem 0;overflow: hidden;border-bottom: 1px solid #EEEEEE;}
.app-detail-page .app-info-panel .app-info-list .innerWrap span{width: 8rem;white-space: nowrap;font-size: 1.5rem;font-weight: 500;color: #333333;flex: 0 0 8rem;max-width: 8rem;text-align: justify;line-height: 2rem;display: inline-block;}
.app-detail-page .app-info-panel .app-info-list .innerWrap p{font-size: 1.5rem;color: #333333;line-height: 2rem;flex: 1;flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .app-info-panel .app-info-list .innerWrap > div{font-size: 1.5rem;color: #54C5FF;line-height: 2rem;cursor: pointer;}

.app-detail-page .app-version-panel{margin-top: 2.75rem;}
.app-detail-page .app-version-panel .titleWrap{padding-bottom: 1.5rem;border-bottom: 1px solid #EEEEEE;}
.app-detail-page .app-version-panel .version-list{display: flex;flex-direction: column;}
.app-detail-page .app-version-panel .version-list .versionWrap{display: flex; column-gap: 0.625rem;padding: 1.5rem 0;border-bottom: 1px solid #EEEEEE;align-items: center;justify-content: space-between;}
.app-detail-page .app-version-panel .version-list .versionWrap a.appName{font-size: 1.5rem;color: #060D1F;line-height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 0 0 15.25rem;width: 15.25rem;max-width: 15.25rem;font-weight: 500;}
.app-detail-page .app-version-panel .version-list .versionWrap p{font-size: 1.5rem;color: #060D1F;line-height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 0 0 9rem;width: 9rem;max-width: 9rem;}
.app-detail-page .app-version-panel .version-list .versionWrap a.viewBtn{width: 5.5rem;height: 3rem;flex: 0 0 5.5rem;max-width: 5.5rem;border-radius: 1.5rem;text-align: center;line-height: 3rem;background-color: #54C5FF;font-size: 1.5rem;color: #ffffff;}

.app-detail-page .app-listing-panel{margin-top: 2.75rem;}
.app-detail-page .app-listing-panel .app-listing{margin-top: 1.5rem;display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2.25rem;row-gap: 1.75rem;}
.app-detail-page .app-listing-panel .app-listing .appWrap{display: flex;align-items: center;column-gap: 1.375rem;overflow: hidden;}
.app-detail-page .app-listing-panel .app-listing .appWrap .imgWrap{width: 6.25rem;flex: 0 0 6.25rem;max-width: 6.25rem;height: 6.25rem;border-radius: 1.5rem;}
.app-detail-page .app-listing-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.app-detail-page .app-listing-panel .app-listing .appWrap .detailWrap{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;overflow: hidden;row-gap: 0.125rem;}
.app-detail-page .app-listing-panel .app-listing .appWrap .detailWrap .appName{font-size: 1.75rem;color: #091F17;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2.125rem;}
.app-detail-page .app-listing-panel .app-listing .appWrap .detailWrap .appType{font-size: 1.5rem;color: #999999;line-height: 1.75rem;}
.app-detail-page .app-listing-panel .app-listing .appWrap .detailWrap > p{font-size: 1.5rem;color: #999999;line-height: 1.75rem;}

.app-detail-page .app-type-panel{margin-top: 2.5rem;}
.app-detail-page .app-type-panel .app-listing{margin-top: 1.5rem;display: flex;align-items: center;column-gap: 1.875rem;flex-wrap: nowrap;overflow-x: scroll;}
.app-detail-page .app-type-panel .app-listing::-webkit-scrollbar{height: 0;}
.app-detail-page .app-type-panel .app-listing .appWrap{display: flex;flex-direction: column;overflow: hidden;background-color: #F4F6F8;width: 8.75rem;flex: 0 0 8.75rem;max-width: 8.75rem;border-radius: 0.625rem;padding: 1rem 0.875rem;}
.app-detail-page .app-type-panel .app-listing .appWrap .imgWrap{width: 6.25rem;height: 6.25rem;border-radius: 1.5rem;margin: 0 auto 0.75rem;}
.app-detail-page .app-type-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.app-detail-page .app-type-panel .app-listing .appWrap .appName{font-size: 1.5rem;color: #060D1F;line-height: 2rem;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0.315rem;}
.app-detail-page .app-type-panel .app-listing .appWrap .rating{text-align: center;padding-left: 1.625rem;position: relative;font-size: 1.5rem;color: #FA8B16;width: fit-content;margin: 0 auto;}
.app-detail-page .app-type-panel .app-listing .appWrap .rating::before{content: "";position: absolute;top: 45%;transform: translateY(-50%);left: 0;width: 1.25rem;height: 1.25rem;background-image: url(../images/home/star.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}

.app-detail-page .cnxh-panel{margin-top: 2.625rem;}
.app-detail-page .cnxh-panel .tab-buttons{margin-top: 1.5rem;display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 1.5rem;row-gap: 1.375rem;}
.app-detail-page .cnxh-panel .tab-buttons li{height: 4rem;line-height: 4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-radius: 2rem;background-color: #F4F6F8;font-size: 1.5rem;color: #4D4D4D;text-align: center;}
.app-detail-page .cnxh-panel .tab-buttons li.active{background-color: #54C5FF;color: #ffffff;}
.app-detail-page .cnxh-panel .tab-content{display: none;}
.app-detail-page .cnxh-panel .tab-content.active{display: block;}

.app-detail-page .cnxh-panel .topic-banner-wrap{margin-top: 2.25rem;display: flex;flex-direction: column;row-gap: 1.75rem;}
.app-detail-page .cnxh-panel .topic-banner-wrap .topWrap{display: flex;align-items: center;column-gap: 1.5rem;}
.app-detail-page .cnxh-panel .topic-banner-wrap .bannerWrap{width: 20.75rem;flex: 0 0 20.75rem;max-width: 20.75rem;height: 11.75rem;border-radius: 0.625rem;}
.app-detail-page .cnxh-panel .topic-banner-wrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 0.625rem;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;overflow: hidden;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .nameWrap{display: flex;align-items: center;column-gap: 0.625rem;margin-bottom: 0.5rem;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .nameWrap .topicName{position: relative;padding-right: 1.25rem;font-size: 1.75rem;font-weight: 500;color: #2C303B;max-width: 15.625rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .nameWrap .topicName::after{content: "";position: absolute;right: 0.25rem;top: 50%;transform: translateY(-50%) rotate(45deg);width: 0.75rem; height: 0.75rem; border-top: 2px solid #54C5FF; border-right: 2px solid #54C5FF;margin-top: 0.125rem;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .nameWrap .amountWrap{margin-left: auto;width: fit-content;height: 1.75rem;line-height: 1.75rem;text-align: center;padding: 0 0.5rem;background-color: #E5F6FF;border-radius: 0.375rem;font-size: 1.125rem;color: #54C5FF;}
.app-detail-page .cnxh-panel .topic-banner-wrap .detailWrap .topic-content{font-size: 1.5rem;color: #999999;line-height: 2.25rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.app-detail-page .cnxh-panel .topic-banner-wrap .topic-app-wrap{padding: 0 1rem 1.75rem;position: relative;z-index: 1;}
.app-detail-page .cnxh-panel .topic-banner-wrap .topic-app-wrap::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 7.25rem; border-radius: 0.625rem; background-color: #F4F6F8; z-index: -1;}
.app-detail-page .cnxh-panel .topic-banner-wrap .topic-app-wrap .topic-app-list{display: flex;align-items: center;column-gap: 0.625rem;flex-wrap: nowrap;overflow-x: scroll;}
.app-detail-page .cnxh-panel .topic-banner-wrap .topic-app-wrap .topic-app-list::-webkit-scrollbar{height: 0;}
.app-detail-page .cnxh-panel .topic-banner-wrap .topic-app-wrap .topic-app-list .appWrap{display: flex;flex-direction: column;row-gap: 0.75rem;overflow: hidden;width: 7.5rem;flex: 0 0 7.5rem;max-width: 7.5rem;}
.app-detail-page .cnxh-panel .topic-banner-wrap .topic-app-wrap .topic-app-list .appWrap .imgWrap{width: 5.5rem;height: 5.5rem;border-radius: 1.5rem;margin: 0 auto;}
.app-detail-page .cnxh-panel .topic-banner-wrap .topic-app-wrap .topic-app-list .appWrap .imgWrap img{width: 100%;height: 100%;border-radius: 16px;object-fit: cover;object-position: center;}
.app-detail-page .cnxh-panel .topic-banner-wrap .topic-app-wrap .topic-app-list .appWrap .appName{font-size: 1.5rem;color: #333333;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.app-detail-page .app-category-panel{margin-top: 2.5rem;}
.app-detail-page .app-category-panel .app-listing{margin-top: 1.5rem;display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 1.5rem;row-gap: 1.75rem;}
.app-detail-page .app-category-panel .app-listing .appWrap{display: flex;flex-direction: column;overflow: hidden;}
.app-detail-page .app-category-panel .app-listing .appWrap .imgWrap{width: 6.25rem;height: 6.25rem;border-radius: 1.375rem;margin: 0 auto 0.875rem;}
.app-detail-page .app-category-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.375rem;}
.app-detail-page .app-category-panel .app-listing .appWrap .appName{font-size: 1.5rem;color: #333333;line-height: 2rem;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.app-detail-page .latest-news-panel{margin-top: 2.5rem;}
.app-detail-page .latest-news-panel .news-banner-wrap{margin-top: 1.5rem;display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 1.75rem;padding-bottom: 1.25rem;border-bottom: 1px solid #EEEEEE;}
.app-detail-page .latest-news-panel .news-banner-wrap .newsWrap{overflow: hidden;display: flex;flex-direction: column;row-gap: 0.75rem;}
.app-detail-page .latest-news-panel .news-banner-wrap .newsWrap .bannerWrap{width: 100%;height: 12.5rem;border-radius: 0.625rem;overflow: hidden;}
.app-detail-page .latest-news-panel .news-banner-wrap .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 0.625rem;overflow: hidden;}
.app-detail-page .latest-news-panel .news-banner-wrap .newsWrap .newsTitle{font-size: 1.75rem;color: #060D1F;line-height: 2.25rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.app-detail-page .latest-news-panel .news-listing{margin-top: 1.5rem;display: flex;flex-direction: column;row-gap: 1.25rem;overflow: hidden;}
.app-detail-page .latest-news-panel .news-listing .newsWrap{position: relative;display: flex;align-items: center;column-gap: 0.625rem;padding-left: 1rem;overflow: hidden;}
.app-detail-page .latest-news-panel .news-listing .newsWrap::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 0.25rem;height: 0.25rem;border-radius: 50%;background-color: #B8B8B8;}
.app-detail-page .latest-news-panel .news-listing .newsWrap .newsTitle{font-size: 1.75rem;color: #060D1F;flex: 1;flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2.25rem;}
.app-detail-page .latest-news-panel .news-listing .newsWrap .dateUpdate{font-size: 1.5rem;color: #999999;line-height: 1.75rem;}


.app-detail-page .user-review-panel{margin-top: 2.5rem;}
.app-detail-page .user-review-panel .review-rating-wrap{margin-top: 1.5rem;display: flex;align-items: center;justify-content: space-between;padding: 1rem 1.5rem 0;border: 1px solid #eeeeee;border-radius: 1rem 1rem 0 0;border-bottom: none;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap{display: flex;flex-direction: column;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .rating-score{text-align: center;font-size: 4.5rem;font-weight: bold;color: #30343F;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars{display: flex;align-items: center;column-gap: 0.375rem;justify-content: center;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div{width: 1.25rem;height: 1.25rem;background-repeat: no-repeat;background-size: cover;background-image: url(../images/info/star-fill.webp);}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star{background-image: url(../images/info/star-fill.webp);background-repeat: no-repeat;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star-half{background-image: url(../images/info/star-half.webp);background-repeat: no-repeat;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .starWrap .stars > div.star-empty{background-image: url(../images/info/star-empty.webp);background-repeat: no-repeat;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingReviewWrap .totalReview{text-align: center;margin-top: 0.875rem;font-size: 1.5rem;color: #999999;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap{display: flex;flex-direction: column;row-gap: 0.875rem;align-items: flex-end;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap{display: flex;align-items: center;column-gap: 0.75rem;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateStars{display: flex;align-items: center;column-gap: 0.25rem;width: 5.625rem;justify-content: flex-end;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateStars img{width: 0.875rem;height: 0.875rem;object-fit: cover;filter: brightness(0) saturate(100%) invert(65%) sepia(10%) saturate(0%) hue-rotate(181deg) brightness(93%) contrast(86%);}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateBar {width: 20rem;height: 0.5rem;border-radius: 0.25rem;background-color: #dfdfdf;}
.app-detail-page .user-review-panel .review-rating-wrap .ratingBarWrap .barWrap .rateBar .bar{height: 100%;border-radius: 0.25rem;background: #B5B5B5;width: 0%;}
.app-detail-page .user-review-panel .hot-comment-list{padding: 1.5rem 1.5rem 0;display: flex;align-items: center;column-gap: 1.25rem;flex-wrap: wrap;row-gap: 1.25rem;border: 1px solid #eeeeee;border-top: none;border-bottom: none;}
.app-detail-page .user-review-panel .hot-comment-list .hot-comment{font-size: 1.5rem;color: #333333;text-align: center;width: fit-content;height: 3.375rem;line-height: 3.375rem;padding: 0 1.875rem;border-radius: 1.75rem;background-color: #F7F7F7;}
.app-detail-page .user-review-panel .hot-comment-list .hot-comment.selected{background-color: #54C5FF;color: #ffffff;}

.app-detail-page .user-review-panel .rate-for-app{display: flex;align-items: center;column-gap: 0.125rem;padding-left: 1rem;}
.app-detail-page .user-review-panel .rate-for-app p{font-size: 1.5rem;color: #333333;}
.app-detail-page .user-review-panel .rate-for-app .rateStars{display: flex;align-items: center;column-gap: 0.375rem;}
.app-detail-page .user-review-panel .rate-for-app .rateStars > div{width: 1.25rem;height: 1.25rem;background-image: url(../images/info/star-empty.webp);background-repeat: no-repeat;background-size: cover;}
.app-detail-page .user-review-panel .rate-for-app .rateStars > div.active{background-image: url(../images/info/star-fill.webp);background-repeat: no-repeat;background-size: cover;}
.app-detail-page .user-review-panel .comment-field-wrap{display: flex;flex-direction: column;border: 1px solid #eeeeee;border-radius: 1rem;margin-top: 1.5rem;}
.app-detail-page .user-review-panel .comment-field-wrap .inputWrap{width: 100%;height: 9.125rem;padding: 0.75rem 1rem;background-color: #F7F7F7;position: relative;border-radius: 1rem 1rem 0 0;}
.app-detail-page .user-review-panel .comment-field-wrap .inputWrap textarea{background-color: transparent;outline: none;border: none;height: 100%;width:100%;color: #000000;font-size: 1.25rem;resize: none;}
.app-detail-page .user-review-panel .comment-field-wrap .inputWrap textarea::placeholder{color: #B8B8B8;}
.app-detail-page .user-review-panel .comment-field-wrap .actionBottom{display: flex;align-items: center;column-gap: 0.625rem;justify-content: space-between;height: 4rem;background-color: #F7F7F7;border-top: 1px solid #999999;border-radius: 0 0 0.75rem 0.75rem;}
.app-detail-page .user-review-panel .comment-field-wrap .actionBottom .post-btn{margin-left: auto;width: 10rem;flex: 0 0 10rem;max-width: 10rem;height: 4rem;border-radius: 0 0 0.75rem 0;font-size: 1.5rem;color: #ffffff;background: #54c5ff;font-weight: 500;display: flex;align-items: center;justify-content: center;}
.app-detail-page .user-review-panel .comment-field-wrap .actionBottom .post-btn img{width: 1.75rem;height: auto;object-fit: cover;object-position: center;}

.app-detail-page .user-review-panel .userEnterWrap{display: flex;align-items: center;column-gap: 1.25rem;margin-top: 1.5rem;}
.app-detail-page .user-review-panel .userEnterWrap .userField{width: 11.5rem;flex: 0 0 11.5rem;max-width: 11.5rem;height: 3rem;border: 1px solid #BBE6FF;border-radius: 0.375rem;background-color: #ffffff;padding: 0.75rem 1rem;font-size: 1.5rem;color: #000000;outline: none;}
.app-detail-page .user-review-panel .userEnterWrap .userField::placeholder{color: #cccccc;}
.app-detail-page .user-review-panel .userEnterWrap .verificationField{width: 10rem;flex: 0 0 10rem;max-width: 10rem;height: 3rem;border: 1px solid #BBE6FF;border-radius: 0.375rem;background-color: #ffffff;padding: 0.75rem 1rem;font-size: 1.5rem;color: #000000;outline: none;}
.app-detail-page .user-review-panel .userEnterWrap .verificationField::placeholder{color: #cccccc;}
.app-detail-page .user-review-panel .userEnterWrap > img{width: 10rem;flex: 0 0 10rem;max-width: 10rem;height: 3rem;border-radius: 0.375rem;}
.app-detail-page .comment-list-panel{margin-top: 2.5rem;}
.app-detail-page .comment-list-panel .titleWrap{display: flex;align-items: center;justify-content: space-between;}
.app-detail-page .comment-list-panel .titleWrap .comment-tab{display: flex;align-items: center;column-gap: 2.188rem;}
.app-detail-page .comment-list-panel .titleWrap .comment-tab a{font-size: 1.5rem;color: #212121;position: relative;}
.app-detail-page .comment-list-panel .titleWrap .comment-tab a.active{color: #54C5FF;font-weight: 500;}
.app-detail-page .comment-list-panel .comment-list{margin-top: 1.5rem;display: flex;flex-direction: column;row-gap: 1.25rem;}
.app-detail-page .comment-list-panel .comment-list .commentWrap{display: flex;align-items: flex-start;column-gap: 1.5rem;width: 100%;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentAvatar{width: 5rem;height: 5rem;flex: 0 0 5rem;max-width: 5rem;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentAvatar img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 50%;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo{display: flex;flex-direction: column;width: 100%;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .uname{font-size: 2rem;color: #333333;font-weight: 500;margin-bottom: 0.875rem;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap{display: flex;align-items: center;justify-content: space-between;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .rating-score{display: none;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars{display: flex;align-items: center;column-gap: 0.375rem;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div{width: 1.5rem;height: 1.5rem;background-repeat: no-repeat;background-size: cover;background-image: url(../images/info/star-fill.webp);}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star{background-image: url(../images/info/star-fill.webp);background-repeat: no-repeat;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star-half{background-image: url(../images/info/star-half.webp);background-repeat: no-repeat;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .ratingReviewWrap .stars > div.star-empty{background-image: url(../images/info/star-empty.webp);background-repeat: no-repeat;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .reviewDateWrap .datePost{font-size: 1.5rem;color: #999999;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent {display: flex;flex-direction: column;row-gap: 0.5rem;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent > p{font-size: 1.75rem;color: #333333;margin-top: 0.75rem;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap { margin-left: auto; display: flex; align-items: center; column-gap: 0.5rem; cursor: pointer; }
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .likeIcon { width: 1.5rem; height: 1.5rem; background-image: url(../images/info/like.webp); background-position: center; background-repeat: no-repeat; background-size: contain; }
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .unlikeIcon { transform: scaleY(-1); width: 1.5rem; height: 1.5rem; background-image: url(../images/info/like.webp); background-position: center; background-repeat: no-repeat; background-size: contain; }
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap .active { background-image: url(../images/info/likeActive.webp); background-position: center; background-repeat: no-repeat; background-size: contain;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .commentContent .likeReplyWrap p { font-size: 1.5rem; color: #999999; }
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap{margin-top: 1rem;display: flex;column-gap: 1.25rem;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap .commentAvatar{width: 4rem;height: 4rem;flex: 0 0 4rem;max-width: 4rem;}
.app-detail-page .comment-list-panel .comment-list .commentWrap .commentInfo .replyWrap .uname{font-weight: 400;}
.app-detail-page .comment-list-panel .comment-list .showMoreComment{width: 100%;height: 4.5rem;text-align: center;line-height: 4.5rem;font-size: 1.75rem;color: #54C5FF;border-radius: 2.25rem;background-color: #F0FAFF;font-weight: 500;margin-top: 1.875rem;}



#modalImage { transition: opacity 0.3s ease; opacity: 1; }
#modalImage.fade-out { opacity: 0; }
#imageModal.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center; }
#imageModal .overlay{background: #393939D9; position: absolute;width: 100%;height: 100%;z-index: -1;}
#imageModal.modal .swiper-slide{position: relative;display: flex;align-items: center;justify-content: center;}
#imageModal.modal .swiper{position: absolute; height: auto; top: 50%; transform: translateY(-50%); width: 100%;}
#imageModal.modal .swiper-slide img {max-width: 70%;max-height: 60%;object-fit: contain;height: auto;width: auto;border-radius: 0.625rem;}
#imageModal .close{cursor: pointer;font-size: 3rem;color: #ffffff;z-index: 1;font-weight: bold;}
#imageModal .modalHeader {position: absolute; top: 4rem; right:4rem; z-index: 10;}
#imageModal .pageNumber{margin-top: 2rem;height: 4rem;line-height: 4rem;text-align: center;padding: 0 1.25rem;border: 1px solid #ffffff;border-radius: 2.813rem;font-size: 1.75rem;color: #FFFFFF;width: fit-content;margin:2rem auto 0;}
#imageModal .modal-swiper-prev, #imageModal .modal-swiper-next{position: absolute;top: 47%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;background-color: #ffffff;cursor: pointer;width: 4rem;height: 4rem;border: none;border-radius: 50%;z-index: 99;padding: 0;text-align: center;box-sizing: border-box;}
#imageModal .modal-swiper-prev i{width: 0.875rem; height: 0.875rem; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(-135deg); margin-right: -0.315rem;}
#imageModal .modal-swiper-next i{width: 0.875rem; height: 0.875rem; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(45deg); margin-left: -0.315rem;}
#imageModal .swiper-button-disabled i{opacity: 0.4;}
#imageModal .modal-swiper-prev{left: max(calc(50% - 21.563rem), 1.5rem);}
#imageModal .modal-swiper-next{right: max(calc(50% - 21.563rem), 1.5rem);}
#imageModal::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: min(43.125rem, 100%); inset: 0; pointer-events: none; }
#imageModal .swiper-wrapper{align-items: center;}

.feedback-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.feedback-popup .overlay{background: #00000099; position: absolute;width: 100%;height: 100%;z-index: -1;}
.feedback-popup .feedback-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;background: #ffffff;display: flex;flex-direction: column;border-radius: 0.625rem;}
.feedback-popup .feedback-wrap .popupTitle{margin-top:0.5rem;height: 4rem;width: 100%;text-align: center;line-height: 4rem;border-radius: 0.625rem 0.625rem 0 0;font-size: 2.5rem;color: #17183A;font-weight: bold;position: relative;}
.feedback-popup .feedback-wrap .popupTitle span{position: relative;width: fit-content;display: block;text-align: center;margin: 0 auto;z-index: 1;}
.feedback-popup .feedback-wrap .feedback-inner{background: #ffffff;border-radius: 0.625rem;position: relative;z-index: 1;padding: 0 1.25rem 2rem;display: flex;flex-direction: column;row-gap: 0.75rem;}
.feedback-popup .feedback-wrap .feedback-inner .feed-sec{display: flex;flex-direction: column;row-gap: 0.75rem;}
.feedback-popup .feedback-wrap .feedback-inner .feed-sec .innerTitle{font-size: 1.75rem;color: #484846;text-align: left;position: relative;padding-left: 1.5rem;}
.feedback-popup .feedback-wrap .feedback-inner .feed-sec .innerTitle::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 0.5rem;height: 1.5rem;background-color: #54C5FF;}
.feedback-popup .feedback-wrap .feedback-inner .type-list{display: flex;flex-wrap: wrap;column-gap: 1rem;row-gap: 1rem;}
.feedback-popup .feedback-wrap .feedback-inner .type-list .feedback-reason{width: calc(50% - 0.5rem);height: 3rem;text-align: center;padding: 0 0.25rem;line-height: 3rem;border-radius: 0.625rem;background-color: #F4F4F4;font-size: 1.5rem;color: #17183A;cursor: pointer;border: 1px solid transparent;}
.feedback-popup .feedback-wrap .feedback-inner .type-list .feedback-reason.selected{background: #54C5FF;color: #ffffff;}
.feedback-popup .feedback-wrap .feedback-inner .fieldWrap textarea{width: 100%;height: 6.25rem;padding: 1rem 1.25rem;border-radius: 0.625rem;background-color: #F4F4F4;font-size: 1.25rem;color: #000000;border: none;outline: none;resize: none;}
.feedback-popup .feedback-wrap .feedback-inner .fieldWrap textarea::placeholder{color: #A3A3A3;}
.feedback-popup .feedback-wrap .feedback-inner .feedback-contact input{width: 100%;height: 3rem;border: none;outline: none;border-radius: 0.625rem;line-height: 3rem;padding: 1rem 1.25rem;background-color: #F4F4F4;font-size: 1.25rem;color: #000000;}
.feedback-popup .feedback-wrap .feedback-inner .feedback-contact input::placeholder{color: #A3A3A3;}
.feedback-popup .feedback-wrap .feedback-inner .submitFeedback{width: 100%;height: 5rem;background: #54C5FF;line-height: 5rem;border-radius: 2.813rem;text-align: center;font-size: 2rem;color: #ffffff;cursor: pointer;font-weight: bold;}
.feedback-popup .feedback-wrap .close-button{position: absolute;width: 5rem;height: 5rem;background: #cccccc;border-radius: 50%;text-align: center;line-height: 5rem;font-size: 3.5rem;color: #ffffff;z-index: 1;cursor: pointer;bottom: -6rem;left: 50%;transform: translateX(-50%);}

.app-perimission-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.app-perimission-popup .overlay{background: #00000099; position: absolute;width: 100%;height: 100%;z-index: -1;}
.app-perimission-popup .app-perimission-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;background: #ffffff;display: flex;flex-direction: column;border-radius: 0.625rem;}
.app-perimission-popup .app-perimission-wrap .popupTitle{margin-top:0.5rem;height: 4rem;width: 100%;text-align: center;line-height: 4rem;border-radius: 0.625rem 0.625rem 0 0;font-size: 2.5rem;color: #17183A;font-weight: bold;position: relative;}
.app-perimission-popup .app-perimission-wrap .popupTitle span{position: relative;width: fit-content;display: block;text-align: center;margin: 0 auto;z-index: 1;}
.app-perimission-popup .app-perimission-wrap .permission-wrap{padding: 0 1.25rem 2rem;background: #ffffff;border-radius: 0.625rem;position: relative;z-index: 1;}
.app-perimission-popup .app-perimission-wrap .permission-content{display: flex;flex-direction: column;row-gap: 1rem;max-height: 50vh;overflow-y: scroll;padding-right: 2rem;}
.app-perimission-popup .app-perimission-wrap .permission-content .pop-title{font-size: 1.5rem;line-height: 2rem;color: #3D3D3D;font-weight: 500;text-align: left;}
.app-perimission-popup .app-perimission-wrap .permission-content .popInnerTitle{font-size: 1.25rem;font-weight: 500;line-height: 1.875rem;color: #333333;text-align: left;}
.app-perimission-popup .app-perimission-wrap .permission-content p{font-size: 1.25rem;line-height: 1.875rem;color: #333333;text-align: left;}
.app-perimission-popup .app-perimission-wrap .confirmBtn{width: calc(100% - 3.75rem);height: 5rem;margin:1.25rem auto 1.875rem;background: #54C5FF;line-height: 5rem;border-radius: 2.813rem;text-align: center;font-size: 2rem;color: #ffffff;cursor: pointer;font-weight: bold;}
.app-perimission-popup .app-perimission-wrap .close-button{position: absolute;width: 5rem;height: 5rem;background: #cccccc;border-radius: 50%;text-align: center;line-height: 5rem;font-size: 3.5rem;color: #ffffff;z-index: 1;cursor: pointer;bottom: -6rem;left: 50%;transform: translateX(-50%);}
.app-perimission-popup .app-perimission-wrap .permission-content::-webkit-scrollbar{width: 0.75rem;}
.app-perimission-popup .app-perimission-wrap .permission-content::-webkit-scrollbar-thumb{background-color: #D9D9D9;border-radius: 2.813rem;}
.app-perimission-popup .app-perimission-wrap .permission-content::-webkit-scrollbar-track{background-color: #ffffff;border-radius: 2.813rem;}

.privacy-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.privacy-popup .overlay{background: #00000099; position: absolute;width: 100%;height: 100%;z-index: -1;}
.privacy-popup .privacy-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;background: #ffffff;display: flex;flex-direction: column;border-radius: 0.625rem;}
.privacy-popup .privacy-wrap .popupTitle{margin-top:0.5rem;height: 4rem;width: 100%;text-align: center;line-height: 4rem;border-radius: 0.625rem 0.625rem 0 0;font-size: 2.5rem;color: #17183A;font-weight: bold;position: relative;}
.privacy-popup .privacy-wrap .popupTitle span{position: relative;width: fit-content;display: block;text-align: center;margin: 0 auto;z-index: 1;}
.privacy-popup .privacy-wrap .privacy-content-wrap{padding: 0 1.25rem 2rem;background: #ffffff;border-radius: 0.625rem;position: relative;z-index: 1;}
.privacy-popup .privacy-wrap .privacy-content{display: flex;flex-direction: column;row-gap: 1rem;max-height: 50vh;overflow-y: scroll;padding-right: 2rem;}
.privacy-popup .privacy-wrap .privacy-content .popInnerTitle{font-size: 1.25rem;font-weight: 500;line-height: 1.875rem;color: #333333;text-align: left;}
.privacy-popup .privacy-wrap .privacy-content p{font-size: 1.25rem;line-height: 1.875rem;color: #333333;text-align: left;}
.privacy-popup .privacy-wrap .confirmBtn{width: calc(100% - 3.75rem);height: 5rem;margin:1.25rem auto 1.875rem;background: #54C5FF;line-height: 5rem;border-radius: 2.813rem;text-align: center;font-size: 2rem;color: #ffffff;cursor: pointer;font-weight: bold;}
.privacy-popup .privacy-wrap .close-button{position: absolute;width: 5rem;height: 5rem;background: #cccccc;border-radius: 50%;text-align: center;line-height: 5rem;font-size: 3.5rem;color: #ffffff;z-index: 1;cursor: pointer;bottom: -6rem;left: 50%;transform: translateX(-50%);}
.privacy-popup .privacy-wrap .privacy-content::-webkit-scrollbar{width: 0.75rem;}
.privacy-popup .privacy-wrap .privacy-content::-webkit-scrollbar-thumb{background-color: #D9D9D9;border-radius: 2.813rem;}
.privacy-popup .privacy-wrap .privacy-content::-webkit-scrollbar-track{background-color: #ffffff;border-radius: 2.813rem;}

.appointment-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.appointment-popup .overlay{background: #00000099; position: absolute;width: 100%;height: 100%;z-index: -1;}
.appointment-popup .appointment-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;background: #ffffff;display: flex;flex-direction: column;border-radius: 0.625rem;}
.appointment-popup .appointment-wrap .popupTitle{margin-top:1rem;height: 4rem;width: 100%;text-align: center;line-height: 4rem;border-radius: 0.625rem 0.625rem 0 0;font-size: 2.5rem;color: #17183A;font-weight: bold;position: relative;}
.appointment-popup .appointment-wrap .popupTitle span{position: relative;width: fit-content;display: block;text-align: center;margin: 0 auto;z-index: 1;}
.appointment-popup .appointment-wrap .appointment-inner{background: #ffffff;border-radius: 0.625rem;position: relative;z-index: 1;padding: 0 1.25rem 2rem;display: flex;flex-direction: column;row-gap: 0.5rem;margin-top: 1rem;}
.appointment-popup .appointment-wrap .appointment-inner .submitAppointment{width: 100%;height: 5rem;background: #54C5FF;line-height: 5rem;border-radius: 2.813rem;text-align: center;font-size: 2rem;color: #ffffff;cursor: pointer;font-weight: bold;margin-top: 1rem;}
.appointment-popup .appointment-wrap .close-button{position: absolute;width: 5rem;height: 5rem;background: #cccccc;border-radius: 50%;text-align: center;line-height: 5rem;font-size: 3.5rem;color: #ffffff;z-index: 1;cursor: pointer;bottom: -6rem;left: 50%;transform: translateX(-50%);}
.appointment-popup .appointment-wrap .appointment-inner .appoint-field input{width: 100%;height: 3rem;border: none;outline: none;border-radius: 0.625rem;line-height: 3rem;padding: 1rem 1.25rem;background-color: #F4F4F4;font-size: 1.25rem;color: #000000;}
.appointment-popup .appointment-wrap .appointment-inner .appoint-field input::placeholder{color: #A3A3A3;}
.appointment-popup .appointment-wrap .appointment-inner > p{font-size: 1.75rem;color: #17183A;}
.appointment-popup .appointment-wrap .appointment-inner > p em{font-style: normal;color: #54C5FF;}
.appointment-popup .appointment-wrap .appointment-inner > span{font-size: 1.5rem;color: #999999;}
.appointment-popup .appointment-wrap .appointment-inner .msg{font-size: 1.25rem;text-align: left;color: red;margin-top: 0.5rem;width: 100%;display: block;}

.appointment-popup .appointment-wrap .appoint-success{display: none;flex-direction: column;row-gap: 0.5rem;padding: 0 1.25rem 2rem;margin-top: 1rem;}
.appointment-popup .appointment-wrap .appoint-success > .icon{width: 5rem;height: 5rem;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url(../images/info/tickIcon.png);margin: 0 auto;}
.appointment-popup .appointment-wrap .appoint-success strong{width: 100%;text-align: center;color: #54C5FF;font-size: 1.875rem;}
.appointment-popup .appointment-wrap .appoint-success .closePopup{width: 100%;height: 5rem;background: #54C5FF;line-height: 5rem;border-radius: 2.813rem;text-align: center;font-size: 2rem;color: #ffffff;cursor: pointer;font-weight: bold;margin-top: 1rem;}
.appointment-popup .appointment-wrap .appoint-repeat{display: none;flex-direction: column;row-gap: 0.5rem;padding: 0 1.25rem 2rem;margin-top: 1rem;}
.appointment-popup .appointment-wrap .appoint-repeat > .icon{width: 5rem;height: 5rem;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url(../images/info/dupAppointIcon.png);margin: 0 auto;}
.appointment-popup .appointment-wrap .appoint-repeat strong{width: 100%;text-align: center;color: #54C5FF;font-size: 1.875rem;}
.appointment-popup .appointment-wrap .appoint-repeat .closePopup{width: 100%;height: 5rem;background: #54C5FF;line-height: 5rem;border-radius: 2.813rem;text-align: center;font-size: 2rem;color: #ffffff;cursor: pointer;font-weight: bold;margin-top: 1rem;}