.home-page-section {margin-top: 1.79rem;}
.home-page-section .hero-banner-panel{position: relative;margin-bottom: 1.43rem;}
.home-page-section .hero-banner-panel .hero-banner-swiper .swiper-slide{border-radius: 0.71rem;position: relative;}
.home-page-section .hero-banner-panel .hero-banner-swiper .swiper-slide img{width: 100%;height: auto;display: block;border-radius: 0.71rem;object-fit: cover;max-height: 22.86rem;height: 22.86rem;}
.home-page-section .hero-banner-panel .hero-banner-swiper .swiper-slide p{font-size: 1.71rem;color: #ffffff;position: absolute;bottom: 1.07rem;padding:0 1.38rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 85%;}
.home-page-section .hero-banner-panel .hero-banner-swiper .swiper-slide .overlay{width: 100%; height: 60%; border-radius: 0.43rem; position: absolute; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);}
.home-page-section .hero-banner-panel .swiper-pagination{position: absolute;bottom: 1.5rem;right: 1.43rem;background-color: #00000099;display: flex;align-items: center;padding: 0.29rem 0.57rem;border-radius: 0.57rem;column-gap: 0.38rem;}
.home-page-section .hero-banner-panel .swiper-pagination .swiper-pagination-bullet-active{background-color: #F4F7F6;}
.home-page-section .hero-banner-panel .swiper-pagination .swiper-pagination-bullet{background-color: #F4F7F680;}


.home-page-section .banner-list .bottom-banner-section{display: flex;justify-content: space-between;position: relative;}
.home-page-section .banner-list .bottom-banner-section .banner-left{background-color: #ffe66d;border-radius: 0.57rem 3.93rem 1.14rem 0.57rem;position: relative;padding: 1.42rem 2.57rem;display: grid;align-items: center;grid-template-columns: repeat(auto-fit, minmax(0, 8.57rem));column-gap: 2.35rem;flex: 0 0 52%;max-width: 52%;clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);}
.home-page-section .banner-list .bottom-banner-section .hot-icon-wrap{position: absolute;top: 0;left: 0;width: 5.5rem;clip-path: polygon(50% 0%, 100% 0, 45% 35%, 0 100%, 0 0);}
.home-page-section .banner-list .bottom-banner-section .hot-icon-wrap img{width: 100%;height: auto;}
.home-page-section .banner-list .bottom-banner-section .hot-icon-wrap p{text-align: center; font-size: 1.29rem; color: #ffffff; font-weight: bold; position: absolute; top: 26%; left: 30%; transform: translate(-50%, -50%) rotate(-50deg);}
.home-page-section .banner-list .bottom-banner-section a{display: flex;flex-direction: column;row-gap: 0.71rem;justify-content: center;align-items: center;}
.home-page-section .banner-list .bottom-banner-section a img{width: 100%;height: auto;border-radius: 1.86rem;}
.home-page-section .banner-list .bottom-banner-section a p{font-size: 2rem;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;text-align: center;}
.home-page-section .banner-list .bottom-banner-section .banner-right{background-color: #1AEEB0;border-radius: 1.14rem 0.57rem 0.57rem 3.93rem;position: relative;padding: 1.42rem 2.57rem;display: grid;align-items: center;grid-template-columns: repeat(auto-fit, minmax(0, 8.57rem));column-gap: 2.35rem;flex: 0 0 52%;max-width: 52%;justify-content: flex-end;clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%);margin-left: -4%;} 

.home-page-section .type-list{display: flex;flex-wrap: wrap;column-gap: 2rem;row-gap: 1.43rem;margin-top: 1.43rem;}
.home-page-section .type-list a{height: 3.43rem;width: max-content;padding: 0 2.29rem;text-align: center;line-height: 3.43rem;color: #ffffff;font-size: 1.71rem;border-radius: 1.57rem;background-color: #FFB3A8;}
.home-page-section .type-list a:nth-child(1){background-color: #FFBC58;}
.home-page-section .type-list a:nth-child(2){background-color: #67A2FF;}
.home-page-section .type-list a:nth-child(4){background-color: #61E0D3;}
.home-page-section .type-list a:nth-child(5){background-color: #FF8E7D;}

.home-page-section .mobile-listing-panel{margin-top: 1.43rem;}
.home-page-section .mobile-listing-panel .listingWrap{display: grid;grid-template-columns: repeat(auto-fit, minmax(0, 9.14rem));column-gap: 3.71rem;row-gap: 2rem;}
.home-page-section .mobile-listing-panel .listingWrap .itemWrap{display: flex;flex-direction: column;row-gap: 0.86rem;}
.home-page-section .mobile-listing-panel .listingWrap .itemWrap img{width: 9.14rem;height: 9.14rem;border-radius: 1.86rem;}
.home-page-section .mobile-listing-panel .listingWrap .itemWrap p{color: #333333;font-size: 1.71rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.home-page-section .mobile-listing-panel .listingWrap .itemWrap a{width: 8.86rem;height: 3.57rem;line-height: 3.57rem;text-align: center;border: 1px solid #42E9B2;font-size: 1.71rem;color: #42E9B2;border-radius: 3.57rem;}

.home-page-section .hot-topic-panel{margin-top: 2.57rem;}
.home-page-section .hot-topic-panel .hot-topic-listing{display: grid;grid-template-columns: repeat(auto-fit, minmax(0, 23.86rem));column-gap: 1.43rem;row-gap: 1.43rem;}
.home-page-section .hot-topic-panel .hot-topic-listing a{position: relative;border-radius: 0.71rem;}
.home-page-section .hot-topic-panel .hot-topic-listing a img{width: 100%;height: auto;display: block;border-radius: 0.71rem;}
.home-page-section .hot-topic-panel .hot-topic-listing a .overlay{width: 100%; height: 100%; border-radius: 0.71rem; position: absolute; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);}
.home-page-section .hot-topic-panel .hot-topic-listing a .detailWrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;row-gap: 0.86rem;text-align: center;width: 100%;padding: 0 1rem;}
.home-page-section .hot-topic-panel .hot-topic-listing a .detailWrap p.topicTitle{font-size: 1.71rem;color: #ffffff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.home-page-section .hot-topic-panel .hot-topic-listing a .detailWrap p.dateUpdate{font-size: 1.29rem;color: #ffffff;}

.home-page-section .type-list-bottom{display: flex;flex-wrap: wrap;column-gap: 2rem;row-gap: 1.43rem;margin-top: 1.57rem;}
.home-page-section .type-list-bottom a{height: 3.43rem;width: max-content;padding: 0 2.29rem;text-align: center;line-height: 3.43rem;color: #646567;font-size: 1.71rem;border-radius: 1.57rem;background-color: #F7F7F8;}

.home-page-section .mobile-listing-panel.app{margin-top: 2.5rem;}

.home-page-section .ranking-panel{margin-top: 1.93rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing{border-radius: 0.71rem;position: relative;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:first-child::before{background: #fffaf8;position: absolute;content: "";width: 100%;height: 100%;top: 0;z-index: 1;border-radius: 0.71rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:nth-child(2)::before{background: #f9f5f9;position: absolute;content: "";width: 100%;height: 100%;top: 0;z-index: 1;border-radius: 0.71rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:last-child::before{background: #ecfbf8;position: absolute;content: "";width: 100%;height: 100%;top: 0;z-index: 1;border-radius: 0.71rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .titleWrap{position: relative;z-index: 2;margin: 1.71rem 2.86rem 1.43rem 3.43rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .titleWrap h2{font-size: 2.29rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:first-child .titleWrap h2{color: #FFB23F;position: relative;padding: 0 15px 0 1.79rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:nth-child(2) .titleWrap h2{color: #F086F0;position: relative;padding: 0 15px 0 1.79rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:last-child .titleWrap h2{color: #77EF75;position: relative;padding: 0 15px 0 1.79rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:first-child .titleWrap h2::before{position: absolute;content: "";width: 1.57rem;height: 3rem;background: url(../images/home/huobaoleft.png);background-size: contain;background-repeat: no-repeat;left: 0;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:first-child .titleWrap h2::after{position: absolute;content: "";width: 1.57rem;height: 3rem;background: url(../images/home/huobaoright.png);background-size: contain;background-repeat: no-repeat;margin-left: 0.2rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:nth-child(2) .titleWrap h2::before{position: absolute;content: "";width: 1.57rem;height: 3rem;background: url(../images/home/liuxingleft.png);background-size: contain;background-repeat: no-repeat;left: 0;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:nth-child(2) .titleWrap h2::after{position: absolute;content: "";width: 1.57rem;height: 3rem;background: url(../images/home/liuxingright.png);background-size: contain;background-repeat: no-repeat;margin-left: 0.2rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:last-child .titleWrap h2::before{position: absolute;content: "";width: 1.57rem;height: 3rem;background: url(../images/home/xiazaileft.png);background-size: contain;background-repeat: no-repeat;left: 0;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:last-child .titleWrap h2::after{position: absolute;content: "";width: 1.57rem;height: 3rem;background: url(../images/home/xiazairight.png);background-size: contain;background-repeat: no-repeat;margin-left: 0.2rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list{position: relative;z-index: 2;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a{position: relative;transition: .3s all;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a .img-overlay{position: absolute;right: 0;opacity: 0;z-index: 1;height: 100%!important;width: auto!important;transition: .3s all;-webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 30%); mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 30%);border-radius: 0.71rem!important;margin-right: 0!important;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap{position: relative;z-index: 2;display: flex;align-items: center;padding: 1.43rem 1.43rem 1.43rem 1.93rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap .rankNumber{font-size: 2.14rem;font-weight: bold;color: #999999;flex: 0 0 1.43rem;max-width: 1.43rem;margin-right: 1.43rem;transition: .3s all;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap > img{width: 8.57rem;height: 8.57rem;border-radius: 2rem;margin-right: 1.85rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap .detailWrap{display: flex;flex-direction: column;width: 100%;overflow: hidden;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap .detailWrap .name{font-size: 2rem;color: #000000;margin-bottom: 0.79rem;overflow: hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap .detailWrap .categorySize{margin: 0 0 0.85rem;display: flex;align-items: center;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap .detailWrap .categorySize p{color: #999999;font-size: 1.57rem;line-height: 1.3rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap .detailWrap .categorySize p:first-child{padding-right: 0.7rem;border-right: 1px solid #999999;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap .detailWrap .categorySize p:last-child{padding-left: 0.7rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap .detailWrap .dateUpdate{color: #999999;font-size: 1.57rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap .viewBtn{cursor: pointer;margin-left: auto;border-radius: 2rem;border: 1px solid #cccccc;color: #cccccc;font-size: 1.71rem;width: 8.85rem;height: 3.57rem;display: flex;align-items: center;justify-content: center;transition: .3s all;z-index: 1;flex: 0 0 8.85rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a:hover .img-overlay{opacity: 0.2;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:first-child .rank-list a:hover .itemWrap{background-color: #fef4f0;border-radius: 0.71rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:nth-child(2) .rank-list a:hover .itemWrap{background-color: #f9edf9;border-radius: 0.71rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing:last-child .rank-list a:hover .itemWrap{background-color: #e3f9f4;border-radius: 0.71rem;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a:hover .itemWrap .rankNumber{color: #424242;}
.home-page-section .ranking-panel .rankingWrap .ranking-listing .rank-list a:hover .itemWrap .viewBtn{background-color: #42EAB2;color: #ffffff;}

.home-page-section .guide-panel{margin-top: 1.64rem;}
.home-page-section .guide-panel .titleWrap{margin-bottom: 0.43rem;}
.home-page-section .guide-panel .guide-listing{display: flex;flex-direction: column;}
.home-page-section .guide-panel .guide-listing a{padding: 1.63rem 0;display: flex;column-gap: 2.14rem;align-items: center;border-bottom: 1px solid #ececec;}
.home-page-section .guide-panel .guide-listing a > img{width: 16.78rem;height: 10.14rem;object-fit: cover;border-radius: 0.71rem;}
.home-page-section .guide-panel .guide-listing a .guideDetail{display: flex;flex-direction: column;row-gap: 1.71rem;}
.home-page-section .guide-panel .guide-listing a .guideDetail p.title{font-size: 2rem;color: #000000;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.home-page-section .guide-panel .guide-listing a .guideDetail p.datePost{display: flex;align-items: center;column-gap: 0.57rem;font-size: 1.28rem;color: #999999;}
.home-page-section .guide-panel .guide-listing a .guideDetail p.datePost img{width: 1.28rem;height: 1.28rem;}
.home-page-section .guide-panel .guide-listing a:nth-child(5){border-bottom: none;}
.home-page-section .guide-panel .guide-listing a:nth-child(n+6) { display: none; }
.home-page-section .guide-panel .guide-listing.show-all a { display: flex; border-bottom: 1px solid #ececec;}
.home-page-section .guide-panel .guide-listing.show-all a:last-child { border-bottom: none; }
.home-page-section .guide-panel .show-more-btn{margin-top: 0.57rem;border: none;outline: none;width: 100%;height: 4.29rem;line-height: 4.29rem;text-align: center;background-color: #F7F7F8;border-radius: 2.14rem;font-size: 1.57rem;color: #999999;}

footer .footer-top{display: block;}