@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); }
.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;}
.Sell-text h2{font-weight: 700;font-size: 16px;color: #000000;margin: 18px 0;}
.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{padding-top: 55px;width: 100%; margin: 0 auto;}
.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 span{display: block;overflow: hidden; position: relative;width: 100%;}
.Cate span 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;
}
.Cate span p img{
    width: auto;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
}
.Cate span img{width: 100%;height: 100%; object-fit: cover;border-radius:8px 8px 0 0;}
.Cate-text{padding:6px 3px 14px 9px;}
.Cate h2{font-weight: 700;font-size: 12px;color: #0F0F0F;margin-bottom: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cotebottom{display: flex;justify-content: space-between;background: #FFF2ED;align-content: center;height: 22px;border-radius: 4px;overflow: hidden;}
.fsnr{display: flex;gap:3px;align-items: center; font-size: 10px;color: #626262;text-align: center;}
.fsnr p{padding:0 2px}
.fsnra{line-height: 22px;font-size: 10px;color: #626262;font-weight: 700;display: flex;align-items: center;}
.fsnra p{font-size: 10px;color: #626262;}
.fsnra em{color: #F7E8E2;}
.bfb{width: 41px;line-height: 22px;background: url(../images/a36.png) no-repeat center center;background-size: 100% 100%;text-align: center;color: #fff;font-weight: bold;font-size: 10px;}
.xtb1{background: url(../images/a35.png);width: 10px;height: 10px; margin:0 3px 0 0;background-size: 100% 100%;} 
.xtb2{background: url(../images/a37.png);width: 10px;height: 10px; margin:0 3px 0 0;background-size: 100% 100%;}
.Cate span 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;}
.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{padding: 45px 0 0 0;}
.blog-lish{padding: 35px 0 40px;}
.blog-lish ul{display: flex;gap:35px;flex-wrap: wrap;}
.blog-lish li{width: calc(25% - 105px/3);}
.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);}


/* .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;}
.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;}

.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: 130px 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: 0 auto;position: relative;width: 1200px;max-width: 94%;}
.Hot-Selling-nav-6480{display: flex;gap:8px;align-items: center;}
.Hot-Selling-nav-6480 .swiper-button-next,
.Hot-Selling-nav-6480 .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;
}
.Hot-Selling-nav-6480 .swiper-button-next{
    background: url("/buffhub/images/a96.png") no-repeat center center #fff;
}
.Hot-Selling-nav-6480 .swiper-button-prev{
    background: url("/buffhub/images/a95.png") no-repeat center center #fff;
}
.Hot-Selling-box-6480.swiper{overflow-y: visible !important;}
.Hot-Selling-nav-6480 .swiper-button-next:hover{background: url("/buffhub/images/a98.png") no-repeat center center #fff;}
.Hot-Selling-nav-6480 .swiper-button-prev:hover{background: url("/buffhub/images/a97.png") no-repeat center center #fff;}
.Hot-Selling-nav-6480 .swiper-button-next:after,.Hot-Selling-nav-6480 .swiper-button-prev:after{font-size: 0;}
.Hot-Selling-title-6480{display: flex; justify-content: space-between; align-items: center;margin-bottom: 20px;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-box-6480 ul{display: flex;}
.Hot-Selling-box-6480 li{width: auto;flex-shrink: 0;}
.Hot-Selling-box-6480 .swiper-slide{width: auto;}
.Hot-Selling-box-6480 .swiper-wrapper{transition-duration: 0.3s;}
.Hot-Selling-box-6480 .swiper-wrapper{
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.Hot-Selling-box-6480 .swiper-slide{
    flex-shrink: 0;
    width: auto;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.Hot-Selling-list-6480{background: url("/buffhub/images/sa132.png") no-repeat center top;background-size: 100% auto; padding-top: 20px; position: relative;transition: all .5S;}
.Hot-Selling-list-6480 img{width: 66px; position: absolute;left: 10px;top: -12px;}
.Hot-Selling-text-6480{border-radius: 8px;background: #fff; padding: 12px;}
.Hot-Selling-text-6480 h2{font-weight: bold;font-size: 12px;color: #000000;margin-bottom: 11px;text-align: right;}
.Hot-Selling-text-6480 h2{
    width: calc(100% - 66px);
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right;
    float: right;
}
.hotbox-6480{display: flex;justify-content: space-between;align-items: center;}
.hotbox-6480{
    width: 100%;
}
.hot-left-6480 span{font-size: 10px;color: #272727;}
.hot-left-6480 span b{font-size: 10px;font-weight: bold;}
.hot-right-6480 p{font-weight: bold;font-size: 10px;color: #FF5E17;}
.xtb2 {display: inline-block;
    background: url("/buffhub/images/a37.png");
    width: 10px;
    height: 10px;
    margin: 0 3px 0 0;
    background-size: 100% 100%;
}

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

@media only screen and (min-width: 950px) and (max-width: 1340px) {
    .main-navigation .nav-menu{gap: 28px}
    .headertop .header-actions{gap:20px}
    .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-top: 20px;}
	.Hot-Selling-title-6480{margin-bottom: 5px;}
	.Hot-Selling-title-6480 h2{font-size: 14px;}
    .Hot-Selling-nav-6480{display: none;}
    .category-index{
        display: none;
        position: sticky;
        top: .99rem;
        z-index: 96;
        padding:0 10px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border:none;
        background: #f5f5f5;
    }
    .category-index ul {
        display: flex;
        gap: 12px;
        white-space: nowrap;
        padding: 10px 0;
    }
    /* .category-index li {
        width: calc(20% - 64px/5);
    } */
    .category-index a {
        width: 100%;
        border-radius: 4px;
        color: #FFF;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px 10px;
        background: #FF5E17;
    }
    .Hot-Selling{padding-top: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;}
    .Cate span b, .Cate span em{display: none;}
    .Cate-text{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}
    .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;}
    
    .footer-content{padding: 32px 0 0 0;}
}