@charset "utf-8";
.main-content{width: 1200px;max-width: 94%; margin: 0 auto;}
.game{padding: 30px 0 65px;}
.game ul{display: flex;justify-content: center;gap:25px;}
.game li a{display: block; line-height: 43px;border-radius: 6px;transition: all .5s; padding: 0 36px;font-weight: 700;color: #000103;font-size: 14px;}
.game li a img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.game li a:hover{box-shadow:0 0 10px rgba(0, 0, 0, .1); }

.games{ padding-top: 25px;}
.games ul{display: flex;gap:20px;flex-wrap: wrap;}
.games li{width: calc(16.66% - 100px/6);}
.games-box{border-radius: 10px;background: #fff;}
.games-img{overflow: hidden;border-radius: 10px;aspect-ratio: 200 /285;}
.games-img img{width: 100%;height: 100%; object-fit: cover;}
.games-text{padding: 18px 10px;}
.games-text h3{font-size: 14px;color: #151515;}
.games-text h2{font-weight: bold;font-size: 18px;color: #151515;margin: 12px 0;display: flex;gap:10px;align-items: center;}
.games-text h2 b{font-weight: 400;font-size: 12px;color: #4A4A4A;text-decoration: line-through;}
.games-text p{display: flex;gap:15px;background: #f7e8e2;border-radius: 4px;line-height: 22px;}
.games-text p em{display: flex;align-items: center;}
.percentage{background: #ff5e17; padding: 0 4px;color: #fff;border-radius: 4px;}
.Sell-content{padding-top: 15px;}
.Sell-content ul{display: flex;flex-wrap: wrap;gap:35px;}
.Sell-content li{width: calc(33.3333% - 70px/3);}
.Sell-box{background: #fff; border-radius: 10px; overflow: hidden;box-shadow:0 0 10px rgba(0, 0, 0, .1);cursor: pointer; transition: all .5s;}
.Sell-box:hover{box-shadow:0 0 10px rgba(0, 0, 0, .2);transform: translateY(-5px);}
.Sell-top{display: flex;justify-content: space-between;flex-wrap: wrap;border-bottom: 1px solid #e0e3e2;}
.Sell-img{width: 155px;}
.Sell-img img{width: 100%; object-fit: cover;aspect-ratio: 16 / 16;}
.Sell-text{width: calc(100% - 155px);padding:20px 15px;}
.Sell-text h3{font-size: 12px;color: #626262;display: flex;height: 16px;line-height: 16px;}
.Sell-text h2{font-weight: 700;font-size: 16px;color: #000000;margin: 18px 0;height: 48px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Sell-text p{position: relative;line-height: 22px;height: 22px;color: #54504D;font-size: 12px; padding-left: 20px;}
.Sell-text p:before{position: absolute;content: "";left: 0;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;background: #f55d13;border-radius: 50%;}
.Sell-bottom{display: flex;align-items: center;justify-content: space-between;padding: 15px;}
.Sell-bottom span{font-size: 14px; color: #0F0F0F; line-height: 30px;display: flex;gap:22px;font-weight: 700;}
.Sell-bottom span img{width: 40px;}
.Sell-bottom a{line-height: 30px; padding: 0 25px; line-height: 30px;background: #f55d13;border-radius: 15px;font-weight: 700;font-size: 12px;color: #fff;transition: all .5s;}
.Sell-bottom a:hover{opacity: .6;}

.Recently{position: relative;}
.RecentlyTitle{padding-bottom: 45px; display: flex; justify-content: space-between; align-items: center;}
.RecentlyTitle h2{font-weight: 700;font-size: 24px;color: #312E2C;display: flex;align-items: center;gap:40px;}
.RecentlyTitle h2 a{font-weight: 400;font-size: 12px;color: #4A4A4A;display: inline-block; }
.RecentlyTitle h2 a img{display: inline-block;vertical-align: middle; margin:-3px 4px 0 0;}
.RecentlyNav{display: flex;gap:8px;align-items: center;}
.RecentlyNr ul{display: flex;flex-wrap: wrap;gap:20px;}
.RecentlyNr li{width: calc(16.66% - 100px/6);}
.RecentlyNr{position: relative; padding-top: 10px;}
.Recentlybox{border-radius: 6px;background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);transition: all .5s; margin-top: 15px; }
.recentlyBottom{display: flex;justify-content: space-between; padding: 0 10px;height: 22px;align-items: center;}
.recentlyBottom span{font-size: 10px;color: #272727;display: flex;gap:3px;align-items: center;}
.recentlyBottom b{background: url(../images/a37.png);width: 9px;height: 9px;}
.recentlyBottom em{font-size: 10px;color: #272727;}
.RecentlyNav .swiper-button-next,
.RecentlyNav .swiper-button-prev{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    position: static;
    transform: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow:0 0 10px rgba(0, 0, 0, .1);
    background-color: #fff;
    z-index: 2;
}
.RecentlyNav .swiper-button-next{
    background: url(../images/a96.png) no-repeat center center #fff;
}
.RecentlyNav .swiper-button-prev{
    background: url(../images/a95.png) no-repeat center center #fff;
}
.RecentlyNav .swiper-button-next:hover{background: url(../images/a98.png) no-repeat center center #fff;}
.RecentlyNav .swiper-button-prev:hover{background: url(../images/a97.png) no-repeat center center #fff;}
.RecentlyNav .swiper-button-next:after,.RecentlyNav .swiper-button-prev:after{font-size: 0;}

.RecentlyTop{height: 44px;border-radius: 6px;display: flex;justify-content: space-between; padding: 0 10px; position: relative; overflow: visible;}
.RecentlyTop::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: var(--bg-img);
    background-size: cover;
    background-position: center;
    opacity: 0.5;
    border-radius: inherit;
    z-index: 0;
}
.RecentlyTop img, .RecentlyTop .RecentlyText {
    position: relative;
    z-index: 1;
}
.RecentlyTop img{border-radius: 6px;width: 47px;height: 47px; margin-top: -10px; align-self: flex-start;}
.RecentlyText{width: calc(100% - 54px);padding-top: 6px;}
.RecentlyText h2{font-weight: 700;font-size: 12px;color: #000000;}
.RecentlyText p{font-size: 10px;color: #312E2C; margin-top: 5px;}
.RecentlyNr a:hover .Recentlybox{transform: translate(0, -5px);}

.Hot-Selling{width: 100%; margin: 0 auto;margin-bottom: 55px;}
.Hot-Selling-title h2{font-weight: bold;font-size: 24px;color: #312E2C;margin-bottom: 5px;}
.Hot-Selling-title h2 img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0 ;}
.Hot-Selling-title p{padding-left: 23px;color: #646464;display: flex;justify-content: space-between;line-height: 1;}
.Hot-Selling-title p b{font-weight: 700;color: #0B0B0B; padding-right: 15px;background: url(../images/a71.png) no-repeat right center;}
.Hot-Selling-nr{border-radius: 8px;margin-top: 20px; margin-bottom:27px;}
.Hot-Selling-nr ul{display: flex;gap:17px;flex-wrap: wrap; padding: 17px ;}
.Hot-Selling-nr li{width: 158px;}
.Cate{border-radius: 8px;box-shadow:0 0 10px rgba(51, 169, 255, 0.2); background: #fff;overflow: hidden;}

.Cate .Cate-img{display: block;overflow: hidden; position: relative;width: 100%;}
.Cate .Cate-img p{
    position: absolute;
    color: #fff;
    background: #000000;
    opacity: 0.8;
    padding: 0 10px;
    line-height: 16px;
    border-radius: 8px 0 8px 0;
    font-size: 8px;
    font-weight: bold;
    left: 0px;
    top: 0px;
    align-items: center;
    gap: 2px;
    display: none;
    width: 100%;
}
.Cate .Cate-img p.hot{
    display: block;
}
.Cate .Cate-img p img{
    width: auto;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
}
.Cate .Cate-img b{position: absolute;color: #fff;background: #ff5d00; padding: 0 10px; line-height: 16px;border-radius: 8px 0 8px 0;font-size: 8px;font-weight: bold;left: 0px;top: 0px;}
.Cate .Cate-img img{width: 100%;height: 100%; object-fit: cover;border-radius:8px 8px 0 0;}
.Cate-text{padding:6px 6px 14px 6px;}
.Cate h2{font-weight: 700;font-size: 12px;color: #0F0F0F;margin-bottom: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 14px;line-height: 14px;}
.cotebottom{display: flex;justify-content: space-between;background: #FFF2ED;align-content: center;height: 22px;border-radius: 4px;overflow: hidden;position: relative;}
.fsnr{display: flex;gap:2px;align-items: center; font-size: 10px;color: #626262;text-align: center;line-height: 22px;}
.fsnra{line-height: 22px;font-weight: 700;display: flex;align-items: center;}
.fsnra em{color: #F7E8E2;}
.bfb{
    width: 40px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-left: 9px;
    background: #f56300;
    clip-path: polygon(35% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.xtb1{background: url(../images/a35.png);width: 10px;height: 10px; margin:0 2px 0 0;background-size: 100% 100%;} 
.xtb2{background: url(../images/a37.png);width: 10px;height: 10px; margin:0 2px 0 0;background-size: 100% 100%;display: inline-block;}
.xtb_big{width: 16px;height: 16px; margin:0 3px 0 0;background-size: 100% 100%;background: url("/buffhub/images/star_big.png");}
.button-more{display: block; margin: 0 auto; width: 120px;line-height: 29px;border: 1px solid #d7d7d7;border-radius: 6px;text-align: center;color: #626262;transition: all .5s;}
.button-more:hover{border: 1px solid #ff5905;background: #ff5905;color: #fff;}

.Popular{padding: 30px 0 75px;}
.best{position: relative;overflow: hidden; margin-bottom: 50px;padding-top: 55px;}
.best .swiper-slide {  transition: 300ms; transform: scale(0.9);}
.best .swiper-slide-active,.best .swiper-slide-duplicate-active{ transform: scale(1);}
.best ul{display: flex;gap:30px;flex-wrap: wrap; padding-bottom: 22px;}
.best li{width: calc(33.33% - 60px/3);}
.bestbox h1{font-weight: 700;font-size: 24px;color: #0F0F0F; margin-bottom: 20px;}

.bestNr{border-radius: 8px; overflow: hidden;}
.bestTp{position: relative;aspect-ratio: 410 / 240;overflow: hidden;}
.bestTp img{width: 100%;height: 100%;border-radius: 6px 6px 0 0;object-fit: cover;transition: all .5s;}
.bestTp:hover img{transform: scale(1.05);}
.bestText{display: flex;justify-content: space-between;align-items: center;}
.bestText1{background: #ca6b3b;}
.bestText2{background: #a47c84;}
.bestText3{background: #735e49;}
.bestLeft{width: 84px;text-align: center; padding: 5px 0;background: rgba(255,255,255,.2);}
.bestLeft p{font-size: 20px;margin-bottom: 3px;color: #fff;}
.bestLeft h2{font-weight: 700;color: #fff;font-size: 28px;line-height: 1;}
.bestRight{width: calc(100% - 84px);padding-left: 15px;}
.bestRight h2{font-weight: 700;color: #fff;font-size: 14px;margin-bottom: 4px;}
.bestRight p{color: #fff;font-size: 12px;}
.bestRight p b{padding: 0 4px;}
.best-lish{padding-top: 27px;}

.best-lish dt{padding-bottom: 23px;}
.lbnr{display: flex;justify-content: space-between;align-items: center;}
.lbnr img{width: 100px;height: 100px;border-radius: 6px;}
.lbtext{width: calc(100% - 100px);padding-left: 29px;}
.lbtext h2{font-weight: bold;font-size: 16px;color: #0F0F0F; margin-bottom: 15px;}
.lbtext h2 b{display: inline-block;vertical-align: middle; width: 26px; line-height: 26px;text-align: center; border-radius: 6px;background: #dddddf;color: #52565A;font-weight: 700;font-size: 20px; margin: -3px 10px 0 0;}
.lbtext p{color: #626262;font-size: 12px;}
.lbtext p b{padding: 0 4px;}
.xtb3{background: url(../images/a74.png);width: 9px;height: 8px;background-size: 100% 100%;display: inline-block; margin-right: 3px;}

.blog-content{margin-bottom:55px}
.blog-lish{padding: 35px 0 40px;}
.blog-lish ul{display: flex;gap:35px;flex-wrap: wrap;}
.blog-lish li{width: calc(25% - 105px/4);}
.blog-image{overflow: hidden; position: relative; border-radius: 8px; aspect-ratio: 300 / 180;}
.blog-image img{width: 100%;height: 100%; object-fit: cover;transition: all 1s;}
.blog-image:before{position: absolute;content: "";left: 0;bottom: 0;height: 50%;  background-image: linear-gradient(transparent, #000);width: 100%; opacity: .5;z-index: 9;}
.toh-bottom{position: absolute; padding: 0 18px; line-height: 24px; border-radius: 12px;background: #fff;left: 10px;top: 10px;color: #FF5E17;font-size: 12px;}
.blog-image p{position: absolute; width: 100%;z-index: 10;left: 0;bottom: 14px; color: #fff;font-size: 14px; padding: 0 10px;}
.blog-image .time{display: inline-block;background: url(../images/icon7.png);width: 12px;height: 12px;background-size: 100% 100%;vertical-align: middle; margin: -3px 5px 0 0;}
.blog-text h2{font-weight: 700;font-size: 14px;color: #2F2F2F;line-height: 40px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.blog-lish a:hover img{transform: scale(1.1);}

.game-Items-content{margin: 20px 0 27px;}
.game-Items{padding: 45px 0 65px;}
.game-Items-content ul{display: flex;flex-wrap: wrap;gap:17px;}
.game-Items-content li{width: calc(14.28% - 102px/7);}
.game-Items-content li img{transition: all .5s;}
.game-Items-content li:hover{transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);border-radius: 8px;overflow: hidden;}
.game-Items-content li:hover img{transform: scale(1.1);}


/* .Cate-bg{background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);border-radius: 6px;overflow: hidden; } */

.best-content{display: flex;justify-content: space-between;flex-wrap: wrap;}
.best-left{width: calc(100% - 325px);}
.best-content{padding: 65px 0 0 0;}
.best-title h2{position: relative;display: inline-block; padding: 0 23px;font-weight: 700;color: #0F0F0F;font-size: 24px;line-height: 34px;}
.best-title h2:before{position: absolute;content: "";background: url(../images/a81.png);width: 23px;height: 34px;background-size: 100% 100%; left: 0;top: 0;}
.best-title h2:after{position: absolute;content: "";background: url(../images/a82.png);width: 23px;height: 34px;background-size: 100% 100%; right: 0;top: 0;}
.best-con{border-radius: 8px;background: #fff;margin-top: 20px;box-shadow:0 0 10px rgba(0, 0, 0, .1); padding: 10px; }
.best-con ul{display: flex;gap:35px;flex-wrap: wrap;}
.best-con li{width: calc(25% - 105px/4);}
.best-image {position: relative; border-radius: 8px; overflow: hidden; }
.best-image img{width: 100%;height: 100%; object-fit: cover;}
.new{position: absolute;left: 0;top: 0;color: #fff; line-height: 26px;border-radius: 8px 0 8px; padding: 0 19px;background-image: linear-gradient(to right, #f77134 , #fb3767);}
.best-text{display: flex;justify-content: space-between;padding-top: 14px;align-items: center; }
.best-text img{width: 100%;}
.best-r{width: calc(100% - 50px);}
.best-r h2{font-weight: 700;font-size: 16px;color: #0F0F0F; margin-bottom: 8px;}
.best-r p{font-size: 12px;color: #626262;}
.best-r p span{padding-right: 10px;}
.pic5{display: inline-block;background: url(../images/a74.png);width: 9px;height: 8px;vertical-align: middle; margin: -3px 5px 0 0;}
.ranking{width: 44px;}
.ranking_b{text-align: center;font-weight: 700;background: #fff2e9;border-radius: 6px; line-height: 40px;font-weight: 700;font-size: 17px;color: #FF5E17;width: 44px;height: 40px;}
.best-right{width: 305px;}

.Coins-items{border-radius: 8px; padding: 10px 10px 2px 10px;background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); margin-top: 20px; }
.Coins-items li{padding-bottom: 8px;}
.coins-box{border-radius: 6px;display: flex; justify-content: space-between;background: #ffeff1; padding: 10px;align-items: center;}
.coins-image{width:90px;display: flex;align-items: center;justify-content: space-between;}
.coins-image img{width: 68px;height: 68px;border-radius: 6px;}
.coins-image b{font-weight: 700;font-size: 17px;color: #FD4242;width: calc(100% - 68px);text-align: center;}
.coins-text{width: calc(100% - 90px);padding-left: 10px;}
.coins-text h2{font-weight: 700;font-size: 16px;color: #0F0F0F; margin-bottom: 6px;}
.coins-text p{font-size: 12px;color: #626262;}
.pic6{background: url(../images/a37.png);width: 9px;height: 9px;background-size: 100%;display: inline-block;vertical-align: middle; margin: -3px 1px 0 0;}
.coins-text p span{padding-right: 6px;}
.Coins-items ul li:nth-child(4) .coins-box{background: #fff;}
.Coins-items ul li:nth-child(5) .coins-box{background: #fff;}
.Coins-items ul li:nth-child(6) .coins-box{background: #fff;}
.Coins-items ul li:nth-child(4) .coins-image b{color: #999999;}
.Coins-items ul li:nth-child(5) .coins-image b{color: #999999;}
.Coins-items ul li:nth-child(6) .coins-image b{color: #999999;}

.iTunes{ padding-top: 15px;}
.iTunes ul{display: flex;flex-wrap: wrap;gap:20px;}
.iTunes li{width: calc(14.28% - 120px/7);}
.iTunes-box{border-radius: 6px;background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.iTunes-box-bottom{padding: 10px 6px;}
.iTunes-box h2{font-weight: 700;font-size: 13px;color: #0F0F0F;margin: 7px 0 7px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.iTunes-box span{display: block;border-radius: 6px; overflow: hidden;aspect-ratio: 150 / 190;}
.iTunes-box span img{width: 100%;height: 100%; object-fit: cover;transition: all .5s;}
.iTunes-box:hover span img{transform: scale(1.1);}

.Game-Items{display: flex;justify-content: space-between;gap:15px;padding: 50px 0 0 0;}
.Game{width: calc(50% - 15px/2);border-radius: 6px;background: #fff; box-shadow:0 0 10px rgba(0, 0, 0, .1); padding: 0 15px 15px 15px;}
.Game h1{display: flex;justify-content: space-between; padding: 30px 0 24px;align-items: center;}
.Game h1 b{font-weight: 700;font-size: 24px;color: #312E2C;}
.Game h1 a{font-weight: 700;font-size: 13px;color: #0B0B0B; padding-right: 10px;background: url(../images/a71.png) no-repeat right center;line-height: 24px;}
.Game-image{width: 60px;overflow: hidden;border-radius: 6px;aspect-ratio: 16 / 16;}
.Game-image img{width: 100%;height: 100%; object-fit: cover;}
.Game-box{display: flex;justify-content: space-between;align-items: center;}
.Game-text{width: calc(100% - 60px);padding-left: 10px;}
.Game-text h2{font-size: 12px;color: #0F0F0F;font-weight: 700;margin-bottom: 8px;}
.Game-text p{font-size: 10px;color: #626262;display: flex;gap:8px;border-radius: 4px;background: #fff2ed;padding: 4px;;}
.Game-text p span{display: flex;gap:2px;}
.Game-content ul{display: flex;gap:14px;flex-wrap: wrap;}
.Game-content li{width: calc(33.33% - 28px/3);}

.news{padding-top: 110px;}
.hot-news{position: absolute; color: #fff;font-weight: 700; left: 10px;top: 10px;padding: 0 10px;font-size: 12px; background-image: linear-gradient(to right, #ee3e62 , #ff6842);line-height: 18px;border-radius: 9px;font-style: italic;}

.Trustpilot-Reviews{padding: 60px 0 0 0;}
.Trustpilot{margin-top: 20px;}
.rating{width: 132px;display: flex;gap:2px;}
.Trustpilot-box{padding: 20px 15px;border-radius: 6px;background: #fff; box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.TrustpilotTrustpilot-title{display: flex;justify-content: space-between;align-items: center;}
.TrustpilotTrustpilot-title a{font-size: 13px;color: #535765;}
.TrustpilotTrustpilot-title a img{display: inline-block;vertical-align: middle; margin: -3px 4px 0 0;}
.TrustpilotTrustpilot-text{padding-top: 25px;}
.TrustpilotTrustpilot-text h2{font-weight: 700;font-size: 16px;color: #09175E;margin-bottom: 10px;}
.TrustpilotTrustpilot-text p{color: #09175E;font-size: 14px;line-height: 1.5;}
.TrustpilotTrustpilot-text h3{font-size: 12px;margin-top: 10px;color: #09175E;}
.TrustpilotTrustpilot-text h3 b{font-weight: bold;}
.Trustpilot{position: relative;}
.Trustpilot .swiper-button-next{width: 38px;height: 38px;border-radius: 50%; right: -60px; margin-top: -19px;background: url(../images/a96.png) no-repeat center center #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.Trustpilot .swiper-button-next:hover{background: url(../images/a98.png) no-repeat center center #fff;}
.Trustpilot .swiper-button-prev{width: 38px;height: 38px;border-radius: 50%; left: -60px; margin-top: -19px;background: url(../images/a95.png) no-repeat center center #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.Trustpilot .swiper-button-prev:hover{background: url(../images/a97.png) no-repeat center center #fff;}
.Trustpilot .swiper-button-next:after,.Trustpilot .swiper-button-prev:after{font-size: 0;}
.banner2 img{width: 100%; margin-top:85px;}

.Why-Choose{padding-top: 70px;}
.Hot-Selling-content ul{display: flex;gap:20px; padding-top: 30px;}
.Hot-Selling-content li{border-radius: 10px;background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);width: calc(33.33% - 40px/3); }
.Hot-Selling-box{padding: 35px 28px;display: flex;justify-content: space-between;}
.Hot-Selling-img{width: 73px;}
.Hot-Selling-img img{width: 100%;}
.Hot-Selling-text{width: calc(100% - 83px);}
.Hot-Selling-text h2{font-weight: 700;font-size: 18px;color: #09175E; margin-bottom: 10px;}
.Hot-Selling-text p{font-size: 14px;color: #09175E; line-height: 1.5;}

.Hot-Selling-6480{margin: 20px auto;position: relative;width: 1200px;max-width: 100%;margin-bottom: 36px;}
.Hot-Selling-nav-6480{display: flex;gap:8px;align-items: center;}
.Hot-Selling-nav-6480 .scroll-left,
.Hot-Selling-nav-6480 .scroll-right{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    position: static;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:0 0 10px rgba(0, 0, 0, .1);
    margin-top: -10px;
    background-color: #fff;
    z-index: 2;
    cursor: pointer;
}
.Hot-Selling-nav-6480 .scroll-right{
    background: url("/buffhub/images/a96.png") no-repeat center center #fff;
}
.Hot-Selling-nav-6480 .scroll-left{
    background: url("/buffhub/images/a95.png") no-repeat center center #fff;
}
.Hot-Selling-nav-6480 .scroll-right:hover{background: url("/buffhub/images/a98.png") no-repeat center center #fff;}
.Hot-Selling-nav-6480 .scroll-left:hover{background: url("/buffhub/images/a97.png") no-repeat center center #fff;}
.Hot-Selling-title-6480{display: flex; justify-content: space-between; align-items: center;width: 100%;}
.Hot-Selling-title-6480 h2{font-weight: bold;font-size: 24px;color: #312E2C;margin-bottom: 20px;}
.Hot-Selling-title-6480 h2 img {display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;}

/* 平滑滚动容器 */
.Hot-Selling-container-6480{
    position: relative;
    overflow: hidden;
    width: 100%;
}

.Hot-Selling-box-6480{
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    width: 100%;
    padding-bottom: 10px;
}

/* 隐藏滚动条 */
.Hot-Selling-box-6480::-webkit-scrollbar{
    display: none;
}

.Hot-Selling-box-6480 ul{
    display: flex;
    gap: 25px;
    width: max-content;
    margin: 0;
    padding: 0;
}

.Hot-Selling-box-6480 ul li{
    flex-shrink: 0;
    width: 300px;
    overflow: hidden;
}

.Hot-Selling-list-6480{  display: flex;background: #fff;border-radius: 8px; padding: 5px;border: 1px solid #E5E5E5;box-shadow: 0px 4px 10px 0px #F4FBFF;}
.Hot-Selling-img-6480{height: 73px; width:73px;margin-right: 6px;overflow: hidden;border-radius: 8px;}
.Hot-Selling-list-6480 img{width: 100%;  transition: transform 0.5s ease;}
.Hot-Selling-list-6480:hover img{transform: scale(1.2);}
.Hot-Selling-text-6480{ width: calc(100% - 79px); overflow: hidden; }
.Hot-Selling-text-6480 h2{
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #000000;
    margin: 10px 0;
    width: 100%;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}
.hotbox-6480{display: flex;align-items: center;}
.hotbox-6480{
    width: 100%;
    display: flex;
}
.hot-left-6480 {
    flex: 1;
}
.hot-left-6480 span.final-price-6480{font-size: 18px;color: #272727;font-weight: bold;padding-right: 2px;}
.hot-left-6480 span.market-price-6480{font-size: 16px;color: #646464;text-decoration: line-through;}
.hot-right-6480{
    flex-shrink: 0; 
}
.hot-right-6480 p.discount-price-6480{font-weight: 400;color: #fff;font-size:13px;background: linear-gradient(90deg, #FF5E17 0%, #FF1717 100%);;border-radius:5px;padding: 6px 10px;}

.best-seller {
    margin-bottom: 55px;
}

.best-seller ul li {
    cursor: pointer;
}

.best-seller-title {
    text-align: left;
    margin-bottom: 24px;
}

.best-seller-title h2 {
    font-size: 24px;
    font-weight: 700;
    color: #333;
}

.best-seller-content ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.best-seller-item {
    display: flex;
    align-items: flex-start;
    padding: 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
    position: relative;
    transition: all 0.3s ease;
}

.best-seller-item:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.best-seller-rank {
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #d8d8d8;
}

.best-seller-img {
    width: 294px;
    height: 136px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 16px;
}

.best-seller-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.best-seller-item:hover .best-seller-img img {
    transform: scale(1.1);
}

.best-seller-top-row {
    flex: 1;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.best-seller-info {
    flex: 1;
    margin-right: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.best-seller-info-top {
    display: block;
    align-items: center;
    gap: 8px;
}

.best-seller-info p {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    text-wrap: nowrap;
}

.best-seller-info p .best-seller-name {
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 0;
}

.best-seller-rating {
    font-size: 16px;
    color: #FFBF00;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}

.best-seller-rating img {
    vertical-align: middle;
    margin: 0;
    padding: 0;
    max-height: 16px;
    object-fit: contain;
}

.best-seller-tags {
    margin-top: 36px;
    display: flex;
    align-items: center;
    gap: 12px;
    
} 

.best-seller-tags p{
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
}

.best-seller-tags img{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.best-seller-info-top p{
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 1.2;
}

.best-seller-type {
    font-size: 14px;
    color: #2D78D2;
    font-weight: bold;
    background: #CFE6FF;
    padding: 4px 8px;
    border-radius: 8px;
}

.best-seller-platform {
    font-weight: bold;
    font-size: 18px;
    color: #474747;
    display: flex;
    align-items: center;
    gap: 4px;
}

.best-seller-stats {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
    align-self: flex-end;
}

.best-seller-stats p{
    display: flex;
    align-items: center;
    background: #D8D8D8;
    border-radius: 8px;
    overflow: hidden;
    margin: 0;
    height: 40px;
    width: 240px;
}

.best-seller-views {
    font-size: 12px;
    color: #3D3D3D;
    white-space: normal;
    word-wrap: break-word;
    padding: 14px 0px;
    width: 90px;
    text-align: center;
}

.best-seller-sold {
    font-size: 16px;
    font-weight: 600;
    color: #3D3D3D;
    background: #F9F9F9;
    white-space: normal;
    word-wrap: break-word;
    padding: 14px 0px;
    border-radius: 8px 0 0px 8px;
    width: 150px;
    text-align: center;
}

.best-seller-buy {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #333;
    padding: 14px 30px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    text-decoration: none;
}

.best-seller-buy:hover {
    background: #555;
    transform: translateY(-1px);
}

.loading-image{
    text-align: center;
    padding: 10px 0;
    display:none;
}

.loading-image img{
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
    display: inline-block;
    vertical-align: middle;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* @media (hover: hover) and (pointer: fine) {
    .Hot-Selling-box-6480 a:hover .Hot-Selling-list-6480 {
        transform: translateY(-5px);
    }
} */
.category-index{
    display: none;
}

@media (max-width: 1340px) {
    .Trustpilot .swiper-button-next{ right: -30px;}
    .Trustpilot .swiper-button-prev{ left: -30px;}

}

@media only screen and (min-width: 950px) and (max-width: 1200px) {
    /* .headertop .header-actions{gap:12px}
    .header-actions .buttonbox{width:176px} */
    .main-content{width: 100%; margin: 0 auto;}
    .game ul{gap:10px;}	
    .game li a{padding: 0 15px;}
    .games li{width: calc(25% - 60px/4);}
    .Hot-Selling-nr li{width: calc(20% - 85px/5);}
    .blog-lish ul{gap:20px;}
    .blog-lish li{width: calc(25% - 60px/4);}
    .game-Items-content li{width: calc(20% - 85px/5);height:auto}
    .Sell-content ul{display: flex;flex-wrap: wrap;gap:20px;}
    .Sell-content li{width: calc(50% - 20px/2);}
    .iTunes li{width: calc(20% - 80px/5);}
    .Game-content li{width:calc(50% - 14px/2) ;}
    .Trustpilot{padding: 0 50px;}
    .Trustpilot .swiper-button-next{right: 0;}
    .Trustpilot .swiper-button-prev{left: 0;}
    .Hot-Selling-box{padding: 30px 15px;}
    .Hot-Selling-img{width: 45px;}
    .Hot-Selling-text{width: calc(100% - 50px);}
    
}
@media (max-width: 375px) {
    .Hot-Selling-list-6480 img{height: 1.2rem;width: 1.2rem;max-height: 66px;}
    .Hot-Selling-text-6480{
        padding: .18rem;
    }
    .fsnr{font-size: .16rem;}
}
@media (max-width: 950px){
    .Sell-text{padding: .3rem .2rem;}
    .Sell-text h2{font-size: .3rem;}
    .Sell-box .Sell-bottom span{font-size: .2rem;gap:10px;color: #272727;}
    .Hot-Selling-6480{margin-bottom: 10px;}
    .Hot-Selling-img-6480{width: 50px;height: 50px;}
	.Hot-Selling-title-6480{margin-bottom: 5px;}
    .Hot-Selling-title-6480 h2{font-size: 14px;margin-bottom:10px;}
	.Hot-Selling-text-6480 h2{font-size: 14px;height: 14px;line-height: 14px;margin: 0px auto;}
    .hotbox-6480{height: 20px;margin-top: 10px;}
    .hot-left-6480 span.final-price-6480{font-size: 14px;font-weight: 600;color: #FF5E17;}
    .hot-left-6480 span.market-price-6480{font-size: 12px;font-weight: 400;color: #999;padding-left: 4px;}
    .hot-right-6480 p.discount-price-6480{font-size: 12px;font-weight: 400;color: #fff;padding: 0px 8px;height: 20px;line-height: 20px;}
    .Hot-Selling-text-6480{ width: calc(100% - 50px); overflow: hidden;height: 50px; padding: 5px 0;}
    .Hot-Selling-box-6480 ul li{width: 240px}
    
    .Hot-Selling-nav-6480{display: none;}
    .bfb{width: 42px;padding-left: 10px;}
    .category-index{
        width: 100%;
        display: block;
        position: fixed;
        top: 1.7rem;
        z-index: 96;
        height: 30px;
        padding:0 10px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border:none;
        background: #F4F6FA;
    }
    .category-index ul {
        display: flex;
        gap: .3rem;
        white-space: nowrap;
        margin: 0 auto;
        align-items: center;
        height: 100%;
    }
    .category-index ul li{
        padding: 5px 10px;
        background: #FCFCFC;
    }
    .category-index a {
        width: 100%;
        border-radius: 4px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #504E4E;
    }
    .Hot-Selling{margin-bottom:20px}
    .Hot-Selling-title h2{font-size: 14px !important;}
    .Hot-Selling-title p{font-size: 12px !important;}
    .Cate h2{font-size: 10px !important;line-height: 12px;margin-bottom: 8px;height: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .Cate span b, .Cate span em{display: none;}
    .Cate-text,.iTunes-box-bottom{padding: 6px 3px 10px 6px;}
    .Cate span p{display: flex;}
    .game-Items{padding: .4rem 0 .5rem;}
    .game-Items-content ul{gap:.2rem;}
    .game-Items-content li{width: calc(33.33% - .4rem/3);;height:auto}
    .fsnr{padding-left: 4px;}
    .fsnra{display: none;}
    .fsnr em{display: none;}

    .blog-content{padding: 32px 0 0 0;}
    .blog-lish{padding: 20px 0 25px;}
    .blog-lish ul{gap:.2rem;}
    .blog-lish li{width: calc(50% - .2rem/2);}

    .Sell-content{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: .2rem 0;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .Sell-content::-webkit-scrollbar{
        display: none;
    }
    .Sell-content ul{
        display: flex;
        gap: .2rem;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 .2rem;
    }
    .Sell-content li{
        width: calc(100% - .4rem);
        flex-shrink: 0;
    }

    .iTunes ul{gap:0.2rem;}
    .iTunes li{width: calc(33.33% - .4rem/3);height:auto;}

    .Trustpilot-Reviews{padding: 32px 0 0 0;}
    .Trustpilot .swiper-slide{width: calc(100%);}

    .Why-Choose{padding-top: 32px;}
    .Hot-Selling-content{padding-top: 18px;}
    .Hot-Selling-content ul{display:contents;}
    .Hot-Selling-content li{width: calc(100%);height:auto;margin-bottom: 10px;}

    .banner2 img{margin-top: 32px;}
    .waysleft{display: none;}
    .waysbox .box{width: calc(100%);}

    .Trustpilot .swiper-button-next{display: none;}
    .Trustpilot .swiper-button-prev{display: none;}

    .game-list ul li:nth-child(n+10){
        display: none;
    }
    .game-list.expanded ul li:nth-child(n+10){
        display: block;
    }

    .best-seller-item {
        display: block;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 12px;
        align-items: flex-start;
        gap: 12px;
    }

    .best-seller-rank {
        position: absolute;
        top: 12px;
        right: 12px;
        font-size: 18px;
        width: 28px;
        height: 28px;
    }

    .best-seller-top-row {
        flex: 1;
        display: flex;
        gap: 12px;
        align-items: flex-start;
    }

    .best-seller-img {
        width: 147px;
        height: 68px;
        margin-right: 12px;
        margin-bottom: 0;
        flex-shrink: 0;
    }

    .best-seller-info {
        flex: 1;
        margin-right: 0;
    }

    .best-seller-info p {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .best-seller-info p .best-seller-name {
        max-width: 60%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .best-seller-rating {
        font-size: 11px;
    }

    .best-seller-rating img {
        height: 11px;
        width: 11px;
    }

    .best-seller-type {
        font-size: 11px;
        padding: 4px 8px;
    }

    .best-seller-platform {
        font-size: 11px;
    }

    .best-seller-tags {
        margin-top: 6px;
    }

    .best-seller-tags img {
        width: 12px;
        height: 12px;
    }

    .best-seller-stats {
        flex: 1;
        flex-direction: row;
        align-items: center;
        gap: 30px;
        margin-top: 10px;
        justify-content: flex-start;
    }

    .best-seller-stats p {
        flex-direction: row;
        height: 30px;
        width: auto;
        flex: 1;
    }

    .best-seller-views {
        padding: 10px;
        text-align: center;
        width: 46%;
        font-size: 10px;
    }

    .best-seller-sold {
        padding: 10px 0px;
        text-align: center;
        width: 60%;
        font-size: 10px;
    }

    .best-seller-buy {
        width: auto;
        text-align: center;
        padding: 10px 24px;
        font-size: 11px;
        flex-shrink: 0;
    } 
}

.Hot-Selling-box-6480 {
    width: 100%;
}
@keyframes limited-discount-marquee {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}

.Hot-Selling-box-6480 ul{
  display: flex;
  width: max-content;
  animation: limited-discount-marquee 20s linear infinite;
  will-change: transform;
}

.Hot-Selling-box-6480:hover ul{
  animation-play-state: paused;
}