.app-info-panel{margin-top: 10px;}
.app-info-panel .container{display: flex;justify-content: space-between;}
.app-info-panel .app-info-left-panel{display: flex;flex-direction: column;row-gap: 24px;width: 820px;flex: 0 0 820px;max-width: 820px;}

.app-info-panel .app-info-left-panel .app-download-banner{display: flex;align-items: center;overflow: hidden;background-color: #fff;border-radius: 5px;padding: 24px;}
.app-info-panel .app-info-left-panel .app-download-banner > img{width: 130px;height: 130px;border-radius: 28px;flex: 0 0 130px;max-width: 130px;margin-right: 20px;}
.app-info-panel .app-info-left-panel .app-download-banner .app-detail-wrap{display: flex;flex-direction: column;overflow: hidden;margin-right: 30px;flex: 0 0 416px;max-width: 416px;}
.app-info-panel .app-info-left-panel .app-download-banner .app-detail-wrap h1{font-size: 24px;font-weight: bold;color: #000;margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-info-panel .app-info-left-panel .app-download-banner .app-detail-wrap > p{font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-info-panel .app-info-left-panel .app-download-banner .app-detail-wrap .infoWrap{display: flex;align-items: center;margin: 8px 0 10px;}
.app-info-panel .app-info-left-panel .app-download-banner .app-detail-wrap .infoWrap span{position: relative;color: #666;font-size: 14px;padding: 0 10px;}
.app-info-panel .app-info-left-panel .app-download-banner .app-detail-wrap .infoWrap span:nth-child(1){padding: 0 10px 0 0;}
.app-info-panel .app-info-left-panel .app-download-banner .app-detail-wrap .infoWrap span::before{position: absolute;content: "";width: 1px;height: 70%;background-color: #999999;top: 50%;transform: translateY(-50%);left: 0;}
.app-info-panel .app-info-left-panel .app-download-banner .app-detail-wrap .infoWrap span:nth-child(1)::before{display: none;}
.app-info-panel .app-info-left-panel .app-download-banner .app-detail-wrap .tag-list{display: flex;flex-wrap: nowrap;align-items: center;column-gap: 10px;row-gap: 10px;}
.app-info-panel .app-info-left-panel .app-download-banner .app-detail-wrap .tag-list a {font-size: 14px;color: #626262;border: 1px solid #626262;border-radius: 5px;padding: 5px 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-info-panel .app-info-left-panel .app-download-banner .buttonWrap{display: flex;flex-direction: column;row-gap: 10px;}
.app-info-panel .app-info-left-panel .app-download-banner .buttonWrap a,.app-info-panel .app-info-left-panel .app-download-banner .buttonWrap span{display: flex;align-items: center;justify-content: center;column-gap: 4px;width: 170px;height: 48px;border-radius: 5px;transition: transform .3s ease;color: #fff;cursor: pointer;}
.app-info-panel .app-info-left-panel .app-download-banner .buttonWrap a p{font-size: 18px;color: #ffffff;}
.app-info-panel .app-info-left-panel .app-download-banner .buttonWrap a.android-btn{background-color: #5DF5A9;}
.app-info-panel .app-info-left-panel .app-download-banner .buttonWrap .android-btn > i{width: 24px;display: block;height: 24px;background: url("../images/info/android-icon.png");}
.app-info-panel .app-info-left-panel .app-download-banner .buttonWrap a.android-btn img{width: 24px;height: auto;display: block;}
.app-info-panel .app-info-left-panel .app-download-banner .buttonWrap a.ios-btn{background-color: #4AABFF;}
.app-info-panel .app-info-left-panel .app-download-banner .buttonWrap .ios-btn > i{width: 22px;display: block;height: 23px;background: url("../images/info/ios-icon.png");}
.app-info-panel .app-info-left-panel .app-download-banner .buttonWrap a.ios-btn img{width: 22px;height: auto;display: block;}
.app-info-panel .app-info-left-panel .app-download-banner .buttonWrap .no-down{background-color: #999;}
.app-info-panel .app-info-left-panel .app-download-banner .buttonWrap a:hover,.app-info-panel .app-info-left-panel .app-download-banner .buttonWrap span:hover{transform: translateY(-5px) scale(1.05);}

.app-info-panel .app-info-left-panel .info-navigate-bar{background-color: #ffffff;border-radius: 5px;width: 100%;height: 54px;display: flex;align-items: center;justify-content: center;column-gap: 80px;/*position: sticky;top: 115px;z-index: 99;*/box-shadow: 0 1px 0px 0px #00000033;}
.app-info-panel .app-info-left-panel .info-navigate-bar a{display: flex;align-items: center;column-gap: 6px;font-size: 18px;color: #666666;transition: .3s all;}
.app-info-panel .app-info-left-panel .info-navigate-bar a img{width: 20px;height: auto;display: block;transition: .3s all;}
.app-info-panel .app-info-left-panel .info-navigate-bar a.active{color: #4AABFF;}
.app-info-panel .app-info-left-panel .info-navigate-bar a.active img{filter: brightness(0) saturate(100%) invert(63%) sepia(53%) saturate(2965%) hue-rotate(184deg) brightness(101%) contrast(102%);}

.app-info-panel .app-info-left-panel .app-detail-panel{display: flex;flex-direction: column;row-gap: 24px;scroll-margin-top: 180px;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-intro-panel{display: flex;flex-direction: column;row-gap: 14px;background-color: #ffffff;border-radius: 5px;padding: 20px 24px 48px;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-intro-panel h2{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-intro-panel strong.infoTit{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-intro-panel > p{font-size: 16px;color: #666666;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;line-height: 25px;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-intro-panel .screenshot-panel .screenshot-wrap .swiper-slide{width: auto;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-intro-panel .screenshot-panel .screenshot-wrap .swiper-slide img{max-height: 320px;width: auto;border-radius: 8px;cursor: pointer;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-intro-panel .screenshot-panel .screenshot-wrap{position: relative;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-intro-panel .screenshot-panel .screenshot-wrap .screenshot-swiper-pagination{margin-top: 10px;width: 100%;height: 10px;border-radius: 5px;background: #EEEEEE;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-intro-panel .screenshot-panel .screenshot-wrap .screenshot-swiper-pagination .swiper-pagination-progressbar-fill{border-radius: 5px;background: #4AABFF;}

.app-info-panel .app-info-left-panel .app-detail-panel .app-content-panel{background-color: #ffffff;border-radius: 5px;padding: 20px 24px 24px;overflow: hidden;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-content-panel h2{font-size: 24px;font-weight: bold;color: #404040;margin-bottom: 18px;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-content-panel strong.infoTit{font-size: 24px;font-weight: bold;color: #404040;margin-bottom: 18px;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-content-panel h3{font-size: 16px;font-weight: bold;color: #404040;margin-bottom: 4px;margin-top: 15px;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-content-panel p{line-height: 25px;font-size: 16px;color: #666666;margin-top: 15px;}
.app-info-panel .app-info-left-panel .app-detail-panel .app-content-panel img{display: block;margin: 0px auto;max-width: 800px;border-radius: 10px;}

.app-info-panel .app-info-left-panel .app-update-panel{background-color: #ffffff;border-radius: 5px;padding: 20px 24px 24px;scroll-margin-top: 180px;}
.app-info-panel .app-info-left-panel .app-update-panel .titleTop{display: flex;align-items: flex-end;margin-bottom: 18px;}
.app-info-panel .app-info-left-panel .app-update-panel .titleTop h2{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-left-panel .app-update-panel .titleTop strong.infoTit{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-left-panel .app-update-panel .titleTop span{font-size: 14px;color: #999999;margin-left: 18px;}
.app-info-panel .app-info-left-panel .app-update-panel .titleTop .viewAll{display: flex;align-items: center;column-gap: 5px;font-size: 14px;font-weight: bold;color: #50AEFF;margin-left: auto;cursor: pointer;}
.app-info-panel .app-info-left-panel .app-update-panel .titleTop .viewAll img{width: 14px;height: 14px;display: block;filter: brightness(0) saturate(100%) invert(54%) sepia(99%) saturate(1608%) hue-rotate(187deg) brightness(107%) contrast(100%);}
.app-info-panel .app-info-left-panel .app-update-panel .update-content p{font-size: 16px;color: #666666;line-height: 25px;}

.app-info-panel .app-info-left-panel .app-info-panel{background-color: #ffffff;border-radius: 5px;padding: 20px 24px 24px;scroll-margin-top: 180px;}
.app-info-panel .app-info-left-panel .app-info-panel .titleTop{display: flex;align-items: flex-end;margin-bottom: 18px;justify-content: space-between;}
.app-info-panel .app-info-left-panel .app-info-panel .titleTop h2{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-left-panel .app-info-panel .titleTop strong.infoTit{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-left-panel .app-info-panel .titleTop .feedback-btn{display: flex;align-items: center;column-gap: 5px;font-size: 14px;font-weight: bold;color: #50AEFF;cursor: pointer;}
.app-info-panel .app-info-left-panel .app-info-panel .titleTop .feedback-btn img{width: 14px;height: 14px;display: block;}
.app-info-panel .app-info-left-panel .app-info-panel .info-list{display: flex;flex-wrap: wrap;row-gap: 15px;overflow: hidden;justify-content: space-between;}
.app-info-panel .app-info-left-panel .app-info-panel .info-list p{flex: 0 0 48%;max-width: 48%;font-size: 16px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.app-info-panel .app-info-left-panel .app-version-panel{background-color: #ffffff;border-radius: 5px;padding: 20px 24px 24px;scroll-margin-top: 180px;}
.app-info-panel .app-info-left-panel .app-version-panel h2{font-size: 24px;font-weight: bold;color: #404040;margin-bottom: 20px;}
.app-info-panel .app-info-left-panel .app-version-panel strong.infoTit{font-size: 24px;font-weight: bold;color: #404040;margin-bottom: 20px;}
.app-info-panel .app-info-left-panel .app-version-panel .app-version-list{display: flex;flex-direction: column;}
.app-info-panel .app-info-left-panel .app-version-panel .app-version-list .versionWrap{display: flex;align-items: center;height: 40px;justify-content: space-around;column-gap: 10px;transition: transform .3s ease;}
.app-info-panel .app-info-left-panel .app-version-panel .app-version-list .versionWrap p{font-size: 16px;color: #666666;flex: 0 0 33.3333%; max-width: 33.3333%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: center;padding: 0 10px;}
.app-info-panel .app-info-left-panel .app-version-panel .app-version-list .versionWrap:nth-child(odd){background-color: #F5FAFF;}
.app-info-panel .app-info-left-panel .app-version-panel .app-version-list .versionWrap:hover{transform: translateY(-5px) scale(1.025);}

.app-info-panel .app-info-left-panel .app-recommend-panel{background-color: #ffffff;border-radius: 5px;padding: 20px 24px 24px;}
.app-info-panel .app-info-left-panel .app-recommend-panel h2{font-size: 24px;font-weight: bold;color: #404040;margin-bottom: 20px;}
.app-info-panel .app-info-left-panel .app-recommend-panel strong.infoTit{font-size: 24px;font-weight: bold;color: #404040;margin-bottom: 20px;}
.app-info-panel .app-info-left-panel .app-recommend-panel .app-list{display: flex;flex-wrap: wrap;column-gap: 34px;row-gap: 20px;}
.app-info-panel .app-info-left-panel .app-recommend-panel .app-list a{width: 100px;flex: 0 0 100px;max-width: 100px;display: flex;flex-direction: column;overflow: hidden;row-gap: 8px;transition: transform .3s ease;}
.app-info-panel .app-info-left-panel .app-recommend-panel .app-list a > img{width: 100px;height: 100px;display: block;border-radius: 24px;}
.app-info-panel .app-info-left-panel .app-recommend-panel .app-list a > p{font-size: 16px;color: #404040;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-info-panel .app-info-left-panel .app-recommend-panel .app-list a:hover{transform: translateY(-5px) scale(1.05);}

.app-info-panel .app-info-left-panel .topic-recommend-panel{background-color: #ffffff;border-radius: 5px;padding: 20px 24px 24px;display: flex;flex-direction: column;scroll-margin-top: 180px;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-title-wrap{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 18px;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-title-wrap h2{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-title-wrap strong.infoTit{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-title-wrap a{display: flex;align-items: center;font-size: 14px;color: #999999;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-title-wrap a img{width: 14px;color: #999999;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-tabs{display: flex;align-items: center;column-gap: 14px;margin-bottom: 24px;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-tabs span{min-width: 120px;height: 36px;line-height: 34px;text-align: center;border: 1px solid #4AABFF;background-color: #FFFFFF;border-radius: 18px;font-size: 14px;color: #4AABFF;cursor: pointer;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-tabs span.active{background-color: #4AABFF;color: #ffffff;}

.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-tabs-cont{}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-tabs-cont > div{display: none;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-tabs-cont > div:first-child{display:block;}

.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap{display: flex;align-items: center;position: relative;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap a{display: flex;align-items: center;position: relative;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap img{width: 272px;flex: 0 0 272px;max-width: 272px;height: 180px;display: block;object-fit: cover;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap .detailWrap{display: flex;flex-direction: column;overflow: hidden;padding-left: 20px;border: 1px solid #4AABFF;padding-right: 25px;justify-content: center;border-left: none;clip-path: polygon(30% 0%, 101% 0, 101% 30%, 100% 75%, 90% 100%, 0 100%, 0% 200%, 0 0);position: relative;height:180px;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap .detailWrap .topic-title{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 16px;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap .detailWrap .topic-title h4{font-size: 24px;font-weight: bold;color: #404040;max-width: 350px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap .detailWrap .topic-title strong{font-size: 24px;font-weight: bold;color: #404040;max-width: 350px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap .detailWrap .topic-title p{font-size: 14px;font-weight: bold;color: #404040;display: flex;align-items: flex-end;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap .detailWrap .topic-title p span{font-size: 24px;font-weight: bold;color: #4AABFF;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap .detailWrap .content{font-size: 14px;color: #999999;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 14px;padding-right: 10px;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap .detailWrap .date{font-size: 14px;color: #4AABFF;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap .detailWrap .date span{color: #999999;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap .triangle-shape-wrap .traingle-shape{position: absolute;bottom: 0;right: 0;width: 32px;height: 32px;background-color: #4AABFF;clip-path: polygon(100% 0, 0% 100%, 100% 100%);z-index: 1;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap .triangle-shape-wrap .line1{width: 1px; height: 66px; background-color: #4AABFF; position: absolute; bottom: -10px; right: 25px; transform: rotate(48deg);}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-content-wrap .triangle-shape-wrap .line2{width: 1px; height: 57px; background-color: #4AABFF; position: absolute; bottom: -10px; right: 21px; transform: rotate(48deg);}

.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-related-app{margin-top: 24px;position: relative;display: flex;flex-wrap: wrap;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-related-app > a{display: flex;flex-direction: column;row-gap: 10px;overflow: hidden;width: 120px;margin-right: 10px;margin-bottom: 15px;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-related-app > a:nth-child(6n){margin-right: 0;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-related-app > a img{width: 100px;height: 100px;border-radius: 24px;margin: 0 auto;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-related-app > a p{font-size: 16px;color: #404040;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-related-app > a:hover p{color:#4AABFF}

.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-related-app .swiper-slide{display: flex;flex-direction: column;row-gap: 10px;overflow: hidden;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-related-app .swiper-slide img{width: 100px;height: 100px;border-radius: 24px;margin: 0 auto;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-related-app .swiper-slide p{font-size: 16px;color: #404040;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-related-app .related-app-pagination{display: flex;align-items: center;justify-content: center;column-gap: 10px;margin-top: 12px;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-related-app .related-app-pagination .swiper-pagination-bullet{opacity: 1;width: 10px;height: 10px;background-color: #E5E5E5;transition: width .3s ease;}
.app-info-panel .app-info-left-panel .topic-recommend-panel .topic-related-app .related-app-pagination .swiper-pagination-bullet-active{width: 30px;background-color: #4AABFF;border-radius: 5px;}

.app-info-panel .app-info-left-panel .related-article-panel{background-color: #ffffff;border-radius: 5px;padding: 20px 24px 24px;}
.app-info-panel .app-info-left-panel .related-article-panel .titleTop{display: flex;align-items: flex-end;margin-bottom: 18px;justify-content: space-between;}
.app-info-panel .app-info-left-panel .related-article-panel .titleTop h2{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-left-panel .related-article-panel .titleTop a{display: flex;align-items: center;column-gap: 5px;font-size: 14px;color: #999999;}
.app-info-panel .app-info-left-panel .related-article-panel .titleTop a img{width: 14px;}
.app-info-panel .app-info-left-panel .related-article-panel .article-list{display: flex;flex-wrap: wrap;row-gap: 16px;justify-content: space-between;}
.app-info-panel .app-info-left-panel .related-article-panel .article-list a{flex: 0 0 367px;max-width: 367px;display: flex;align-items: center;justify-content: space-between;column-gap: 20px;position: relative;padding-left: 20px;}
.app-info-panel .app-info-left-panel .related-article-panel .article-list a > p{font-size: 16px;color: #404040;max-width: 274px;flex: 0 0 274px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-info-panel .app-info-left-panel .related-article-panel .article-list a > span{font-size: 14px;color: #999999;}
.app-info-panel .app-info-left-panel .related-article-panel .article-list a::before{position: absolute;content: "";width: 6px;height: 6px;border: 1px solid #DCDCDC;top: 50%;transform: translateY(-50%) rotate(45deg);left: 0;}
.app-info-panel .app-info-left-panel .related-article-panel .article-list a:hover p{color: #4AABFF;font-weight: bold;}
.app-info-panel .app-info-left-panel .related-article-panel .article-list a:hover::before{border: 2px solid #4AABFF;}

.app-info-panel .app-info-right-panel{display: flex;flex-direction: column;row-gap: 24px;width: 360px;flex: 0 0 360px;max-width: 360px;}
.app-info-panel .app-info-right-panel .game-recommend-panel{position: relative;margin-top: 18px;padding: 18px 24px 24px;background-color: #ffffff;border-radius: 5px;}
.app-info-panel .app-info-right-panel .game-recommend-panel h2{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-right-panel .game-recommend-panel strong.infoTit{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-right-panel .game-recommend-panel .icon-right{width: 124px;height: auto;display: block;position: absolute;top: -18px;right: 0;}
.app-info-panel .app-info-right-panel .game-recommend-panel .item-list{margin-top: 20px;display: flex;flex-wrap: wrap;column-gap: 20px;row-gap: 22px;}
.app-info-panel .app-info-right-panel .game-recommend-panel .item-list a{display: flex;flex-direction: column;overflow: hidden;width: 88px;flex: 0 0 88px;max-width: 88px}
.app-info-panel .app-info-right-panel .game-recommend-panel .item-list a img{width: 88px;height: 88px;display: block;border-radius: 20px;margin-bottom: 10px;}
.app-info-panel .app-info-right-panel .game-recommend-panel .item-list a p{font-size: 16px;color: #404040;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.app-info-panel .app-info-right-panel .hot-tag-panel{padding: 18px 24px 24px;background-color: #ffffff;border-radius: 5px;display: flex;flex-direction: column;row-gap: 20px;}
.app-info-panel .app-info-right-panel .hot-tag-panel h2{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-right-panel .hot-tag-panel strong.infoTit{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-right-panel .hot-tag-panel .tag-list{display: flex;flex-wrap: wrap;column-gap: 10px;row-gap: 10px;}
.app-info-panel .app-info-right-panel .hot-tag-panel .tag-list a{width: 96px;height: 32px;line-height: 32px;text-align: center;background-color: #F5F5F5;border-radius: 16px;font-size: 14px;color: #999999;transition: .3s all;}
.app-info-panel .app-info-right-panel .hot-tag-panel .tag-list a:hover{background-color: #4AABFF;color: #ffffff;}

.app-info-panel .app-info-right-panel .game-rank-panel{padding: 18px 24px 24px;background-color: #ffffff;border-radius: 5px;display: flex;flex-direction: column;row-gap: 20px;}
.app-info-panel .app-info-right-panel .game-rank-panel h2{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-right-panel .game-rank-panel strong.infoTit{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-right-panel .game-rank-panel .rank-list{display: flex;flex-direction: column;row-gap: 16px;}
.app-info-panel .app-info-right-panel .game-rank-panel .rank-list a{display: flex;align-items: center;}
.app-info-panel .app-info-right-panel .game-rank-panel .rank-list a .rankNo{width: 30px;height: 24px;margin-right: 20px;font-size: 14px;font-weight: bold;color: #B3B3B3;text-align: center;}
.app-info-panel .app-info-right-panel .game-rank-panel .rank-list a .rankNo img{width: 100%;height: 100%;object-fit: cover;display: block;}
.app-info-panel .app-info-right-panel .game-rank-panel .rank-list a p.name{font-size: 16px;color: #404040;width: 180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .3s all;}
.app-info-panel .app-info-right-panel .game-rank-panel .rank-list a span.size{font-size: 14px;color: #999999;margin-left: auto;padding-top: 5px;}
.app-info-panel .app-info-right-panel .game-rank-panel .rank-list a:hover p.name{color: #4AABFF;font-weight: bold;}

.app-info-panel .app-info-right-panel .hot-news-panel{padding: 18px 24px 24px;background-color: #ffffff;border-radius: 5px;display: flex;flex-direction: column;row-gap: 15px;}
.app-info-panel .app-info-right-panel .hot-news-panel h2{font-size: 24px;font-weight: bold;color: #404040;}
.app-info-panel .app-info-right-panel .hot-news-panel .news-list{display: flex;flex-direction: column;row-gap: 15px;}
.app-info-panel .app-info-right-panel .hot-news-panel .news-list a{position: relative;padding-left: 10px;display: flex;align-items: center;justify-content: space-between;}
.app-info-panel .app-info-right-panel .hot-news-panel .news-list a p.title{font-size: 16px;color: #404040;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 245px;}
.app-info-panel .app-info-right-panel .hot-news-panel .news-list a p.date{font-size: 14px;color: #999999;padding-top: 2px;}
.app-info-panel .app-info-right-panel .hot-news-panel .news-list a::before{position: absolute;content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #4AABFF;left: 0;top: 50%;transform: translateY(-50%);}



#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: 1200px;max-height: 700px;object-fit: contain;height: auto;width: auto;}
#imageModal .close img{display: inline-block;position: relative;cursor: pointer;width: 24px;position: absolute;right: 16px;top: 16px;cursor: pointer;z-index: 1;}
#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 img, #imageModal .modal-swiper-next img{width: 24px;filter: brightness(0) saturate(100%) invert(5%) sepia(64%) saturate(3723%) hue-rotate(243deg) brightness(82%) contrast(97%);}
#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: 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 img{width: 48px;}

.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: 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 img{width: 48px;}

.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: 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 img{width: 48px;}

.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: 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 > strong{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 img{width: 48px;}