.app-info-page .download-info{padding: 25px 20px 15px 20px; width: 1160px;background-color: #fff;height: auto; margin: auto; display: block;}
.app-info-page .download-info .title-top{display: flex;align-items: flex-start;justify-content: space-between;height: 35px; overflow: hidden; position: relative;}
.app-info-page .download-info .title-top h1{font-size: 30px; color: #333; font-weight: bold; height: 35px; line-height: 35px; overflow: hidden; margin: 0;padding: 0;}
.app-info-page .download-info .title-top .post-comment{ overflow: hidden; display: block; height: 22px; line-height: 22px; cursor: pointer; background: url(../images/info/post.webp) no-repeat -3px -1px; padding-left: 25px; font-size: 16px; color: #333;}
.app-info-page .download-info .title-top .post-comment:hover{color: #f60; background-position: -3px -27px;}
.app-info-page .download-info .infoWrap{overflow: hidden; margin: 20px 0 0 0;}
.app-info-page .download-info .infoWrap .info-left{position: relative; height: 120px; float: left; display: inline;}
.app-info-page .download-info .infoWrap .info-left > i{display: block; float: left; width: 120px; height: 120px; }
.app-info-page .download-info .infoWrap .info-left > i img{border-radius: 14px; height: 120px; width: 120px;}
.app-info-page .download-info .infoWrap .info-left ul{display: block; overflow: hidden; float: left; width: 765px;}
.app-info-page .download-info .infoWrap .info-left ul li{display: inline;float: left; width: 235px; height: 30px; line-height: 30px; overflow: hidden; margin-left: 20px; font-size: 14px; color: #808080;}
.app-info-page .download-info .infoWrap .info-left ul li span{display: inline-block; height: 14px; margin-top: 9px;}
.app-info-page .download-info .infoWrap .info-left ul li span img{height: 14px; display: block; padding-top: 1px; }
.app-info-page .download-info .infoWrap .info-left ul li.link{width: 400px;}
.app-info-page .download-info .infoWrap .review-right{width: 275px; height: 120px;float: right; display: inline;}
.app-info-page .download-info .infoWrap .review-right > p{margin: 0; font-size: 15px; color: #9e9e9e; height: 25px; margin-top: 4px; width: 100%; margin-bottom: 10px; text-indent: 3px;}
.app-info-page .download-info .infoWrap .review-right .review-progress-bar{width: 90px; height: 90px; float: left;}
.app-info-page .download-info .infoWrap .review-right .review-progress-bar .progress-bar{text-align: center; position: relative; width: 82px;}
.app-info-page .download-info .infoWrap .review-right .review-progress-bar .progress-bar p{color: #f60; display: block; width: 82px; height: 82px; line-height: 82px; font-size: 26px; font-weight: bold; text-align: center; position: absolute; left: -5px; top: 0;}
.app-info-page .download-info .infoWrap .review-right .review-progress-bar .progress-bar span{color: #f60; font-style: normal; font-size: 14px; font-weight: bold; position: absolute; left: 56px; top: 34px;}
.app-info-page .download-info .infoWrap .review-right .rating-wrap{float: right; width: 175px; height: 90px;}
.app-info-page .download-info .infoWrap .review-right .rating-wrap > div{width: 175px; height: 36px; background: #f0f1f7; border-radius: 18px; margin-bottom: 10px; cursor: pointer; opacity: 0.9; position: relative; z-index: 2;}
.app-info-page .download-info .infoWrap .review-right .rating-wrap > div .icon{background: url(../images/info/ico-img3.webp) no-repeat; display: block; float: left; margin: 8px 18px; height: 18px; width: 18px;}
.app-info-page .download-info .infoWrap .review-right .rating-wrap > div.thumbs-up .icon{background-position: 0 -109px;}
.app-info-page .download-info .infoWrap .review-right .rating-wrap > div p{float: left; width: 97px; height: 36px; padding: 0 10px; line-height: 36px; border-left: 1px solid #e4e5eb; font-size: 14px; color: #9e9e9e;}
.app-info-page .download-info .infoWrap .review-right .rating-wrap > div p span{color: #525252;}
.app-info-page .download-info .infoWrap .review-right .rating-wrap > div.thumbs-down .icon{margin-top: 10px; background-position: 0 -91px;}
.app-info-page .download-info .downloadBtnWrap{margin-top: 25px;}
.app-info-page .download-info .downloadBtnWrap ul{margin: 0;padding: 0;display: flex;}
.app-info-page .download-info .downloadBtnWrap ul li{position: relative; width: 133px; height: 40px; line-height: 40px; margin: 0px 20px 0px 0px; background: url(../images/info/azspr.webp) 0 0 no-repeat; padding-left: 42px; z-index: 9; border-radius: 4px; float: left;list-style: none;}
.app-info-page .download-info .downloadBtnWrap ul li a p{position: absolute; top: 0; color: #fff; font-size: 16px; font-weight: 400; width: 130px; display: block;}
.app-info-page .download-info .downloadBtnWrap ul li .icon{cursor: pointer; position: absolute; top: 0; right: 0; width: 45px; height: 40px; display: block;}
.app-info-page .download-info .downloadBtnWrap ul li > p{display: none;}
.app-info-page .download-info .downloadBtnWrap ul li > p.hover{display: block; width: 154px; height: 177px; line-height: 24px; background: url(../images/info/azspr1.webp) 0px -231px no-repeat; position: absolute; left: 10px; top: 48px; color: #333; text-align: center; z-index: 9992; box-shadow: 0 9px 6px 0 rgba(0, 0, 0, .3);}
.app-info-page .download-info .downloadBtnWrap ul li > p img{width: 122px; height: 122px; margin: 17px auto 0 auto; display: block;}
.app-info-page .download-info .downloadBtnWrap ul li.pcBtn{background-position: 0 -106px; margin-bottom: 25px;}
.app-info-page .download-info .downloadBtnWrap ul li.androidBtn:hover{background-position: -187px 0;}
.app-info-page .download-info .downloadBtnWrap ul li.pcBtn:hover{background-position: -187px -106px;}
.app-info-page .download-info .downloadBtnWrap ul li.appointBtn{background-position: 0 -440px;}
.app-info-page .download-info .downloadBtnWrap ul li.appointBtn:hover{background-position: -187px -440px;}
.app-info-page .download-info .downloadBtnWrap ul li.iosBtn { background-position: 0 -53px; margin-bottom: 25px; }
.app-info-page .download-info .downloadBtnWrap ul li.iosBtn:hover { background-position: -187px -53px; }
.app-info-page .download-info .downloadBtnWrap ul li.iosBtn .reminder { display: block; font-size: 12px; color: #999; text-align: left; position: absolute; width: 220px; left: 0px; bottom: -25px; height: 20px; line-height: 20px; }

.app-info-page .download-info .downloadBtnWrap ul li.cloudBtn { margin-bottom: 25px; background: #25c88a;padding-left: 0;width: 175px;}
.app-info-page .download-info .downloadBtnWrap ul li.cloudBtn a{display: flex;align-items: center;justify-content: center;column-gap: 5px;}
.app-info-page .download-info .downloadBtnWrap ul li.cloudBtn a img{width: 42px;height: auto;object-fit: cover;object-position: center;margin-top: 4px;}
.app-info-page .download-info .downloadBtnWrap ul li.cloudBtn p{position: static;width: auto;}
.app-info-page .download-info .downloadBtnWrap ul li.cloudBtn:hover { background-position: -187px -53px; }
.app-info-page .download-info .downloadBtnWrap ul li.cloudBtn .reminder { display: block; font-size: 12px; color: #999; text-align: center; position: absolute; width: 175px; left: 0px; bottom: -25px; height: 20px; line-height: 20px; }


.app-info-page .info-bottom-wrap{margin-top: 15px;display: flex;justify-content: space-between;}
.app-info-page .info-bottom-wrap .info-bottom-left{overflow: hidden; padding: 20px 20px 10px 20px; width: 825px;background-color: #ffffff;}
.app-info-page .info-bottom-wrap .info-bottom-left .screenshot-panel{margin-bottom: 20px; width: 825px; position: relative;}
.app-info-page .info-bottom-wrap .info-bottom-left .screenshot-panel .screenshot-wrap{width: 825px; overflow-y: hidden; overflow-x: auto; white-space: nowrap; padding-bottom: 6px;}
.app-info-page .info-bottom-wrap .info-bottom-left .screenshot-panel .screenshot-wrap .videoWrap{display: inline-block; position: relative; height: 300px; margin-right: 12px; overflow: hidden; width: auto !important;}
.app-info-page .info-bottom-wrap .info-bottom-left .screenshot-panel .screenshot-wrap .videoWrap .play-btn{width: 100%; height: 100%; background: url(../images/info/play-img.webp) no-repeat center center; background-size: 60px; border: 0; display: block; overflow: hidden; position: absolute; z-index: 10;}
.app-info-page .info-bottom-wrap .info-bottom-left .screenshot-panel .screenshot-wrap .videoWrap video{display: block; border-radius: 4px; height: 300px; width: auto !important;}
.app-info-page .info-bottom-wrap .info-bottom-left .screenshot-panel .screenshot-wrap li{position: relative;margin-right: 12px; overflow: hidden;display: inline-block; float: inherit;list-style: none;cursor: pointer;}
.app-info-page .info-bottom-wrap .info-bottom-left .screenshot-panel .screenshot-wrap li img{max-height: 300px;border-radius: 4px;}
.app-info-page .info-bottom-wrap .info-bottom-left .screenshot-panel .screenshot-wrap::-webkit-scrollbar { height: 10px; }
.app-info-page .info-bottom-wrap .info-bottom-left .screenshot-panel .screenshot-wrap::-webkit-scrollbar-thumb {background-color: #cccccc;border-radius: 4px;}
.app-info-page .info-bottom-wrap .info-bottom-left .screenshot-panel .screenshot-wrap::-webkit-scrollbar-button { display: none; height: 0; width: 0; }

.app-info-page .info-bottom-wrap .info-bottom-left .app-intro{overflow: hidden; margin: 25px 0 20px 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .app-intro h4{overflow: hidden; color: #333; font-size: 22px; line-height: 42px;margin: 0;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .app-intro h4 strong{font-weight: normal; color: #333; font-size: 22px; float: left;}
.app-info-page .info-bottom-wrap .info-bottom-left .app-intro .content{font-size: 15px; height: auto; display: block; overflow: hidden; position: relative; overflow: hidden; margin: 10px 0px 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .app-intro .content h3{width: auto; line-height: 22px; font-size: 16px; font-weight: bold; color: #ff6600; border-left: 3px solid #ff6600; text-indent: 10px; display: block; overflow: hidden; margin: 10px 0 20px;}
.app-info-page .info-bottom-wrap .info-bottom-left .app-intro .content p{overflow: hidden; font-size: 15px; color: #4c4c4c; line-height: 26px; margin: 0px auto 10px; display: inline-block; width: 100%; }
.app-info-page .info-bottom-wrap .info-bottom-left .app-intro .content p img{display: block; margin: 0px auto; border-radius: 4px;}

.app-info-page .info-bottom-wrap .info-bottom-left .app-detail {overflow: hidden;}
.app-info-page .info-bottom-wrap .info-bottom-left .app-detail h4{overflow: hidden; color: #333; font-size: 22px; line-height: 42px;margin: 0;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .app-detail h4 strong{font-weight: normal; color: #333; font-size: 22px; float: left;}
.app-info-page .info-bottom-wrap .info-bottom-left .app-detail ul{width: 100%; height: auto; margin: 0 auto 20px; display: block; overflow: hidden;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .app-detail ul li{ width: 50%; height: 20px; line-height: 20px; font-size: 15px; font-weight: normal; color: #333; float: left; margin: 10px 0 0 0; display: inline; overflow: hidden;list-style: none;}
.app-info-page .info-bottom-wrap .info-bottom-left .app-detail ul li span{width: 320px; display: inline-block;}
.app-info-page .info-bottom-wrap .info-bottom-left .app-detail ul li .openPermission{font-weight: bold;color: #f60;cursor: pointer;}

.app-info-page .info-bottom-wrap .info-bottom-left .related-version-panel{margin-top: 10px; overflow: hidden;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-version-panel h4{overflow: hidden; color: #333; font-size: 22px; line-height: 42px;margin: 0;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-version-panel h4 strong{font-weight: normal; color: #333; font-size: 22px; float: left;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-version-panel ul{display: block; overflow: hidden; margin: 5px auto 10px;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-version-panel ul li{width: 100%; display: block; float: left; height: 46px; line-height: 46px; border-bottom: 1px dashed #e5e5e5; font-size: 12px;list-style: none;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-version-panel ul li a{display: block; overflow: hidden; height: 46px; }
.app-info-page .info-bottom-wrap .info-bottom-left .related-version-panel ul li a p.detail{width: 410px; overflow: hidden; height: 46px; float: left; font-size: 15px; color: #333;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-version-panel ul li a i{display: block; float: left; height: 14px; margin-top: 15px; margin-right: 15px;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-version-panel ul li a i img{height: 14px; display: block;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-version-panel ul li a .size{line-height: 46px; overflow: hidden; display: block; float: left; font-size: 15px; color: #333;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-version-panel ul li a span{background: #f60; color: #fff; text-align: center; height: 25px; line-height: 25px; display: block; margin: 10px auto 0; border-radius: 4px; width: 70px; float: right;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-version-panel ul li a:hover{background: #eee;}

.app-info-page .info-bottom-wrap .info-bottom-left .download-link-panel{overflow: hidden; margin-top: 10px;}
.app-info-page .info-bottom-wrap .info-bottom-left .download-link-panel h4{overflow: hidden; color: #333; font-size: 22px; line-height: 42px;margin: 0;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .download-link-panel h4 strong{font-weight: normal; color: #333; font-size: 22px; float: left;}
.app-info-page .info-bottom-wrap .info-bottom-left .download-link-panel .link-list{overflow: hidden; padding: 0 15px 0 2px;}
.app-info-page .info-bottom-wrap .info-bottom-left .download-link-panel .link-list .link-listing h4{width: 100%; font-size: 16px; color: #ff6600; overflow: hidden; margin-bottom: 6px;margin: 0;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .download-link-panel .link-list .link-listing ul{overflow: hidden;margin: 0;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .download-link-panel .link-list .link-listing ul li{width: 25%; height: auto; float: left; margin: 18px 0 0; display: inline; overflow: hidden;list-style: none;}
.app-info-page .info-bottom-wrap .info-bottom-left .download-link-panel .link-list .link-listing ul li a{width: 100%; height: 22px; line-height: 22px; font-size: 15px; font-weight: normal; color: #333; text-indent: 30px; background: url(../images/info/soft-down.webp) no-repeat 0 -690px; display: block; overflow: hidden;}
.app-info-page .info-bottom-wrap .info-bottom-left .download-link-panel .link-list .link-listing ul li a:hover{color: #f60;}

.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel{overflow: hidden; padding: 0px; border-top: 0px; margin-top: 30px; }
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel h4{overflow: hidden; color: #333; font-size: 22px; line-height: 42px;margin: 0;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel h4 strong{font-weight: normal; color: #333; font-size: 22px; float: left;}
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel .commentWrap{width: 100%; height: auto; display: block; overflow: hidden; margin: 10px 0 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel .commentWrap .commentForm{width: auto; height: auto; display: block; overflow: hidden;}
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel .commentWrap .commentForm .username{display: none;}
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel .commentWrap .commentForm .username input{padding: 0px; margin: 0px;outline: none;}
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel .commentWrap .commentForm textarea{width: 100%; height: 90px; margin: 0; border: 1px solid #ececec; display: block; overflow: hidden; padding: 10px; margin: 0; box-sizing: border-box;outline: none;font-size: 16px;}
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel .commentWrap .commentForm .buttonWrap{width: 100%; height: 40px; line-height: 40px; font-size: 14px; font-weight: normal; color: #555; margin: 13px 0 0; display: block; overflow: hidden;}
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel .commentWrap .commentForm .buttonWrap .wordCount{display: none;}
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel .commentWrap .commentForm .buttonWrap input{border-radius: 4px; width: 146px; height: 40px; line-height: 40px; font-size: 18px; font-weight: normal; color: #fff; text-align: center; background: #ff7700; float: left; margin: 0 15px 0 0; display: inline; overflow: hidden; border: 0; padding: 0; cursor: pointer;}
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel .commentWrap .commentFilter{width: auto; height: auto; margin: 15px 0px 0; display: block; overflow: hidden;}
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel .commentWrap .commentFilter h3{width: 100%; height: 34px; line-height: 34px; font-size: 16px; font-weight: normal; color: #333; border-bottom: 1px solid #eee; display: block; overflow: hidden;}
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel .commentWrap .loadMore{cursor: pointer; margin: 15px auto; width: 100%; height: 30px; line-height: 30px; font-size: 13px; text-align: center; color: #7e7e7e; background: #f8f8f8; border-radius: 20px; display: block; font-weight: normal;}
.app-info-page .info-bottom-wrap .info-bottom-left .user-comment-panel .commentWrap .loadMore:hover{background: #ececec;}

.app-info-page .info-bottom-wrap .info-bottom-left .same-version-panel{overflow: hidden; padding: 0px; border-top: 0px; margin-top: 30px; }

.app-info-page .info-bottom-wrap .info-bottom-left .new-in-category{overflow: hidden; margin-top: 15px;}
.app-info-page .info-bottom-wrap .info-bottom-left .new-in-category h4{overflow: hidden; color: #333; font-size: 22px; line-height: 42px;margin: 0;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .new-in-category h4 strong{font-weight: normal; color: #333; font-size: 22px; float: left;}
.app-info-page .info-bottom-wrap .info-bottom-left .new-in-category .app-listing{overflow: hidden;padding-bottom: 20px;}
.app-info-page .info-bottom-wrap .info-bottom-left .new-in-category .app-listing ul{overflow: hidden; margin: 0 0 0 10px;margin-left: 0px; width: 845px;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .new-in-category .app-listing ul li{list-style: none;float: left; overflow: hidden;margin: 0 20px 0 9.5px;}
.app-info-page .info-bottom-wrap .info-bottom-left .new-in-category .app-listing ul li a{width: 90px; height: auto; float: left; display: inline; overflow: hidden; margin-top: 20px;}
.app-info-page .info-bottom-wrap .info-bottom-left .new-in-category .app-listing ul li a img{width: 90px; height: 90px; border-radius: 14px; margin: auto; display: block; overflow: hidden;}
.app-info-page .info-bottom-wrap .info-bottom-left .new-in-category .app-listing ul li a h4{width: 100%; height: 16px; line-height: 16px; font-size: 15px; font-weight: normal; color: #555; text-align: center; margin: 10px 0 0; display: block; overflow: hidden;}
.app-info-page .info-bottom-wrap .info-bottom-left .new-in-category .app-listing ul li a:hover img{opacity: 0.8;}
.app-info-page .info-bottom-wrap .info-bottom-left .new-in-category .app-listing ul li a:hover h4{color: #f60;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-article{overflow: hidden; margin-top: 15px;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-article h4{overflow: hidden; color: #333; font-size: 22px; line-height: 42px;margin: 0;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-article h4 strong{font-weight: normal; color: #333; font-size: 22px; float: left;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-article .article-listing {overflow: hidden;padding-bottom: 20px;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-article .article-listing ul {display: flex;flex-wrap: wrap;list-style: none;
padding: 0; margin: 0;width: 100%;margin-top: 15px;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-article .article-listing ul li {width: calc(50% - 10px); margin-bottom: 20px;margin-right: 20px;box-sizing: border-box;overflow: hidden;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-article .article-listing ul li:nth-child(2n) {margin-right: 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-article .article-listing ul li a {position: relative;     display: inline-block; padding-left: 20px;}
.app-info-page .info-bottom-wrap .info-bottom-left .related-article .article-listing ul li a::after {content: "\25C6"; position: absolute;left: 0;top: 2px;font-size: 15px;color: #333;}

.app-info-page .info-bottom-wrap .info-bottom-right{float: right; display: inline;width: 320px;}

.app-info-page .info-bottom-wrap .info-bottom-right > div .titleWrap{overflow: hidden; border-bottom: 1px solid #eee;}
.app-info-page .info-bottom-wrap .info-bottom-right > div .titleWrap .title{height: 25px; line-height: 25px; font-size: 22px; border-left: 3px solid #ff6600; padding-left: 8px; margin: 18px 19px 18px 19px; float: left;}
.app-info-page .info-bottom-wrap .info-bottom-right > div .titleWrap .title span{color: #ff6600;}

.app-info-page .info-bottom-wrap .info-bottom-right .related-download-panel{overflow: hidden;background-color: #ffffff;}
.app-info-page .info-bottom-wrap .info-bottom-right .related-download-panel ul{padding: 0;overflow: hidden; margin: 4px 15px 4px 20px;display: block;}
.app-info-page .info-bottom-wrap .info-bottom-right .related-download-panel ul li{list-style: none;overflow: hidden; border-bottom: 1px dotted #ebebeb;}
.app-info-page .info-bottom-wrap .info-bottom-right .related-download-panel ul li a{height: 90px; margin: 0px 0px 0px 0px; padding: 15px 0px 15px 105px; display: block; position: relative;}
.app-info-page .info-bottom-wrap .info-bottom-right .related-download-panel ul li a i{position: absolute; left: 0px; top: 15px; width: 90px; height: 90px; display: block;}
.app-info-page .info-bottom-wrap .info-bottom-right .related-download-panel ul li a i img{width: 90px; height: 90px; border-radius: 14px;}
.app-info-page .info-bottom-wrap .info-bottom-right .related-download-panel ul li a h4{display: block; width: 183px; height: 30px; line-height: 30px; font-size: 15px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal;}
.app-info-page .info-bottom-wrap .info-bottom-right .related-download-panel ul li a p{font-size: 14px; color: #999; height: 50px; line-height: 25px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; white-space: normal; margin-top: 5px;width: 183px;}
.app-info-page .info-bottom-wrap .info-bottom-right .related-download-panel ul li a:hover img{opacity: 0.8;}
.app-info-page .info-bottom-wrap .info-bottom-right .related-download-panel ul li a:hover h4{color: #f60;}

.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel{margin-top: 15px;background-color: #fff;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul{width: auto; padding: 0px 15px 0px 20px; overflow: hidden;display: block;margin: 20px auto 5px;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li{width: 100%; display: block; float: left; padding-bottom: 20px;list-style: none;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li.active{display: block!important;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li > span{display: block; float: left; width: 22px; height: 22px; background: #f2f2f2; color: #666; text-align: center; line-height: 22px; font-size: 12px; margin-right: 12px; border-radius: 2px;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li.active span{height: 50px; line-height: 50px; margin-top: 14px; }
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li > span.rank1 { background: #ff5555; color: #fff; }
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li > span.rank2 { background: #ff6600; color: #fff; }
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li > span.rank3 { background: #ff9900; color: #fff; }
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li .wrap{display: block; float: left; width: 190px; height: 22px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #333;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li.active .wrap, .app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li.active .size{display: none;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li .size{width: 55px; line-height: 22px; text-align: right; font-size: 12px; color: #666; height: 22px; overflow: hidden; white-space: nowrap; margin-right: 4px;float: right;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li .detailWrap{display: none; width: 250px; height: 90px;float: left;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li.active .detailWrap{display: block;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li .icon{width: 90px; height: 90px; overflow: hidden; border-radius: 14px; margin-right: 12px;float: left;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li .icon img{width: 90px; height: 90px; border-radius: 14px;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li .name p{display: block; float: left; width: 146px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; font-weight: bold; color: #333;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li .infoWrap{width: 146px; height: 40px; line-height: 20px; color: #666; font-size: 12px; margin-top: 8px;float: left;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li .infoWrap p img{height: 14px; width: auto; display: block; margin-bottom: 8px;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li .downloadBtn{width: 70px; text-align: center; height: 25px; line-height: 25px; background: #f5f5f5; color: #666666; font-size: 14px; border-radius: 4px; margin-top: 12px;float: right;display: none;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li .downloadBtn:hover{background: #f60; color: #fff;}
.app-info-page .info-bottom-wrap .info-bottom-right .type-rank-panel ul li .name p:hover{color: #ff7700;}

.app-info-page .info-bottom-wrap .info-bottom-right .hot-recommend-panel{background: #fff; margin-top: 15px;}
.app-info-page .info-bottom-wrap .info-bottom-right .hot-recommend-panel .item-listing{padding-bottom: 20px; overflow: hidden;display: block;}
.app-info-page .info-bottom-wrap .info-bottom-right .hot-recommend-panel .item-listing ul{overflow: hidden; margin: 0 0 0 10px;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-right .hot-recommend-panel .item-listing ul li{float: left; overflow: hidden; margin-left: 8px;list-style: none;}
.app-info-page .info-bottom-wrap .info-bottom-right .hot-recommend-panel .item-listing ul li a{width: 90px; height: auto; float: left; display: inline; overflow: hidden; margin-top: 20px;}
.app-info-page .info-bottom-wrap .info-bottom-right .hot-recommend-panel .item-listing ul li a img{width: 90px; height: 90px; border-radius: 14px; margin: auto; display: block; overflow: hidden;}
.app-info-page .info-bottom-wrap .info-bottom-right .hot-recommend-panel .item-listing ul li a h3{width: 100%; height: 16px; line-height: 16px; font-size: 15px; font-weight: normal; color: #555; text-align: center; margin: 10px 0 0; display: block; overflow: hidden;}
.app-info-page .info-bottom-wrap .info-bottom-right .hot-recommend-panel .item-listing ul li a p{width: 100%; height: 14px; line-height: 14px; font-size: 12px; font-weight: normal; color: #999; text-align: center; margin: 7px 0 0; display: block; overflow: hidden;}

.app-info-page .info-bottom-wrap .info-bottom-left .new-topic-panel{overflow: hidden; margin-top: 15px;}
.app-info-page .info-bottom-wrap .info-bottom-left .new-topic-panel h4{overflow: hidden; color: #333; font-size: 22px; line-height: 42px;margin: 0;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-left .new-topic-panel h4 strong{font-weight: normal; color: #333; font-size: 22px; float: left;}
.app-info-page .info-bottom-wrap .info-bottom-right .new-topic-panel{margin-top: 15px;background-color: #fff;overflow: hidden;}
.app-info-page .info-bottom-wrap .info-bottom-right .new-topic-panel ul{margin: 15px 0 0 0px; overflow: hidden;padding: 0;}
.app-info-page .info-bottom-wrap .info-bottom-right .new-topic-panel ul li{list-style: none;position: relative; width: 290px; height: 145px; margin: 0 auto 15px; overflow: hidden; border-radius: 4px;}
.app-info-page .info-bottom-wrap .info-bottom-right .new-topic-panel ul li a{display: block; overflow: hidden; width: 290px; height: 145px;}
.app-info-page .info-bottom-wrap .info-bottom-right .new-topic-panel ul li a p{display: block; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 15px; text-align: center; z-index: 10; width: 260px; height: 35px; line-height: 35px; white-space: nowrap; text-overflow: ellipsis; padding: 0px 15px; background-color: rgba(0, 0, 0, 0.5);}
.app-info-page .info-bottom-wrap .info-bottom-right .new-topic-panel ul li a:hover img{opacity: 0.8;}
.app-info-page .info-bottom-wrap .info-bottom-right .new-topic-panel ul li a:hover p{color: #f60;}
.new-topic-panel ul li::before,
.new-topic-panel ul li::marker {
    content: none;
}

.g-down-zt {
    overflow: hidden;
    margin-top: 10px;
}

.g-down-zt h5.m-titleh5 .classname {
    margin: 8px 0px 0px 50px;
}

.g-down-zt h5.m-titleh5 .classname ul li {
    font-weight: normal;
}

.g-down-zt .classname ul li {
    width: auto;
    padding: 0 10px;
}

.tab-cont {
    margin: 15px auto 0;
    overflow: hidden;
}

.m-ztxtdiv {
    width: 825px;
    height: 145px;
    overflow: hidden;
}

.m-ztxtdiv a>img {
    display: block;
    float: left;
    width: 290px;
    height: 145px;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
}

.m-ztxtdiv a {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0 0 0 310px;
    height: 145px;
}

.m-ztxtdiv a:hover {
    color: #f60;
}

.m-ztxtdiv a .titleName {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 18px;
    overflow: hidden;
    font-weight: bold;
}

.m-ztxtdiv p {
    display: block;
    float: left;
    height: 112px;
    font-size: 14px;
    color: #666;
    margin-top: 3px;
    line-height: 28px;
    overflow: hidden;
}

.m-ztxtdiv a:hover .titleName {
    color: #f60
}

.m-ztxtdiv a:hover img {
    opacity: 0.8
}

.m-opztdiv {
    height: auto;
    display: none
}

.m-opztdiv>ul {
    margin-top: 20px;
    width: 840px;
    display: block;
    overflow: hidden;
}

.m-opztdiv>ul>li {
    display: block;
    float: left;
    width: 270px;
    height: 90px;
    margin: 0 5px 20px 5px;
    cursor: pointer;
}

.m-opztdiv>ul>li>a>img {
    width: 90px;
    height: 90px;
    display: block;
    float: left;
    margin-right: 15px;
    border-radius: 14px;
}

.m-opztdiv>ul>li>a {
    display: block;
    overflow: hidden;
    height: 90px;
}

.m-opztdiv>ul>li>a>span {
    display: block;
    float: left;
    width: 160px;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    font-size: 15px;
    color: #333;
    margin-top: 2px;
}

.m-opztdiv>ul>li>a:hover span {
    color: #ff7700;
}

.m-opztdiv>ul>li>a>p {
    display: block;
    float: left;
    font-size: 12px;
    color: #999999;
    width: 160px;
    height: 20px;
    line-height: 20px;
    margin-top: 13px;
    overflow: hidden;
}

.m-opztdiv>ul>li>a>i {
    display: block;
    height: 14px;
    float: left;
    margin-top: 13px;
    overflow: hidden;
}

.m-opztdiv>ul>li>a>i>img {
    height: 14px;
    display: block;
}

.m-titleh5 {
    overflow: hidden;
    color: #333;
    font-size: 22px;
    line-height: 42px;
    /*font-weight: normal;*/
}

.m-titleh5 strong {
    font-weight: normal;
    color: #333;
    font-size: 22px;
    float: left;
}

.m-opztdiv>ul>li>a:hover img {
    opacity: 0.8
}

.classname {
    float: left;
    margin: 20px 0px 0px 50px;
}

.classname ul li {
    font-size: 15px;
    float: left;
    line-height: 25px;
    width: 70px;
    height: 25px;
    border-radius: 4px;
    text-align: center;
    margin: 0 8px 0 0;
    cursor: pointer;
    list-style: none;
}

.classname ul li.active {
    background: #f60;
    color: #fff;
}

.classname ul li:hover {
    background: #f60;
    color: #fff;
}

#imageModal.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); text-align: center; }
#imageModal.modal img { max-width: 85%; max-height: 85%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);box-shadow: 0 0 20px #000;border-radius: 5px;}
#imageModal .close {position: absolute; right: 20px; top: 20px; display: inline-block; background-repeat: no-repeat; width: 40px; height: 40px; cursor: pointer; z-index: 999999;}
#imageModal .close::before, #imageModal .close::after{background-color: #fff; width: 30px; height: 8px; border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; top: 17px; left: 5px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;position: absolute; display: inline-block; background-repeat: no-repeat; content: ""; }
#imageModal .close::before{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#imageModal .close::after{-webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg);}
#imageModal #prevBtn{position: absolute; display: inline-block; background-repeat: no-repeat; width: 70px; height: 70px; z-index: 19960926; left: 50px; top: 50%; margin-top: -35px; cursor: pointer; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
#imageModal #prevBtn::before, #imageModal #prevBtn::after{left: 0; width: 57px; height: 5px; background-color: #fff; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;position: absolute; display: inline-block; background-repeat: no-repeat; content: "";}
#imageModal #prevBtn::before{top: 50px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#imageModal #prevBtn::after{top: 13px; -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg);}
#imageModal #nextBtn{position: absolute; display: inline-block; background-repeat: no-repeat; width: 70px; height: 70px; z-index: 19960926; right: 50px; top: 50%; margin-top: -35px; cursor: pointer; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
#imageModal #nextBtn::before, #imageModal #nextBtn::after{left: 0; width: 57px; height: 5px; background-color: #fff; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;position: absolute; display: inline-block; background-repeat: no-repeat; content: "";}
#imageModal #nextBtn::before{top: 50px; -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg);}
#imageModal #nextBtn::after{top: 13px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.openFeedback{position: absolute;top: 20px;right: 20px;display: flex;align-items: center;column-gap: 4px;padding: 0 8px;background-color: #FFFAEF;border: 1px solid #FFC87B;border-radius: 8px;cursor: pointer;}
.openFeedback .feedbackIcon{width: 13px;height: auto;object-fit: cover;object-position: center;}
.openFeedback p{font-size: 13px;font-weight: 500;color: #FFA21F;}
.openFeedback .feedbackArrow{width: 8px;height: auto;object-fit: cover;object-position: 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: #00000080; position: absolute;width: 100%;height: 100%;z-index: -1;}
.feedback-popup .feedback-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 653px;border-radius: 20px;padding: 30px 35px;height: auto;background-color: #ffffff;box-sizing: border-box;}
.feedback-popup .feedback-wrap::before{content: "";position: absolute;top: 0;left: 0;width: 653px;height: 141px;background-image: url(../images/info/feedbackFrame.webp);background-position: center;background-size: cover;background-repeat: no-repeat;z-index: -1;border-radius: 20px 20px 0 0;}
.feedback-popup .feedback-wrap .popupTitle{position: relative; text-align: center; margin: 12px auto 25px;font-size: 45px;color: #000;text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px  2px 0 #fff, 2px  2px 0 #fff;}
.feedback-popup .feedback-wrap .feedback-inner{text-align: left;}
.feedback-popup .feedback-wrap .feedback-inner > p{font-size: 20px; color: #3d3d3d; margin: 10px 0; text-align: left;}
.feedback-popup .feedback-wrap .feedback-inner .info{position: relative; top: -4px;}
.feedback-popup .feedback-wrap .feedback-inner .info .checkbox{position: relative; height: 45px; line-height: 45px;}
.feedback-popup .feedback-wrap .feedback-inner .info .checkbox input[type='checkbox'] { position: absolute; left: 0; top: 0; width: 20px; height: 20px; opacity: 0; }
.feedback-popup .feedback-wrap .feedback-inner .info .checkbox label { position: absolute; left: 0px; top: 0; height: 40px; line-height: 40px; width: 420px; font-size: 16px; color: #333333; text-align: left; padding-left: 35px; }
.feedback-popup .feedback-wrap .feedback-inner .info .checkbox label:after { content: ''; position: absolute; left: 0; top: 8px; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #B8B8B8; text-align: center; line-height: 14px; font-size: 12px; cursor: pointer; }
.feedback-popup .feedback-wrap .feedback-inner textarea { width: 100%; height: 153px; border: none; resize: none; padding: 15px; font-size: 18px; color: #A3A3A3; background-color: #F7F9FF; border-radius: 10px;outline: none;border: none;box-sizing: border-box;}
.feedback-popup .feedback-wrap .feedback-inner .phoneField { overflow: hidden; margin-bottom: 20px; }
.feedback-popup .feedback-wrap .feedback-inner .phoneField input { display: block; border: none; width: 100%; height: 60px; line-height: 60px; font-size: 18px; padding: 15px; background-color: #F7F9FF; border-radius: 10px; color: #A3A3A3;box-sizing: border-box;}
.feedback-popup .feedback-wrap .feedback-inner .info .checkbox input[type='checkbox']:checked + label:after { width: 20px;height: 20px;border-radius: 50%;border: 2px solid #EC6E28;}
.feedback-popup .feedback-wrap .feedback-inner .info .checkbox input[type='checkbox']:checked + label:before { content: ''; position: absolute; left: 5px; top: 13px;width: 14px;height: 14px;border-radius: 50%;background-color: #EC6E28;}
.feedback-popup .feedback-wrap .buttonWrap{display: flex;align-items: center;justify-content: space-between;}
.feedback-popup .feedback-wrap .confirmBtn { display: block; cursor: pointer; border: 0; width: 280px; height: 50px; color: #fff; font-size: 20px; line-height: 50px;background-color: #EC6E28;text-align: center;border-radius: 45px;}
.feedback-popup .feedback-wrap .closeBtn { display: block; cursor: pointer; border: 0; width: 280px; height: 50px; color: #333333; font-size: 20px; line-height: 50px;background-color: #F1F1F1;text-align: center;border-radius: 45px;}

.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: #00000080; 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: 653px;border-radius: 20px;padding: 30px 35px;height: auto;background-color: #ffffff;box-sizing: border-box;}
.app-perimission-popup .app-perimission-wrap::before{content: "";position: absolute;top: 0;left: 0;width: 653px;height: 141px;background-image: url(../images/info/feedbackFrame.webp);background-position: center;background-size: cover;background-repeat: no-repeat;z-index: -1;border-radius: 20px 20px 0 0;}
.app-perimission-popup .app-perimission-wrap .popupTitle{position: relative; text-align: center; margin: 12px auto 25px;font-size: 45px;color: #000;text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px  2px 0 #fff, 2px  2px 0 #fff;}
.app-perimission-popup .app-perimission-wrap .permission-content{max-height: 480px;overflow-y: scroll;display: flex;flex-direction: column;row-gap: 15px;align-items: flex-start;margin-top: 55px;width: calc(100% - 2px);padding-bottom: 30px;}
.app-perimission-popup .app-perimission-wrap .permission-content h3{font-size: 20px;font-weight: bold;color: #3D3D3D;padding-right: 24px;}
.app-perimission-popup .app-perimission-wrap .permission-content h4{font-size: 18px;color: #333333;font-weight: bold;padding-right: 24px;}
.app-perimission-popup .app-perimission-wrap .permission-content p{font-size: 16px;color: #333333;padding-right: 24px;text-align: left;}
.app-perimission-popup .app-perimission-wrap .permission-content::-webkit-scrollbar{width: 8px;}
.app-perimission-popup .app-perimission-wrap .permission-content::-webkit-scrollbar-thumb{background-color: #D9D9D9;}
.app-perimission-popup .app-perimission-wrap .permission-content::-webkit-scrollbar-track{background-color: #ffffff;}
.app-perimission-popup .bottomWrap{padding-top: 30px;width: calc(100% + 70px);margin-left: -35px;box-shadow: 0px -4px 4px 0px #AFAFAF40; }
.app-perimission-popup .close-button{cursor: pointer;width: 580px; height: 50px; color: #fff; font-size: 20px; line-height: 50px;background-color: #EC6E28;text-align: center;border-radius: 45px;margin-left: 35px;}

.panel-tab-title{display: flex;align-items: center;height: 60px;justify-content: space-between;}
.panel-tab-title .panel-title{width: 240px;height: 60px;border-radius: 10px 10px 0 0;position: relative;background-color: #fff;}
.panel-tab-title .panel-title h2{font-size: 22px;font-weight: bold;color: #0F0F0F;line-height: 30px;}
.panel-tab-title .panel-title .gradient-text{position: absolute;right: 85px;top: 50%;transform: translateY(-50%);font-size: 25px;font-weight: bold;background: linear-gradient(181.66deg, rgba(85, 223, 179, 0.4) 1.41%, rgba(88, 240, 192, 0) 98.61%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.panel-tab-title .tab-buttons{display: flex;align-items: center;margin-left: auto;column-gap: 22px;}
.panel-tab-title .tab-buttons li{cursor: pointer;width: fit-content;height: 28px;border-radius: 8px;text-align: center;line-height: 28px;font-size: 14px;color: #333333;padding: 0 8px;white-space: nowrap;}
.panel-tab-title .tab-buttons li.active{background: linear-gradient(98.15deg, #FF7700 0%, #FF7700 100%);color: #fff;}
 /* .tab-contents{margin-top: 12px;padding: 20px;background-color: #ffffff;border-radius: 0 10px 10px 10px;} */
 .tab-contents .tab-content{display: none;flex-direction: column;}
 .tab-contents .tab-content.active{display: flex;}
 /* .tab-contents .tab-content .top-detail-wrap{display: flex;align-items: center;column-gap: 18px;}
 .tab-contents .tab-content .top-detail-wrap > img{width: 228px;height: 128px;border-radius: 10px;flex: 0 0 228px;max-width: 228px;object-fit: cover;object-position: center;}
 .tab-contents .tab-content .top-detail-wrap .detailWrap{display: flex;flex-direction: column;row-gap: 4px;overflow: hidden;}
 .tab-contents .tab-content .top-detail-wrap .detailWrap .topic-title{display: flex;align-items: flex-end;justify-content: space-between;}
 .tab-contents .tab-content .top-detail-wrap .detailWrap .topic-title .topicName{font-size: 20px;font-weight: bold;line-height: 28px;color: #FF7700;max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .tab-contents .tab-content .top-detail-wrap .detailWrap .topic-title .dateUpdate{font-size: 14px;color: #949494;}
 .tab-contents .tab-content .top-detail-wrap .detailWrap > p{font-size: 15px;line-height: 24px;color: #333333;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
 .tab-contents .tab-content .topic-app-list{display: flex;flex-wrap: wrap;row-gap: 20px;}
 .tab-contents .tab-content .topic-app-list a{width: 251px;flex: 0 0 251px;max-width: 251px;border-radius: 20px;border: 1px solid transparent;padding: 5px 4px;display: flex;align-items: center;column-gap: 10px;}
 .tab-contents .tab-content .topic-app-list a > img{width: 65px;height: 65px;flex: 0 0 65px;max-width: 65px;border-radius: 15px;object-fit: cover;object-position: center;}
 .tab-contents .tab-content .topic-app-list a .detailWrap{display: flex;flex-direction: column;row-gap: 4px;overflow: hidden;}
 .tab-contents .tab-content .topic-app-list a .detailWrap .appName{font-size: 16px;font-weight: 500;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .tab-contents .tab-content .topic-app-list a .detailWrap .rating-score{display: none;}
 .tab-contents .tab-content .topic-app-list a .detailWrap .stars{display: flex;align-items: center;column-gap: 2px;}
 .tab-contents .tab-content .topic-app-list a .detailWrap .stars > div{width: 18px;height: 18px;background-image: url(../images/home/star.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
 .tab-contents .tab-content .topic-app-list a .detailWrap .stars > div.star-half{background-image: url(../images/home/star-half.webp);}
 .tab-contents .tab-content .topic-app-list a .detailWrap .stars > div.star-empty{background-image: url(../images/home/star-empty.webp);}
 .tab-contents .tab-content .topic-app-list a .detailWrap .size{font-size: 14px;color: #333333;}
 .tab-contents .tab-content .topic-app-list a:hover{background-color: #f8dbb2ff;border: 1px solid #f5d09dff;box-shadow: 3px 3px 8.1px 0px #FFC87B; } */