.bg-shape{opacity: 1;}
.hero-hot-panel{margin-top: 20px;}
.hero-hot-panel .hot-content-wrap{display: flex;align-items: center;background: linear-gradient(91.26deg, rgba(255, 255, 255, 0.6) 8.95%, #FFFFFF 91.94%);border-radius: 10px;height: 130px;}
.hero-hot-panel .hot-content-wrap .tab-buttons{width: 150px;flex: 0 0 150px;max-width: 150px;height: 130px;border-radius: 10px 0 0 10px;display: flex;flex-direction: column;}
.hero-hot-panel .hot-content-wrap .tab-buttons li{display: flex;align-items: center;justify-content: center;column-gap: 9px;width: 100%;height: 65px;background: linear-gradient(74.61deg, #AAFDE4 -4.64%, #E0FFF6 100%);border-radius: 10px 0 0 0;cursor: pointer;}
.hero-hot-panel .hot-content-wrap .tab-buttons li:nth-child(2){border-radius: 0 0 0 10px;}
.hero-hot-panel .hot-content-wrap .tab-buttons li.active{background: linear-gradient(279.21deg, #58F0C0 19.25%, #0EC9A3 97.35%); box-shadow: 0px 4px 4px 0px #00000040; }
.hero-hot-panel .hot-content-wrap .tab-buttons li .iconWrap{width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #ffffff;}
.hero-hot-panel .hot-content-wrap .tab-buttons li .iconWrap .icon{width: 16px;height: 16px;background-size: 150px 500px;}
.hero-hot-panel .hot-content-wrap .tab-buttons li .iconWrap .hot-app{background-position: -86px -212px;}
.hero-hot-panel .hot-content-wrap .tab-buttons li .iconWrap .hot-game{background-position: -86px -237px;background-size: 150px 475px;}
.hero-hot-panel .hot-content-wrap .tab-buttons li p{font-size: 18px;color: #333333;font-weight: 500;}
.hero-hot-panel .hot-content-wrap .tab-buttons li.active p{color: #ffffff;font-weight: bold;}
.hero-hot-panel .hot-content-wrap .tab-contents .tab-content{display: none;align-items: center;justify-content: space-between;height: 130px;}
.hero-hot-panel .hot-content-wrap .tab-contents .tab-content.active{display: flex;}
.hero-hot-panel .hot-content-wrap .tab-contents .tab-content a{width: 105px;flex: 0 0 105px;max-width: 105px;display: flex;flex-direction: column;row-gap: 5px;height: 100%;justify-content: center;}
.hero-hot-panel .hot-content-wrap .tab-contents .tab-content a:last-child{border-radius: 0 10px 10px 0;}
.hero-hot-panel .hot-content-wrap .tab-contents .tab-content a:hover{background: #E7FEFF; box-shadow: 0px 4px 12px 0px #58F0C04D; }
.hero-hot-panel .hot-content-wrap .tab-contents .tab-content a > img{width: 55px;height: 55px;border-radius: 15px;margin: 0 auto;}
.hero-hot-panel .hot-content-wrap .tab-contents .tab-content a > p{font-size: 16px;font-weight: 500;color: #333333;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px;}
.hero-hot-panel .hot-content-wrap .tab-contents .tab-content a:hover > p{font-weight: bold;}

.latest-launch-panel{margin-top: 20px;}
.latest-launch-panel .panel-wrap{display: flex;align-items: flex-start;justify-content: space-between;}
.latest-launch-panel .panel-wrap .launch-slider-panel{position: relative;width: 444px;flex: 0 0 444px;max-width: 444px;}
.latest-launch-panel .panel-wrap .launch-slider-panel .launch-slider-swiper{position: relative;width: 100%;height: 100%;}
.latest-launch-panel .panel-wrap .launch-slider-panel .swiper-slide{width: 100%;height: 100%;position: relative;}
.latest-launch-panel .panel-wrap .launch-slider-panel .swiper-slide > img{width: 100%;height: 320px;border-radius: 10px;object-fit: cover;object-position: center;display: block;}
.latest-launch-panel .panel-wrap .launch-slider-panel .swiper-slide .title-overlay{position: absolute;bottom: 0;left: 0;border-radius: 0 0 10px 10px;height: 40px;width: 100%;background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 27.88%, rgba(102, 102, 102, 0.4) 100%); padding: 0 15px;display: flex;align-items: center;}
.latest-launch-panel .panel-wrap .launch-slider-panel .swiper-slide .title-overlay p{font-size: 18px;font-weight: bold;color: #FFFFFF;max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.latest-launch-panel .panel-wrap .launch-slider-panel .swiper-slide-count{position: absolute;bottom: 7px;right: 24px;font-size: 18px;color: #ffffff;display: flex;align-items: flex-end;z-index: 1;font-style: italic;}
.latest-launch-panel .panel-wrap .launch-slider-panel .swiper-slide-count span{color: #27F2B2;font-size: 25px;font-weight: bold;margin-right: 3px;}
.latest-launch-panel .panel-wrap .latest-launch-wrap{background-color: #ffffff;border-radius: 10px;display: flex;flex-direction: column;width: 733px;flex: 0 0 733px;max-width: 733px;}
.latest-launch-panel .panel-wrap .latest-launch-wrap .titleTop{display: flex;align-items: center;justify-content: space-between;padding: 0 8px 0 25px;height: 43px;border-bottom: 1px solid #00000014;}
.latest-launch-panel .panel-wrap .latest-launch-wrap .titleTop h2{font-size: 18px;font-weight: bold;color: #000000CC;position: relative;line-height: 24px;}
.latest-launch-panel .panel-wrap .latest-launch-wrap .titleTop h2::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -11px;width: 42px;height: 4px;border-radius: 10px;background-color: #67F9CB;}
.latest-launch-panel .panel-wrap .latest-launch-wrap .launch-list{padding: 15px 18px;display: flex;flex-wrap: wrap;column-gap: 18px;}
.latest-launch-panel .panel-wrap .latest-launch-wrap .launch-list a{display: flex;align-items: center;width: 220px;flex: 0 0 220px;max-width: 220px;border-radius: 20px;padding: 10px;column-gap: 10px;border: 1px solid transparent;}
.latest-launch-panel .panel-wrap .latest-launch-wrap .launch-list a > img{width: 58px;height: 58px;border-radius: 15px;object-fit: cover;object-position: center;}
.latest-launch-panel .panel-wrap .latest-launch-wrap .launch-list a .detailWrap{display: flex;flex-direction: column;row-gap: 4px;overflow: hidden;}
.latest-launch-panel .panel-wrap .latest-launch-wrap .launch-list a .detailWrap .nameWrap{display: flex;align-items: center;column-gap: 2px;}
.latest-launch-panel .panel-wrap .latest-launch-wrap .launch-list a .detailWrap .nameWrap h4{font-weight: 500;font-size: 15px;line-height: 21px;color: #0F0F0F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.latest-launch-panel .panel-wrap .latest-launch-wrap .launch-list a .detailWrap .nameWrap .essential-tag{width: 53px;max-width: 53px;flex: 0 0 53px;height: 17px;text-align: center;line-height: 18px;border-radius: 15px 15px 15px 0;font-size: 12px;font-weight: bold;color: #ffffff;background: linear-gradient(263.36deg, #FF6060 -8.14%, #FFDB4D 106.11%); }
.latest-launch-panel .panel-wrap .latest-launch-wrap .launch-list a .detailWrap > p{font-size: 14px;color: #333333;line-height: 16px;}
.latest-launch-panel .panel-wrap .latest-launch-wrap .launch-list a:hover{border: 1px solid #0EC9A3;box-shadow: 3px 3px 8.1px 0px #46E0B03D; }
.latest-launch-panel .panel-wrap .launch-slider-panel .launch-slider-swiper .swiper-button-prev, .latest-launch-panel .panel-wrap .launch-slider-panel .launch-slider-swiper .swiper-button-next { display: inline-block; width: 34px; height: 47px; position: absolute; top: 50%; z-index: 2; background: url(../images/home/slide-btn.png) no-repeat; margin-top: 0; transform: translateY(-50%); }
.latest-launch-panel .panel-wrap .launch-slider-panel .launch-slider-swiper .swiper-button-prev { left: -34px; background-position: 0 0; border-radius: 0 5px 5px 0;transition: left .3s ease;}
.latest-launch-panel .panel-wrap .launch-slider-panel .launch-slider-swiper .swiper-button-prev::after{ display: none; }
.latest-launch-panel .panel-wrap .launch-slider-panel .launch-slider-swiper .swiper-button-next { right: -34px; background-position: -34px 0; border-radius: 5px 0 0 5px;transition: right .3s ease;}
.latest-launch-panel .panel-wrap .launch-slider-panel .launch-slider-swiper .swiper-button-next::after{ display: none; }
.latest-launch-panel .panel-wrap .launch-slider-panel .launch-slider-swiper:hover .swiper-button-prev{left: 0;}
.latest-launch-panel .panel-wrap .launch-slider-panel .launch-slider-swiper:hover .swiper-button-next{right: 0;}
.latest-launch-panel .panel-wrap .launch-slider-panel .launch-slider-swiper .swiper-button-prev:hover{background-position: 0 -47px;}
.latest-launch-panel .panel-wrap .launch-slider-panel .launch-slider-swiper .swiper-button-next:hover{background-position: -34px -47px;}

.app-listing-panel{margin-top: 20px;}
.app-listing-panel.app{margin-top: 30px;}
.app-listing-panel .panel-tab-title{display: flex;align-items: center;height: 60px;}
.app-listing-panel .panel-tab-title .panel-title{width: 200px;height: 60px;border-radius: 10px 10px 0 0;padding: 14px 25px;position: relative;background-color: #F5FFFF;}
.app-listing-panel .panel-tab-title .panel-title h2{font-size: 22px;font-weight: bold;color: #0F0F0F;line-height: 30px;}
.app-listing-panel .panel-tab-title .panel-title .gradient-text{position: absolute;right: 18px;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;}
.app-listing-panel .panel-tab-title .tab-buttons{display: flex;align-items: center;margin-left: auto;column-gap: 10px;margin-right: 26px;}
.app-listing-panel .panel-tab-title .tab-buttons li{cursor: pointer;width: 74px;flex: 0 0 74px;max-width: 74px;height: 28px;border-radius: 8px;text-align: center;line-height: 28px;font-size: 14px;color: #333333;}
.app-listing-panel .panel-tab-title .tab-buttons li.active{background: linear-gradient(98.15deg, #CDFBF1 0%, #C0F3EB 100%);color: #0EC9A3;}
.app-listing-panel .app-content-wrap{background-color: #ffffff;border-radius: 0 10px 10px 10px;padding: 25px 28px;display: flex;align-items: flex-start;justify-content: space-between;}
.app-listing-panel .app-content-wrap .tab-contents{width: 800px;flex: 0 0 800px;max-width: 800px;}
.app-listing-panel .app-content-wrap .tab-contents .tab-content{display: none;flex-wrap: wrap;column-gap: 16px;row-gap: 25px;}
.app-listing-panel .app-content-wrap .tab-contents .tab-content.active{display: flex;}
.app-listing-panel .app-content-wrap .tab-contents .tab-content a{width: 100px;flex: 0 0 100px;max-width: 100px;display: flex;flex-direction: column;row-gap: 5px;}
.app-listing-panel .app-content-wrap .tab-contents .tab-content a > img{width: 78px;height: 78px;border-radius: 15px;object-fit: cover;object-position: center;margin: 0 auto;}
.app-listing-panel .app-content-wrap .tab-contents .tab-content a > p{font-size: 15px;font-weight: 500;color: #333333;line-height: 21px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-listing-panel .app-content-wrap .tab-contents .tab-content a > .viewBtn{width: 58px;height: 23px;border-radius: 8px;text-align: center;line-height: 21px;font-size: 12px;font-weight: 500;color: #0EC9A3;margin: 0 auto;border: 1px solid #0EC9A3;}
.app-listing-panel .app-content-wrap .tab-contents .tab-content a:hover .viewBtn{background: linear-gradient(97.02deg, #0EC9A3 2.38%, #41E0C0 100%); color: #ffffff;border: 1px solid transparent;font-weight: bold;}
.app-listing-panel .app-content-wrap .month-hot-app-panel{width: 317px;flex: 0 0 317px;max-width: 317px;border-radius: 10px;border: 1px solid #FFE6DB;background: linear-gradient(179.38deg, #FFEAD4 -50.74%, #FFFFFF 29.79%);position: relative;padding-top: 28px;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-title{width: fit-content;height: 37px;border-radius: 20px;padding: 0 25px;line-height: 37px;background: linear-gradient(90deg, #FF9D1E 0%, #FC104C 100%);text-align: center;position: absolute;left: 50%;transform: translateX(-50%);top: -20px;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-title h2{font-size: 16px;font-weight: bold;color: #FFFFFF;position: relative;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-title h2::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: -11px;width: 8px;height: 21px;background-image: url(../images/home/titleWing.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-title h2::after{content: "";position: absolute;top: 50%;transform: translateY(-50%) scaleX(-1);right: -11px;width: 8px;height: 21px;background-image: url(../images/home/titleWing.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list{display: flex;flex-direction: column;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap{display: flex;align-items: center;padding: 10px 15px 10px 20px;height: 62px;cursor: pointer;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap .rankNo{width: 22px;height: 25px;margin-right: 19px;background-image: url(../images/home/rank1.webp);background-position: center;background-repeat: no-repeat;background-size: cover;flex: 0 0 22px;max-width: 22px;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap:nth-child(2) .rankNo{background-image: url(../images/home/rank2.webp);}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap:nth-child(3) .rankNo{background-image: url(../images/home/rank3.webp);}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap:nth-child(4) .rankNo{background-image: url(../images/home/4.webp);background-size: 10px 20px;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap:nth-child(5) .rankNo{background-image: url(../images/home/5.webp);background-size: 10px 20px;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap:nth-child(6) .rankNo{background-image: url(../images/home/6.webp);background-size: 10px 20px;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap > img{width: 40px;flex: 0 0 40px;max-width: 40px;height: 40px;border-radius: 10px;margin-right: 14px;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap .detailWrap{display: flex;flex-direction: column;max-width: 120px;overflow: hidden;width: 120px;flex: 0 0 120px;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap .detailWrap h4{font-size: 15px;font-weight: 500;line-height: 21px;color: #0F0F0F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap .detailWrap .bottomWrap{display: flex;align-items: center;column-gap: 5px;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap .detailWrap .bottomWrap p{font-size: 12px;font-weight: 500;color: #949494;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap .detailWrap .bottomWrap i{width: 1px;height: 10px;background-color: #949494;transform: rotate(25deg);}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap .detailWrap .bottomWrap .ratingReviewWrap .rating-score{display: none;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap .detailWrap .bottomWrap .ratingReviewWrap .stars{display: flex;align-items: center;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap .detailWrap .bottomWrap .ratingReviewWrap .stars > div{width: 12px;height: 12px;background-image: url(../images/home/star.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap .detailWrap .bottomWrap .ratingReviewWrap .stars > div.star-half{background-image: url(../images/home/star-half.webp);}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap .detailWrap .bottomWrap .ratingReviewWrap .stars > div.star-empty{background-image: url(../images/home/star-empty.webp);}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap .viewNowBtn{margin-left: auto;width: 58px;flex: 0 0 58px;max-width: 58px;height: 23px;border-radius: 6px;text-align: center;line-height: 23px;background: linear-gradient(98.94deg, #FF9054 0%, #FFBD4E 72.6%); box-shadow: 0px 3px 4px 0px #FF793F4F;font-size: 12px;font-weight: bold;color: #FFFFFF;opacity: 0;visibility: hidden;transition: opacity .3s ease;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap:hover{background-color: #FFF8F2;box-shadow: 0px 4px 7.4px 0px #FFD6C4; }
.app-listing-panel .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap:hover .viewNowBtn{opacity: 1;visibility: visible;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .more-content{height: 42px;line-height: 42px;display: flex;align-items: center;column-gap: 5px;background: linear-gradient(177.77deg, rgba(255, 255, 255, 0.3) 12.36%, rgba(255, 153, 109, 0.3) 98.06%); border-radius: 0 0 10px 10px;justify-content: center;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .more-content p{font-size: 14px;font-weight: 500;color: #FF793F;line-height: 20px;}
.app-listing-panel .app-content-wrap .month-hot-app-panel .more-content img{width: 6px;height: auto;object-fit: cover;object-position: center;filter: brightness(0) saturate(100%) invert(56%) sepia(49%) saturate(2037%) hue-rotate(334deg) brightness(104%) contrast(101%);opacity: 0.8;}
.app-listing-panel.app .app-content-wrap .month-hot-app-panel .month-hot-title{background: linear-gradient(90deg, #56DAFF 0%, #4353FF 100%); }
.app-listing-panel.app .app-content-wrap .month-hot-app-panel{background: linear-gradient(179.38deg, #D4ECFF -50.74%, #FFFFFF 29.79%); border: 1px solid #D9E9FF;}
.app-listing-panel.app .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap:hover{background: #E9F5FF; box-shadow: 0px 4px 7.4px 0px #C4E5FF; }
.app-listing-panel.app .app-content-wrap .month-hot-app-panel .month-hot-list .appWrap .viewNowBtn{background: linear-gradient(98.94deg, #4B95FF 0%, #84CFFF 72.6%); box-shadow: 0px 3px 4px 0px #0E97C947; }
.app-listing-panel.app .app-content-wrap .month-hot-app-panel .more-content{background: linear-gradient(177.77deg, rgba(255, 255, 255, 0.3) 1.81%, rgba(112, 169, 255, 0.3) 98.06%); }
.app-listing-panel.app .app-content-wrap .month-hot-app-panel .more-content p{color: #4690FF;}
.app-listing-panel.app .app-content-wrap .month-hot-app-panel .more-content img{filter: brightness(0) saturate(100%) invert(43%) sepia(89%) saturate(1497%) hue-rotate(200deg) brightness(104%) contrast(103%);}

.latest-topic-panel{margin-top: 20px;}
.latest-topic-panel .panel-tab-title{display: flex;align-items: center;height: 60px;justify-content: space-between;}
.latest-topic-panel .panel-tab-title .panel-title{width: 200px;height: 60px;border-radius: 10px 10px 0 0;padding: 14px 25px;position: relative;background-color: #F5FFFF;}
.latest-topic-panel .panel-tab-title .panel-title h2{font-size: 22px;font-weight: bold;color: #0F0F0F;line-height: 30px;}
.latest-topic-panel .panel-tab-title .panel-title .gradient-text{position: absolute;right: 36px;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;}
.latest-topic-panel .topic-slider{margin-top: -8px;background-color: #ffffff;box-shadow: 0px 0px 6px 0px #50D5AD1A;border-radius: 10px;padding: 26px 0;overflow: hidden;position: relative;}
.latest-topic-panel .topic-slider .swiper-slide{position: relative;height: 127px;}
.latest-topic-panel .topic-slider .swiper-slide > img{width: 100%;height: 100%;border-radius: 10px;object-fit: cover;object-position: center;display: block;}
.latest-topic-panel .topic-slider .swiper-slide > .overlay-title{position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;text-align: center;padding: 0 10px;line-height: 30px;border-radius: 0 0 10px 10px;background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 27.88%, rgba(102, 102, 102, 0.4) 100%); }
.latest-topic-panel .topic-slider .swiper-slide > .overlay-title p{font-size: 15px;color: #FFFFFF;font-weight: bold;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.latest-topic-panel .topic-slider .swiper-button-prev{width: 25px;height: 127px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-radius: 10px 0 0 10px;background: #00000080;margin-top: 0;}
.latest-topic-panel .topic-slider .swiper-button-prev::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scaleX(-1);width: 8px;height: 15px;background-image: url(../images/home/moreBtn.webp);background-position: center;background-repeat: no-repeat;background-size: cover;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(12%) hue-rotate(44deg) brightness(105%) contrast(102%);}
.latest-topic-panel .topic-slider .swiper-button-next.swiper-button-disabled, .latest-topic-panel .topic-slider .swiper-button-prev.swiper-button-disabled{opacity: 0.2;}
.latest-topic-panel .topic-slider .swiper-button-next{width: 25px;height: 127px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);border-radius: 0 10px 10px 0;background: #00000080;margin-top: 0;}
.latest-topic-panel .topic-slider .swiper-button-next::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 8px;height: 15px;background-image: url(../images/home/moreBtn.webp);background-position: center;background-repeat: no-repeat;background-size: cover;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(12%) hue-rotate(44deg) brightness(105%) contrast(102%);}

.ranking-panel{margin-top: 20px;}
.ranking-panel .ranking-wrap{display: flex;align-items: flex-start;justify-content: space-between;}
.ranking-panel .ranking-wrap .ranking-listing-panel{width: 385px;flex: 0 0 385px;max-width: 385px;border-radius: 10px;background: linear-gradient(179.38deg, #FFF2E4 -50.74%, #FFFFFF 27.19%); border: 1px solid #FFE6DB;height: 630px;}
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(2){background: linear-gradient(179.38deg, #F0F8FF -50.74%, #FFFFFF 27.19%); border: 1px solid #ECF4FF;}
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(3){background: linear-gradient(179.38deg, #EAFFDF -50.74%, #FFFFFF 27.19%); border: 1px solid #DBF7FF;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-title{margin-top: 24px;display: flex;align-items: center;justify-content: space-between;padding: 0 24px 0 38px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-title h2{position: relative;font-size: 22px;font-weight: bold;color: #FF793F;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-title h2::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -14px; width: 10px; height: 26px; background-image: url(../images/home/titleWing.webp); background-position: center; background-repeat: no-repeat; background-size: contain; filter: brightness(0) saturate(100%) invert(72%) sepia(31%) saturate(6459%) hue-rotate(330deg) brightness(98%) contrast(106%); }
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-title h2::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%) scaleX(-1); right: -14px; width: 10px; height: 26px; background-image: url(../images/home/titleWing.webp); background-position: center; background-repeat: no-repeat; background-size: contain; filter: brightness(0) saturate(100%) invert(72%) sepia(31%) saturate(6459%) hue-rotate(330deg) brightness(98%) contrast(106%); }
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-title .moreTop{width: 50px;height: 22px;border-radius: 5px;background-color: #FFE8DC;display: flex;align-items: center;justify-content: center;column-gap: 4px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-title .moreTop p{font-size: 12px;color: #FF883F;font-weight: bold;line-height: 14px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-title .moreTop > img{width: 9px;height: 8px;object-fit: cover;object-position: center;}
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(2) .rank-title h2{color: #4690FF;}
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(2) .rank-title h2::before { filter: brightness(0) saturate(100%) invert(51%) sepia(91%) saturate(2812%) hue-rotate(199deg) brightness(103%) contrast(101%); }
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(2) .rank-title h2::after { filter: brightness(0) saturate(100%) invert(51%) sepia(91%) saturate(2812%) hue-rotate(199deg) brightness(103%) contrast(101%); }
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(2) .rank-title .moreTop{background-color: #E0EEFF;}
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(2) .rank-title .moreTop p{color: #4690FF;}
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(2) .rank-title .moreTop > img{filter: brightness(0) saturate(100%) invert(66%) sepia(58%) saturate(5866%) hue-rotate(198deg) brightness(101%) contrast(103%);}
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(3) .rank-title h2{color: #41E0C0;}
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(3) .rank-title h2::before { filter: brightness(0) saturate(100%) invert(71%) sepia(100%) saturate(308%) hue-rotate(108deg) brightness(93%) contrast(87%); }
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(3) .rank-title h2::after { filter: brightness(0) saturate(100%) invert(71%) sepia(100%) saturate(308%) hue-rotate(108deg) brightness(93%) contrast(87%); }
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(3) .rank-title .moreTop{background-color: #DFFBEF;}
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(3) .rank-title .moreTop p{color: #0EC9A3;}
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(3) .rank-title .moreTop > img{filter: brightness(0) saturate(100%) invert(70%) sepia(38%) saturate(5275%) hue-rotate(123deg) brightness(97%) contrast(89%);}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list{display: flex;flex-direction: column;row-gap: 24px;margin-top: 22px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap{display: flex;align-items: center;padding: 0 22px 0 25px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap .rankNo{width: 22px;height: 25px;margin-right: 16px;background-image: url(../images/home/rank1.webp);background-position: center;background-repeat: no-repeat;background-size: cover;flex: 0 0 22px;max-width: 22px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap:nth-child(2) .rankNo{background-image: url(../images/home/rank2.webp);}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap:nth-child(3) .rankNo{background-image: url(../images/home/rank3.webp);}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap:nth-child(4) .rankNo{background-image: url(../images/home/4.webp);background-size: 10px 20px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap:nth-child(5) .rankNo{background-image: url(../images/home/5.webp);background-size: 10px 20px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap:nth-child(6) .rankNo{background-image: url(../images/home/6.webp);background-size: 10px 20px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap:nth-child(7) .rankNo{background-image: url(../images/home/7.webp);background-size: 10px 20px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap:nth-child(8) .rankNo{background-image: url(../images/home/8.webp);background-size: 10px 20px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap:nth-child(9) .rankNo{background-image: url(../images/home/9.webp);background-size: 10px 20px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap:nth-child(10) .rankNo{background-image: url(../images/home/10.webp);background-size: 20px 20px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap > .imgWrap{width: 55px;height: 55px;flex: 0 0 55px;max-width: 55px;border-radius: 15px;margin-right: 10px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap > .imgWrap img{width: 100%;height: 100%;border-radius: 15px;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap > .detailWrap{display: flex;flex-direction: column;max-width: 174px;overflow: hidden;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap > .detailWrap h4{font-size: 15px;line-height: 20px;font-weight: 500;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap > .detailWrap > p{font-size: 14px;font-weight: 500;color: #949494;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap > .viewNowBtn{margin-left: auto; width: 58px; flex: 0 0 58px; max-width: 58px; height: 23px; border-radius: 6px; text-align: center; line-height: 23px; background: linear-gradient(98.94deg, #FF9054 0%, #FFBD4E 72.6%); box-shadow: 0px 3px 4px 0px #FF793F4F; font-size: 12px; font-weight: bold; color: #FFFFFF; opacity: 0; visibility: hidden; transition: opacity .3s ease;}
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(2) .rank-list .rank-item-wrap > .viewNowBtn{background: linear-gradient(98.94deg, #4B95FF 0%, #84CFFF 72.6%); box-shadow: 0px 3px 4px 0px #0E97C947; }
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(3) .rank-list .rank-item-wrap > .viewNowBtn{background: linear-gradient(98.94deg, #0EC9A3 0%, #41E0C0 72.6%); box-shadow: 0px 3px 4px 0px #0EC9A347; }
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap .sideSize{ width: 58px; flex: 0 0 58px; max-width: 58px;margin-left: auto;text-align: center;font-size: 12px;font-weight: 500;color: #949494;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap > .imgWrap{display: none;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap > .detailWrap > p{display: none;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap.active{padding: 12px 22px 12px 25px;background: #FFF8F2; box-shadow: 0px 4px 7.4px 0px #FFD6C4; }
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap.active > .imgWrap{display: block;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap.active > .detailWrap > p{display: block;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap.active .sideSize{display: none;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap.active > .detailWrap h4{font-weight: bold;}
.ranking-panel .ranking-wrap .ranking-listing-panel .rank-list .rank-item-wrap.active > .viewNowBtn{opacity: 1;visibility: visible;}
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(2) .rank-list .rank-item-wrap.active{background: #F2F7FF; box-shadow: 0px 4px 7.4px 0px #C4E0FF; }
.ranking-panel .ranking-wrap .ranking-listing-panel:nth-child(3) .rank-list .rank-item-wrap.active{background: #F2FFF5; box-shadow: 0px 4px 7.4px 0px #C4FFD1; }

.news-panel{margin-top: 20px;}
.news-panel .panel-tab-title{display: flex;align-items: center;height: 60px;justify-content: space-between;}
.news-panel .panel-tab-title .panel-title{width: 200px;height: 60px;border-radius: 10px 10px 0 0;padding: 14px 25px;position: relative;background-color: #F5FFFF;}
.news-panel .panel-tab-title .panel-title h2{font-size: 22px;font-weight: bold;color: #0F0F0F;line-height: 30px;}
.news-panel .panel-tab-title .panel-title .gradient-text{position: absolute;right: 12px;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;}
.news-panel .news-panel-wrap{margin-top: -8px;background-color: #ffffff;box-shadow: 0px 0px 6px 0px #50D5AD1A;border-radius: 10px;padding: 22px 17px 17px 25px;display: flex;align-items: flex-start;justify-content: space-between;}
.news-panel .news-panel-wrap .news-listing-left{width: 412px;flex: 0 0 412px;max-width: 412px;display: flex;flex-direction: column;row-gap: 24px;}
.news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(2, 1fr);;gap: 12px;}
.news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(1){grid-row: 1 / 3; grid-column: 1;width: 273px;height: 185px;border-radius: 16px;background: linear-gradient(107.47deg, #FF793F -28.82%, #FFD04D 28.23%, #58F0C0 70.99%, #0EC9A3 103.55%);position: relative;padding: 5px;}
.news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(1) img{width: 100%;height: 100%;border-radius: 16px;object-fit: cover;object-position: center;background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 27.88%, rgba(102, 102, 102, 0.4) 100%); }
.news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(1) .overlay-title{width: calc(100% - 10px);height: 30px;padding: 0 8px;text-align: left;line-height: 30px;border-radius: 0 0 16px 16px;position: absolute;bottom: 5px;left: 5px;background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 27.88%, rgba(102, 102, 102, 0.4) 100%); }
.news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(1) .overlay-title p{font-size: 15px;color: #ffffff;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(2){grid-row: 1; grid-column: 2;}
.news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(3){grid-row: 2; grid-column: 2;}
.news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(2), .news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(3){width: 127px;height: 86px;border-radius: 6px;position: relative;}
.news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(2) img, .news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(3) img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 6px;}
.news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(2) .overlay-title, .news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(3) .overlay-title{position: absolute;bottom: 0;left: 0;border-radius: 0 0 6px 6px;height: 22px;line-height: 22px;background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 27.88%, rgba(102, 102, 102, 0.4) 100%);width: 100%;padding: 0 5px;}
.news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(2) .overlay-title p, .news-panel .news-panel-wrap .news-listing-left .news-top-banner-wrap a:nth-child(3) .overlay-title p{font-size: 12px;color: #ffffff;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-panel .news-panel-wrap .news-listing-left .news-listing-panel{display: flex;flex-direction: column;}
.news-panel .news-panel-wrap .news-listing-left .news-listing-panel > a{width: 100%;display: flex;align-items: center;justify-content: space-between;height: 29px;position: relative;padding-left: 20px;column-gap: 3px;}
.news-panel .news-panel-wrap .news-listing-left .news-listing-panel > a h4{font-size: 14px;font-weight: 500;color: #333333;max-width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-panel .news-panel-wrap .news-listing-left .news-listing-panel > a p{font-size: 12px;color: #0EC9A3;font-weight: 500;white-space: nowrap;}
.news-panel .news-panel-wrap .news-listing-left .news-listing-panel > a::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 7px;width: 5px;height: 5px;border-radius: 50%;background-color: #0EC9A3;}
.news-panel .news-panel-wrap .news-listing-left .news-listing-panel > a:hover h4{color: #0EC9A3;}
.news-panel .news-panel-wrap .news-listing-center{width: 392px;flex: 0 0 392px;max-width: 392px;display: flex;flex-direction: column;row-gap: 20px;}
.news-panel .news-panel-wrap .news-listing-center .hot-news-wrap{display: flex;flex-direction: column;row-gap: 10px;}
.news-panel .news-panel-wrap .news-listing-center .hot-news-wrap h4{font-size: 15px;font-weight: bold;color: #0F0F0F;line-height: 21px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-panel .news-panel-wrap .news-listing-center .hot-news-wrap .detailWrap{display: flex;align-items: flex-start;column-gap: 10px;overflow: hidden;}
.news-panel .news-panel-wrap .news-listing-center .hot-news-wrap .detailWrap > .imgWrap{width: 147px;flex: 0 0 147px;max-width: 147px;height: 82px;}
.news-panel .news-panel-wrap .news-listing-center .hot-news-wrap .detailWrap > .imgWrap img{width: 100%;height: 100%;border-radius: 6px;object-fit: cover;object-position: center;}
.news-panel .news-panel-wrap .news-listing-center .hot-news-wrap .detailWrap > p{font-size: 13px;color: #333333;line-height: 18px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.news-panel .news-panel-wrap .news-listing-center .hot-news-wrap:hover h4{color: #0EC9A3;text-decoration: underline;}
.news-panel .news-panel-wrap .hot-search-rank{width: 290px;flex: 0 0 290px;max-width: 290px;display: flex;flex-direction: column;row-gap: 9px;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-title{display: flex;align-items: center;column-gap: 7px;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-title > img{width: 34px;height: auto;object-fit: cover;object-position: center;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-title > p{font-size: 17px;color: #000000E5;font-weight: bold;line-height: 24px;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list{display: flex;flex-direction: column;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list .hot-search-wrap{display: flex;align-items: center;height: 42px;column-gap: 20px;padding: 0 10px;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list .hot-search-wrap:nth-child(even){background-color: #F5F5F5;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list .hot-search-wrap .rankNo{width: 10px;height: 20px;background-image: url(../images/home/1.webp);background-position: center;background-repeat: no-repeat;background-size: cover;flex: 0 0 10px;max-width: 10px;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list .hot-search-wrap:nth-child(1) .rankNo{background-size: 8px 20px;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list .hot-search-wrap:nth-child(2) .rankNo{background-image: url(../images/home/2.webp);background-size: 10px 20px;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list .hot-search-wrap:nth-child(3) .rankNo{background-image: url(../images/home/3.webp);background-size: 10px 20px;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list .hot-search-wrap:nth-child(4) .rankNo{background-image: url(../images/home/4.webp);background-size: 10px 20px;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list .hot-search-wrap:nth-child(5) .rankNo{background-image: url(../images/home/5.webp);background-size: 10px 20px;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list .hot-search-wrap:nth-child(6) .rankNo{background-image: url(../images/home/6.webp);background-size: 10px 20px;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list .hot-search-wrap:nth-child(7) .rankNo{background-image: url(../images/home/7.webp);background-size: 10px 20px;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list .hot-search-wrap:nth-child(8) .rankNo{background-image: url(../images/home/8.webp);background-size: 10px 20px;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list .hot-search-wrap a{font-size: 15px;font-weight: 500;color: #333333;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-panel .news-panel-wrap .hot-search-rank .hot-search-list .hot-search-wrap:hover a{font-weight: bold;color: #0EC9A3;}

.friendship-link-panel{margin-top: 20px;}
.friendship-link-panel .friendship-link-wrap{border-radius: 10px;background-color: #ffffff;}
.friendship-link-panel .friendship-link-wrap h2{position: relative;font-size: 18px;font-weight: bold;color: #000000BF;padding: 10px 28px;width: fit-content;}
.friendship-link-panel .friendship-link-wrap h2::after{content: "";position: absolute;bottom: -3px;left: 50%;transform: translateX(-50%);width: 42px;height: 4px;border-radius: 10px;background-color: #67F9CB;}
.friendship-link-panel .friendship-link-wrap .link-list{border-top: 1px solid #00000014;padding: 25px 28px;display: flex;flex-wrap: wrap;gap: 20px;}
.friendship-link-panel .friendship-link-wrap .link-list a{width: 120px;flex: 0 0 120px;max-width: 120px;height: 37px;border-radius: 10px;border: 1px solid #AAAAAA;line-height: 35px;text-align: center;padding: 0 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;font-weight: 500;color: #AAAAAA;}