.top-bg{position: absolute;top: 8.75rem;left: 0;height: 29rem;width: 100%;z-index: -1;}
.top-bg img{width: 100%;height: 100%;display: block;object-fit: cover;filter: blur(5px);}

.app-section-title{display: flex;align-items: center;}
.app-section-title .iconWrap{width: 4.688rem;flex: 4.688rem;max-width: 4.688rem;height: 3.75rem;padding-left: 1rem;display: flex;align-items: center;background-color: #4AABFF;border-radius: 0.5rem 0.63rem 1.25rem 0.5rem;clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);}
.app-section-title .iconWrap img{width: 1.375rem;height: auto;display: block;}
.app-section-title .title{width: 100%;flex-grow: 1;background-color: #F7F7F7;border-radius: 0 0.75rem 0.75rem 0;display: flex;align-items: center;height: 3.125rem;padding-left: 0.63rem;padding-right: 1.25rem;justify-content: space-between;}
.app-section-title .title h4{font-size: 1.875rem;font-weight: 900;color: #404040;}
.app-section-title .title h4 span{color: #4AABFF;}
.app-section-title .title p{font-size: 1.875rem;font-weight: 900;color: #404040;}
.app-section-title .title p span{color: #4AABFF;}
.app-section-title .title .viewAll{font-size: 1.5rem;font-weight: 500;color: #4AABFF;}
.app-section-title .title .feedback-btn{font-size: 1.5rem;font-weight: 500;color: #4AABFF;}

.app-download-panel{margin-top: 1.25rem;}
.app-download-panel .app-download-wrap{display: flex;flex-direction: column;overflow: hidden;row-gap: 2.5rem;box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04);background-color: #ffffff;border-radius: 1.875rem;padding: 2.75rem 1.5rem 2.5rem;}
.app-download-panel .app-download-wrap .app-detail{display: flex;align-items: center;column-gap: 1.5rem;}
.app-download-panel .app-download-wrap .app-detail > img{width: 9.375rem;flex: 0 0 9.375rem;max-width: 9.375rem;height: 9.375rem;border-radius: 2.25rem;}
.app-download-panel .app-download-wrap .app-detail .detailWrap{display: flex;flex-direction: column;row-gap: 0.63rem;overflow: hidden;}
.app-download-panel .app-download-wrap .app-detail .detailWrap h1{font-size: 2.25rem;font-weight: 900;color: #404040;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-download-panel .app-download-wrap .app-detail .detailWrap .dateUpdate{font-size: 1.5rem;color: #999999;}
.app-download-panel .app-download-wrap .app-detail .detailWrap .dateUpdate span{color: #4AABFF;}
.app-download-panel .app-download-wrap .app-detail .detailWrap .type{font-size: 1.5rem;color: #999999;}
.app-download-panel .app-download-wrap .downloadBtn{width:100%;height: 5rem;text-align: center;line-height: 5rem;background: linear-gradient( 90deg, rgb(0,201,255) 0%, rgb(146,254,157) 100%);border-radius: 2.5rem;font-size: 1.875rem;color: #ffffff;font-weight: 900;margin: 0 auto;}

.downBtnBox{display: none;}
.downBtnBox > a,.downBtnBox span{display: block;width:100%;height: 5rem;text-align: center;line-height: 5rem;background: linear-gradient( 90deg, rgb(0,201,255) 0%, rgb(146,254,157) 100%);border-radius: 2.5rem;font-size: 1.875rem;color: #ffffff;font-weight: 900;margin: 0 auto;}
.downBtnBox .no-down{background:#999;}
.cueCard{width: 100%;box-sizing: border-box;background-color: #fff;color: #FF6F6F;margin-top: 1rem;font-size:1.5rem;line-height:3rem;background: url(../images/edit_tip_pic.png) no-repeat 0px 3px;padding-left: 3rem;}


.info-navigate-bar{padding-top: 2.25rem; /*position: sticky; top: 0rem; z-index: 999;*/ background: #ffffff;padding-bottom: 2.5rem;}
.info-navigate-bar .navigation-wrap{display: flex;align-items: center;justify-content: space-between;padding: 0 1.875rem;}
.info-navigate-bar .navigation-wrap a{font-size: 1.75rem;font-weight: 500;color: #666666;}
.info-navigate-bar .navigation-wrap a span{position: relative;}
.info-navigate-bar .navigation-wrap a.active{font-weight: 900;color: #404040;}
.info-navigate-bar .navigation-wrap a.active span::after{position: absolute;content: "";width: 1.625rem;height: 1.625rem;border-radius: 50%;background: linear-gradient( 0deg, rgba(255,217,48,0) 0%, rgb(255,217,48) 100%);top: -0.25rem;right: -0.5rem;z-index: -1;}

.app-intro-panel{scroll-margin-top: 9rem;}
.app-intro-panel .tab-wrap{margin: 1.75rem 0 1.25rem;display: flex;align-items: center;gap: 1.25rem;flex-wrap: wrap;}
.app-intro-panel .tab-wrap a{min-width: 9.75rem;height: 4rem;text-align: center;line-height: 4rem;background-color: #F5FAFF;border-radius: 0.75rem;color: #666666;font-size: 1.75rem;}
.app-intro-panel .intro-content {margin-bottom: 1.25rem;}
.app-intro-panel .intro-content p{font-size: 1.75rem;color: #666666;line-height: 3rem;}

.screenshot-panel {scroll-margin-top: 9rem;}
.screenshot-panel .screenshot-wrap .swiper-slide{width: auto;margin-right: 1.25rem;}
.screenshot-panel .screenshot-wrap .swiper-slide img{max-height: 20.75rem;width: auto;border-radius: 0.31rem;cursor: pointer;}
.screenshot-panel .screenshot-wrap{position: relative;}
.screenshot-panel .screenshot-wrap .screenshot-swiper-pagination{margin-top: 1.25rem;width: 100%;height: 0.63rem;background: #e5e5e5;}
.screenshot-panel .screenshot-wrap .screenshot-swiper-pagination .swiper-pagination-progressbar-fill{background: #4aabff;}

.app-content-panel{margin-top: 4.5rem;}
.app-content-panel .app-section-title .iconWrap img{width: 1.875rem;height: 1.625rem;}
.app-content-panel .contentWrap {margin-top: 1.5rem;line-height: 3rem;}
.app-content-panel .contentWrap h3{font-size: 1.75rem;font-weight: 900;color: #404040;}
.app-content-panel .contentWrap p{font-size: 1.75rem;color: #666666;}
.app-content-panel .contentWrap img{max-width: 40rem;max-height: 22.5rem;width: auto;height: auto;object-fit: cover;margin: 1rem auto;display: block;}

.app-update-panel{margin-top: 1.5rem;}
.app-update-panel .app-section-title .iconWrap img{width: 1.875rem;height: 1.25rem;}
.app-update-panel .update-content-wrap{margin-top: 1.5rem;}
.app-update-panel .update-content-wrap .updateDetail{display: flex;align-items: center;justify-content: space-between;}
.app-update-panel .update-content-wrap .updateDetail p.version{font-size: 1.75rem;color: #404040;font-weight: 900;}
.app-update-panel .update-content-wrap .updateDetail span.dateUpdate{font-size: 1.5rem;color: #666666;}
.app-update-panel .update-content-wrap .contentWrap{padding: 0.75rem 0.875rem;border-radius: 0.75rem;background-color: #F7F7F7;line-height: 3rem;margin-top: 1.5rem;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;}
.app-update-panel .update-content-wrap .contentWrap p{font-size: 1.75rem;color: #737373;}

.app-info-panel{margin-top: 2.5rem;scroll-margin-top: 9rem;}
.app-info-panel .app-section-title .iconWrap img{width: 1.375rem;height: 1.313rem;}
.app-info-panel .app-info-list{margin-top: 0.75rem;display: flex;flex-direction: column;}
.app-info-panel .app-info-list .infoWrap{display: flex;align-items: center;justify-content: space-between;padding: 1.125rem 0;border-bottom: 1px solid #E5E5E5;}
.app-info-panel .app-info-list .infoWrap p{font-size: 1.75rem;color: #999999;white-space: nowrap;}
.app-info-panel .app-info-list .infoWrap span{font-size: 1.75rem;color: #737373;}

.app-recommend-panel{margin-top: 1.875rem;padding-left: 1.875rem;padding-right: 1.875rem;}
.app-recommend-panel .titleWrap{margin-bottom: 0.25rem;}
.app-recommend-panel .app-recommend-list{display: flex;column-gap: 2.5rem;overflow-x: scroll;}
.app-recommend-panel .app-recommend-list::-webkit-scrollbar{height: 0.75rem;width: 100%;background-color: #EEEEEE;border-radius: 0.375rem;}
.app-recommend-panel .app-recommend-list::-webkit-scrollbar-thumb{background-color: #4AABFF;border-radius: 0.375rem;}
.app-recommend-panel .app-recommend-list .column{width: 39.75rem;flex: 39.75rem;max-width: 39.75rem;display: flex;flex-direction: column;}

.app-recommend-panel .app-recommend-list .column > a{display:block;width: 39.75rem;overflow: hidden;
    position: relative;padding: 1rem 0;}
.app-recommend-panel .app-recommend-list .column > a:after{position: absolute;content: "";height: 1px;width: calc(100% - 8.75rem);bottom: 0;right: 0;background-color: #EEEEEE;}
.app-recommend-panel .app-recommend-list .column > a img{width: 7.5rem;height:7.5rem;border-radius: 1.5rem;margin-right: 1.25rem;float: left;}
.app-recommend-panel .app-recommend-list .column > a > div{width: 22.5rem;float: left;}
.app-recommend-panel .app-recommend-list .column > a > div > h4{font-size: 1.75rem;font-weight: 500;color: #404040;margin-bottom: 0.63rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-recommend-panel .app-recommend-list .column > a > div > p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;    font-size: 1.5rem;
    color: #999999;}
.app-recommend-panel .app-recommend-list .column > a > div > p:nth-child(1){font-size: 1.75rem;font-weight: 500;color: #404040;margin-bottom: 0.63rem;}
.app-recommend-panel .app-recommend-list .column > a > div > p:nth-child(2){    margin-bottom: 0.25rem;}
.app-recommend-panel .app-recommend-list .column > a > span{width: 7.188rem;height: 3rem;line-height: 3rem;text-align: center;flex: 0 0 7.188rem;max-width: 7.188rem;color: #999999;font-size: 1.5rem;background-color: #F3F3F3;border-radius: 1.5rem;display: block;float: left;margin-top: 3rem;}

.new-app-panel{margin-top: 1.875rem;padding-left: 1.875rem;padding-right: 1.875rem;}
.new-app-panel .app-listing{display: flex;flex-wrap: wrap;column-gap: 2.625rem;row-gap: 2rem;}
.new-app-panel .app-listing a{width: 8.75rem;flex: 0 0 8.75rem;max-width: 8.75rem;display: flex;flex-direction: column;align-items: center;}
.new-app-panel .app-listing a img{width: 8.75rem;height: 8.75rem;border-radius: 2rem;display: block;}
.new-app-panel .app-listing a p{margin: 0.313rem 0 0.625rem;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.75rem;color: #404040;font-weight: 500;width: 100%;}
.new-app-panel .app-listing a span{width: 7.188rem;max-width: 7.188rem;height: 3rem;line-height: 3rem;text-align: center;background-color: #F3F3F3;border-radius: 1.5rem;font-size: 1.5rem;color: #999999;}

.app-recommend-panel .app-recommend-list .column .appWrap{display: flex;align-items: center;padding: 1rem 0;position: relative;}
.app-recommend-panel .app-recommend-list .column .appWrap::after{position: absolute;content: "";height: 1px;width: calc(100% - 8.75rem);bottom: 0;right: 0;background-color: #EEEEEE;}
.app-recommend-panel .app-recommend-list .column .appWrap:last-child::after{display: none;}
.app-recommend-panel .app-recommend-list .column .appWrap a img{width: 7.5rem;flex: 0 0 7.5rem;max-width: 7.5rem;height: 7.5rem;border-radius: 1.5rem;margin-right: 1.25rem;}
.app-recommend-panel .app-recommend-list .column .appWrap .detailWrap{display: flex;flex-direction: column;overflow: hidden;width: 22.5rem;flex: 0 0 22.5rem;max-width: 22.5rem;overflow: hidden;}
.app-recommend-panel .app-recommend-list .column .appWrap .detailWrap h4{font-size: 1.75rem;font-weight: 500;color: #404040;margin-bottom: 0.63rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-recommend-panel .app-recommend-list .column .appWrap .detailWrap .type{font-size: 1.5rem;color: #999999;margin-bottom: 0.25rem;}
.app-recommend-panel .app-recommend-list .column .appWrap .detailWrap p{font-size: 1.5rem;color: #999999;}
.app-recommend-panel .app-recommend-list .column .appWrap .viewBtn{margin-left: auto;width: 7.188rem;flex: 0 0 7.188rem;max-width: 7.188rem;height: 3rem;line-height: 3rem;text-align: center;background-color: #F3F3F3;border-radius: 1.5rem;font-size: 1.5rem;color: #999999;}

.related-topic-panel{margin-top: 1.875rem;scroll-margin-top: 9rem;}
.related-topic-panel .tab-buttons{display: flex;column-gap: 0.63rem;align-items: center;margin-bottom: 1.75rem;}
.related-topic-panel .tab-buttons li{height: 3.5rem;line-height: 3.5rem;background-color: #EBF5FF;border-radius: 0.5rem;text-align: center;padding: 0 2.125rem;font-size: 1.75rem;font-weight: 500;color: #4AABFF;}
.related-topic-panel .tab-buttons li.active{background-color: #4AABFF;color: #FFFFFF;}
.related-topic-panel .tab-contents .tab-content{display: none;flex-direction: column;row-gap: 1.875rem;}
.related-topic-panel .tab-contents .tab-content.active{display: flex;}
.related-topic-panel .tab-contents .tab-content .topic-banner{display: flex;flex-direction: column;}
.related-topic-panel .tab-contents .tab-content .topic-banner .imgWrap{position: relative;height: 15rem;}
.related-topic-panel .tab-contents .tab-content .topic-banner .imgWrap::after{position: absolute;content: "";width: 100%;height: 5.625rem;border-radius: 0.75rem 0.75rem 0 0;bottom: 0;left: 0;background: linear-gradient( 0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);;}
.related-topic-panel .tab-contents .tab-content .topic-banner .imgWrap img{width: 100%;height: 100%;display: block;object-fit: cover;border-radius: 0.75rem 0.75rem 0 0;}
.related-topic-panel .tab-contents .tab-content .topic-banner .imgWrap .detailWrap{position: absolute;padding: 0 3rem 0 1.25rem;bottom: 1.25rem;left: 0;display: flex;align-items: center;width: 100%;z-index: 1;}
.related-topic-panel .tab-contents .tab-content .topic-banner .imgWrap .detailWrap h4{font-size: 1.875rem;color: #ffffff;font-weight: 900;margin-right: 1.5rem;max-width:20rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.related-topic-panel .tab-contents .tab-content .topic-banner .imgWrap .detailWrap > p:nth-child(1){font-size: 1.875rem;color: #ffffff;font-weight: 900;margin-right: 1.5rem;max-width:20rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.related-topic-panel .tab-contents .tab-content .topic-banner .imgWrap .detailWrap p.amount{font-size: 1.5rem;color: #ffffff;}
.related-topic-panel .tab-contents .tab-content .topic-banner .imgWrap .detailWrap p.dateUpdate{font-size: 1.375rem;color: #ffffff;margin-left: auto;} 
.related-topic-panel .tab-contents .tab-content .topic-banner .topic-content{padding: 1.25rem;border-radius: 0 0 0.75rem 0.75rem;background-color: #313131;font-size: 1.5rem;color: #B3B3B3;}
.related-topic-panel .tab-contents .tab-content .topic-banner .topic-content p{font-size: 1.5rem;color: #B3B3B3;display: -webkit-box;
    display: -moz-box;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;}
.related-topic-panel .tab-contents .tab-content .topic-app-list{display: flex;flex-wrap: wrap;row-gap: 2rem;column-gap: 2.625rem;}
.related-topic-panel .tab-contents .tab-content .topic-app-list a{width: 8.75rem;flex: 0 0 8.75rem;max-width: 8.75rem;display: flex;flex-direction: column;overflow: hidden;}
.related-topic-panel .tab-contents .tab-content .topic-app-list a img{width: 8.75rem;height: 8.75rem;display: block;border-radius: 2rem;margin-bottom: 0.375rem;}
.related-topic-panel .tab-contents .tab-content .topic-app-list a p{font-size: 1.75rem;font-weight: 500;color: #404040;margin-bottom: 0.63rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.related-topic-panel .tab-contents .tab-content .topic-app-list a span{width: 7.188rem;height: 3rem;background-color: #F3F3F3;border-radius: 1.5rem;display: flex;align-items: center;justify-content: center;margin: 0 auto;font-size: 1.5rem;color: #999999;}

.article-list-panel{margin-top: 1.875rem;scroll-margin-top: 9rem;}
.article-list-panel .titleWrap{margin-bottom: 0;}
.article-list-panel .article-listing{display: flex;flex-direction: column;}
.article-list-panel .article-listing a{display: flex;justify-content: space-between;column-gap: 2.25rem;padding: 1.25rem 0;border-bottom: 1px solid #eeeeee;}
.article-list-panel .article-listing a:last-child{border-bottom: none;}
.article-list-panel .article-listing a .detailWrap{display: flex;flex-direction: column;overflow: hidden;flex: 0 0 28.5rem;width: 28.5rem;max-width: 28.5rem;justify-content: space-between;}
.article-list-panel .article-listing a .detailWrap h4{font-size: 1.75rem;color: #404040;font-weight: 500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.article-list-panel .article-listing a .detailWrap .bottomWrap{display: flex;align-items: center;column-gap: 1.75rem;}
.article-list-panel .article-listing a .detailWrap .bottomWrap p{font-size: 1.5rem;color: #999999;}
.article-list-panel .article-listing a img{width: 12rem;flex: 0 0 12rem;max-width: 12rem;height: 8.75rem;border-radius: 0.5rem;object-fit: cover;}

#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 i {display: inline-block;position: relative;cursor: pointer;font-size: 24px;position: absolute;right: 16px;top: 16px;cursor: pointer;z-index: 1;}
#imageModal .close i::before {color: #ffffff!important;}
#imageModal .bottomWrap{display: flex;align-items: center;justify-content: center;bottom: 50px;position: absolute;width: 100%;}
#imageModal .bottomWrap .pageNumber{width: max-content;display: flex;align-items: center;justify-content: center;font-size: 24px;font-weight: 400;color: #ffffff;}
#imageModal .bottomWrap .swiper-button-disabled{display: block;}
#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;backdrop-filter: blur(4px);width: 40px;height: 40px;border: none;border-radius: 50%;}
#imageModal .modal-swiper-prev i, #imageModal .modal-swiper-next i{font-size: 24px;}
#imageModal .modal-swiper-prev i::before, #imageModal .modal-swiper-next i::before{color: #130F31!important;}
#imageModal .modal-swiper-prev{left: 24px;}
#imageModal .modal-swiper-next{right: 24px;}

.app-appoint-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.app-appoint-popup .overlay{background: #00000080; position: absolute;width: 100%;height: 100%;z-index: -1;}
.app-appoint-popup .app-appoint-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 16px;width: 90%;max-width:420px; background-color: #ffffff;padding: 42px 20px 28px;}
.app-appoint-popup .app-appoint-wrap::before{position: absolute;content: "";width: 100%;height: 52px;border-radius: 16px;background: linear-gradient( 0deg, rgba(248,211,132,0) 0%, rgb(248,211,132) 100%);top: 0;left: 0;}
.app-appoint-popup .app-appoint-wrap > img{width: 99px;height: auto;display: block;position: absolute;top: -45px;left: 50%;transform: translateX(-50%);}
.app-appoint-popup .app-appoint-wrap h2{font-size: 24px;font-weight: bold;color: #404040;margin-bottom: 14px;}
.app-appoint-popup .app-appoint-wrap p{font-size: 16px;color: #666666;margin-bottom: 18px;text-align: left;}
.app-appoint-popup .app-appoint-wrap input{height: 48px;width: 100%;border: 1px solid #EEEEEE;border-radius: 24px;padding: 14px 20px;color: #404040;font-size: 16px;margin-bottom: 35px;}
.app-appoint-popup .app-appoint-wrap input::placeholder{color: #999999;}
.app-appoint-popup .app-appoint-wrap .confirmBtn{border: none;outline: none;width: 100%;height: 48px;line-height: 48px;text-align: center;background-color: #4AABFF;border-radius: 24px;color: #ffffff;font-size: 18px;box-shadow: 0 4px 4px #4AABFF33;cursor: pointer;}
.app-appoint-popup .close-button{position: absolute;left: 50%;transform: translateX(-50%);bottom: -64px;cursor: pointer;}
.app-appoint-popup .close-button i{font-size: 48px;color: #ffffff;}

.appoint-success-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.appoint-success-popup .overlay{background: #00000080; position: absolute;width: 100%;height: 100%;z-index: -1;}
.appoint-success-popup .appoint-success-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 16px;width: 90%;max-width:420px; background-color: #ffffff;padding: 42px 20px 28px;}
.appoint-success-popup .appoint-success-wrap::before{position: absolute;content: "";width: 100%;height: 52px;border-radius: 16px;background: linear-gradient( 0deg, rgba(248,211,132,0) 0%, rgb(248,211,132) 100%);top: 0;left: 0;}
.appoint-success-popup .appoint-success-wrap > img{width: 102px;height: auto;display: block;position: absolute;top: -70px;left: 50%;transform: translateX(-50%);}
.appoint-success-popup .appoint-success-wrap h2{font-size: 24px;font-weight: bold;color: #404040;margin-bottom: 14px;}
.appoint-success-popup .appoint-success-wrap p{font-size: 16px;color: #666666;margin-bottom: 18px;text-align: left;}
.appoint-success-popup .appoint-success-wrap .confirmBtn{border: none;outline: none;width: 100%;height: 48px;line-height: 48px;text-align: center;background-color: #4AABFF;border-radius: 24px;color: #ffffff;font-size: 18px;box-shadow: 0 4px 4px #4AABFF33;cursor: pointer;}
.appoint-success-popup .close-button{position: absolute;left: 50%;transform: translateX(-50%);bottom: -64px;cursor: pointer;}
.appoint-success-popup .close-button i{font-size: 48px;color: #ffffff;}

.app-update-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.app-update-popup .overlay{background: #00000080; position: absolute;width: 100%;height: 100%;z-index: -1;}
.app-update-popup .app-update-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 16px;width: 90%;max-width:420px; background-color: #ffffff;padding: 42px 20px 28px;}
.app-update-popup .app-update-wrap::before{position: absolute;content: "";width: 100%;height: 52px;border-radius: 16px;background: linear-gradient( 0deg, rgba(169,166,243,0) 0%, rgb(164,161,238) 100%);top: 0;left: 0;}
.app-update-popup .app-update-wrap > img{width: 83px;height: auto;display: block;position: absolute;top: -45px;left: 50%;transform: translateX(-50%);}
.app-update-popup .app-update-wrap h2{font-size: 24px;font-weight: bold;color: #404040;margin-bottom: 18px;}
.app-update-popup .app-update-wrap .update-content{text-align: left;line-height: 25px;max-height: 394px;overflow-y: scroll;padding-right: 12px;}
.app-update-popup .app-update-wrap .update-content::-webkit-scrollbar{width: 10px;background-color: #eeeeee;border-radius: 5px;}
.app-update-popup .app-update-wrap .update-content::-webkit-scrollbar-thumb{background-color: #00a0e9;border-radius: 5px;}
.app-update-popup .app-update-wrap .update-content h3{font-size: 16px;font-weight: bold;color: #4AABFF;}
.app-update-popup .app-update-wrap .update-content p{font-size: 16px;color: #666666;}
.app-update-popup .close-button{position: absolute;left: 50%;transform: translateX(-50%);bottom: -64px;cursor: pointer;}
.app-update-popup .close-button i{font-size: 48px;color: #ffffff;}

.feedback-popup{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.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%);border-radius: 16px;width: 90%;max-width:420px; background-color: #ffffff;padding: 42px 20px 28px;}
.feedback-popup .feedback-wrap::before{position: absolute;content: "";width: 100%;height: 52px;border-radius: 16px;background: linear-gradient( 0deg, rgba(118,246,235,0) 0%, rgb(117,247,236) 100%);top: 0;left: 0;}
.feedback-popup .feedback-wrap > img{width: 75px;height: auto;display: block;position: absolute;top: -45px;left: 50%;transform: translateX(-50%);}
.feedback-popup .feedback-wrap h2{font-size: 24px;font-weight: bold;color: #404040;margin-bottom: 20px;}
.feedback-popup .feedback-wrap > p{font-size: 24px;font-weight: bold;color: #404040;margin-bottom: 20px;}
.feedback-popup .feedback-wrap .tick-panel{display: flex;flex-direction: column;row-gap: 16px;}
.feedback-popup .feedback-wrap .tick-panel > p{font-size: 16px;color: #404040;text-align: left;}
.feedback-popup .feedback-wrap .tick-panel .tick-list{display: flex;flex-wrap: wrap;row-gap: 16px;justify-content: space-between;margin-bottom: 8px;}
.feedback-popup .feedback-wrap .tick-panel .tick-list .tickWrap{width: 48%;flex: 0 0 48%;max-width: 48%;display: flex;align-items: center;column-gap: 10px;justify-content: space-between;}
.feedback-popup .feedback-wrap .tick-panel .tick-list .tickWrap label{font-size: 16px;color: #666666;}
.feedback-popup .feedback-wrap .tick-panel .tick-list .tickWrap input{width: 18px;height: 18px;border-radius: 5px;appearance: none;-webkit-appearance: none;border: 1px solid #E5E5E5;cursor: pointer;position: relative;}
.feedback-popup .feedback-wrap .tick-panel .tick-list .tickWrap input:checked{background-color: #4AABFF;border: none;}
.feedback-popup .feedback-wrap .tick-panel .tick-list .tickWrap input:checked::after{content: ""; position: absolute; left: 5px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.feedback-popup .feedback-wrap .tick-panel textarea{height: 108px;border-radius: 12px;border: 1px solid #EEEEEE;padding: 10px 14px;color: #404040;margin-bottom: 8px;}
.feedback-popup .feedback-wrap .tick-panel textarea::placeholder{color: #999999;}
.feedback-popup .feedback-wrap .tick-panel .phone-field{height: 48px;width: 100%;border: 1px solid #EEEEEE;border-radius: 24px;padding: 14px 20px;color: #404040;font-size: 16px;margin-bottom: 8px;}
.feedback-popup .feedback-wrap .tick-panel .phone-field::placeholder{color: #999999;}
.feedback-popup .feedback-wrap .tick-panel .confirmBtn{border: none;outline: none;width: 100%;height: 48px;line-height: 48px;text-align: center;background-color: #4AABFF;border-radius: 24px;color: #ffffff;font-size: 18px;box-shadow: 0 4px 4px #4AABFF33;cursor: pointer;}
.feedback-popup .feedback-wrap .tick-panel .close-button{position: absolute;left: 50%;transform: translateX(-50%);bottom: -64px;cursor: pointer;}
.feedback-popup .feedback-wrap .tick-panel .close-button i{font-size: 48px;color: #ffffff;}