/* 首页-轮播 */
.index-banner{ position: relative; width: 100%; overflow: hidden; height: 494px; background-color: #24232C;}
.index-banner .swiper-container{ margin-top: 36px; width: 100%; height: 394px; overflow: visible!important;}
.index-banner .swiper-slide{ position: relative; width: 1280px; border-radius: 10px; overflow: hidden;}
.index-banner .swiper-slide img{ width: 100%; height: 394px; border-radius: 10px; object-fit: cover;}
.index-banner .swiper-slide-prev{ margin-top: 10px; height: 374px!important;}
.index-banner .swiper-slide-prev img{ height: 374px!important;}
.index-banner .swiper-slide-next{ margin-top: 10px; height: 374px!important;}
.index-banner .swiper-slide-next img{ height: 374px!important;}
.index-banner .swiper-slide-active{ width: 1280px;}
.index-banner .swiper-pagination{ bottom: 20px!important;}
.index-banner .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; background-color: #fff;}
.index-banner .swiper-pagination .swiper-pagination-bullet-active{ width: 28px; height: 8px; background-color: #fff; border-radius: 4px;}
.index-banner .swiper-words{ color: #fff; position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; padding: 10px 40px; font-size: 18px; font-weight: 700; line-height: 20px; background-color: rgba(0,0,0,.7); display: none;}
.index-banner .swiper-title{ font-size: 26px; line-height: 42px;}
.index-banner .swiper-slide-active .swiper-words{ display: block;}
.index-banner .swiper-des{ height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.index-banner .swiper-slide::before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.6); z-index: 1; transition: opacity .3s;}
.index-banner .swiper-slide-active::before{ opacity: 0;}

.index-banner .banner-prev, .index-banner .banner-next{ position: absolute; top: 50%; width: 56px; height: 56px; margin-top: -28px; border-radius: 50%; cursor: pointer; z-index: 10; opacity: 0; transition: opacity .3s; background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}
.index-banner .banner-prev{ left: 45%; margin-left: -420px; background-image: url(/static/pc/img/swiper-button-prev.png);}
.index-banner .banner-next{ right: 45%; margin-right: -420px; background-image: url(/static/pc/img/swiper-button-next.png);}
.index-banner:hover .banner-prev, .index-banner:hover .banner-next{ opacity: 1;}


/*首页头条*/

.home-mid{ width: 1280px; margin: 10px auto 0; overflow: hidden;}
.home-mid > div{ float: left; border-radius: 12px; overflow: hidden;}
.home-banner{ width: 400px; margin-right: 20px;}
.home-toutiao{ width: 480px; margin-right: 20px;}
.home-gift{ width: 360px;}
.box-title{ height: 40px; line-height: 40px;     margin: 15px 8px;overflow: hidden;}
.box-title span{ float: left; font-size: 23px; font-weight: bold; color: #333;}
.box-title .more{ float: right; font-size: 14px; color: #999;}
.box-title .more:hover{ color: #5298ff;}



/*首页头条结束*/

.home-article-wrap{width:1280px;margin:10px auto 0;overflow:hidden;gap:20px;}
.home-article-wrap .home-news-col,.home-article-wrap .home-guide-col{flex:1;background:#fff;border-radius:12px;padding:14px;overflow:hidden;}
.home-article-wrap .article-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #f5f5f5;overflow:hidden;}
.home-article-wrap .article-item:last-child{border-bottom:0;}
.home-article-wrap .article-img{width:160px;height:90px;border-radius:8px;flex-shrink:0;overflow:hidden;}
.home-article-wrap .article-img img{width:100%;height:100%;object-fit:cover;display:block;}
.home-article-wrap .article-text{overflow:hidden;}
.home-article-wrap .article-text h3{font-size:15px;color:#333;font-weight:600;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;}
.home-article-wrap .article-text h3:hover{color:#5298ff;}
.home-article-wrap .article-text p{font-size:13px;color:#999;line-height:20px;max-height:40px;overflow:hidden;}


/* 首页-公共标题 */
.public-index-wrap {display: flex;justify-content: space-between;max-width: 1280px;}
.public-index-wrap.min{width: 970px;}
.public-index-title{ height: 40px;line-height: 40px; font-size: 25px; font-weight: 700; margin: 15px 8px;}
.public-index-more {line-height: 40px;margin-right: 30px;display: flex;align-items: center;}
.public-index-more::after {display: block;content: " ";width: 8px;height: 8px;border-top: 1px solid #000;border-right: 1px solid #000;transform: rotate(45deg);margin-left: 4px;}

/* 新游抢先玩 */
.index-new{ overflow: hidden; margin: 30px auto 0;}
.index-new__con{ overflow: hidden;}
.index-new__left{ width: 970px; height: 536px; overflow: hidden; float: left;}
.index-new__left .item{ float: left; width: 300px; height: 260px; border-radius: 12px; overflow: hidden; margin-right: 20px; margin-bottom: 16px; background-color: #fff;font-size: 18px;box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.02);}
.index-new__left .item:hover .tit{ color: #ffae00;}
.index-new__left .item-pic{
    position: relative; height: 172px; overflow: hidden;
}
.index-new__left .item-default{
    position: absolute;top: 0; right: 0; bottom: 0; left: 0; height: 172px; overflow: hidden;
    background:#eee url(/static/pc/img/bg_default.png) center no-repeat;
}
.index-new__left .item-img{ position: absolute; top: 0; right: 0;left: 0; z-index: 2; display: block; width: 100%; height: 100%;object-fit: cover;}
.index-new__left .item-info{ position: relative; overflow: hidden; padding-left: 90px; height: 88px; }
.index-new__left .item-info .pic{ position: absolute; left: 17px; top: 14px; width: 60px; height: 60px; border-radius: 8px; overflow: hidden;}
.index-new__left .item-info .pic-default{
    position: absolute;top: 0; right: 0; bottom: 0; left: 0; height: 60px; overflow: hidden;
    background:#eee url(/static/pc/img/bg_default_small.png) center no-repeat;
}
.index-new__left .item-info .pic-img{ position: absolute; top: 0; right: 0;left: 0; z-index: 2; display: block; width: 100%; height: 100%;}

.index-new__left .tit{height: 30px; line-height: 30px; font-size: 18px;font-weight: 700;color: #292929; margin-top: 14px; overflow: hidden;}
.index-new__left .score{ position: relative;height: 24px; line-height: 24px;font-weight: bold;color: #FFAE00; padding-left: 20px;margin-top: 5px;}
.index-new__left .score::before{
    content: ""; position: absolute; left: 0; top: 5px; width: 14px; height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAS1BMVEUAAAD/rwD/rwD/rwD/rwD/wAD/rwD/rwD/rwD/rwD/rwD/sAD/rwD/sQD/sQD/sgD/rwD/rgD/rwD/sAD/rgD/sAD/rwD/uwD/rgBYkWKHAAAAGHRSTlMA4M+4ewfv2cLAk1g8Nigao6FgXlVNEA+DVe+fAAAAWklEQVQI103MRw7AIAxE0SH0nh7uf9KAJQv+xnoLD6hibcHMt+anUuslUF++xKA48wuotqRgVhrsKw9oOSU1oDfW1gUEZsBIMiVRMAXR9a8Y+4IjVnWP86gK/Bi2CksPtNvWAAAAAElFTkSuQmCC) no-repeat;
}
.index-new__right{ float: right; width: 310px; height: 536px; background-color: #fff; border-radius: 17px; overflow: hidden;
    text-align: center;}
.index-new__right .hd{ height: 380px; overflow: hidden; background-color: #FBE01F;}
.index-new__right .hd-t{line-height: 36px;font-size: 20px;font-weight: bold;color: #292929; margin-top: 30px;}
.index-new__right .hd-words{height: 30px;line-height: 30px;font-size: 19px;font-weight: 700;color: #292929;}
.index-new__right .hd-code{
    width: 150px; height: 150px; border-radius: 16px; margin: 15px auto 0; overflow: hidden;
    border: 10px solid #fff; display: block;
}
.index-new__right .hd-sao{line-height: 34px;font-size: 14px;font-weight: 700;color: #292929; margin-top: 10px;}
.index-new__right .down-btn{ height: 54px; line-height: 54px; border-radius: 40px; display: block; margin: -32px 36px 0;background-color: #feda43; border: 2px solid #fff; box-shadow: 0 0 10px #e8e8e8; font-size: 16px;}
.index-new__right .down-btn>span{ position: relative; padding-left: 24px; display: inline-block; height: 30px;line-height: 30px; vertical-align: middle;}
.index-new__right .down-btn>span::before{
    content: ""; position: absolute; left: 0; top: 5px; width: 18px; height: 19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAMAAACqTK3AAAAAV1BMVEUAAAAzMzM0NDQ0NDQzMzM1NTU6Ojo3NzdISEgzMzMzMzMzMzM5OTkzMzM0NDQ0NDQ2NjYzMzM0NDQzMzMzMzM0NDQ5OTkzMzMzMzMzMzMzMzM0NDQzMzNTksTZAAAAHHRSTlMA17s1UDIWDQa1mEUf31RMD+Stn4g7CfPHwJB/g5xWUwAAAH5JREFUGNOt0LkOAyEMRVEbMuwMzJrt/f93RkPEUqXKLZA4hSWbSlZfb9ioN68rsxNTF/O6A3CPzTTa2aHkqpxW1MpMlXK+tbL2ihYIidYksBDAIzHwL5IXRYiRLCLp4xzJHN8LdAp1Iw+8U9oBSTUFeKIZML+InqyIQrTl8wFJLBJ9ulml2wAAAABJRU5ErkJggg==) no-repeat;
}
.index-new__right .bottom{ color: #292929; font-size: 14px; line-height: 26px; margin-top: 20px;}
.index-new__right .bottom-btn{ display: block; margin: 10px auto; width: 56px;height: 22px; line-height: 22px; text-align: center; background-color: #FEDA43;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.07);border-radius: 47px;}

/* 排行榜 */
.index-ranking{ overflow: hidden; margin: 10px auto 0; width: 1500px;}
.index-ranking__con{ overflow: hidden;}
.index-ranking__box{ width: 410px; height: 690px; border-radius: 20px; overflow: hidden; background-color: #fff; float: left; margin-right: 25px;box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.02);}
.index-ranking__box .title{ position: relative; display: block; height: 60px; line-height: 60px; font-size: 24px; font-weight: 700; padding: 0 20px; margin-top: 12px;}
.index-ranking__box .title>span{ display: inline-block;}
.index-ranking__box .title .more{ position: absolute; right: 20px; font-size: 16px; color: #666;}

.index-ranking__list{ overflow: hidden; padding: 0 10px;}
.index-ranking__list a{ display: block; padding: 20px 0; overflow: hidden;}
.index-ranking__list a:hover .info-tit{ color: #ffae00;}
.index-ranking__list .l{ width: 30px; line-height: 80px; text-align: center; font-weight: 700; font-weight: 700; float: left; margin-right: 5px;}
.index-ranking__list .pic{ position: relative; width: 80px; height: 80px; border-radius: 10px; overflow: hidden; float: left; }
.index-ranking__list .pic-default{
    position: absolute;top: 0; right: 0; bottom: 0; left: 0; height: 80px; overflow: hidden;
    background:#eee url(/static/pc/img/bg_default_small.png) center no-repeat;
}
.index-ranking__list .pic-img{ position: absolute; top: 0; right: 0;left: 0; z-index: 2; display: block; width: 100%; height: 100%;}
.index-ranking__list .info{ float: left; padding-left: 10px; width: 255px; overflow: hidden; }
.index-ranking__list .info-tit{ font-weight: 700; font-size: 18px; height: 30px; line-height: 30px; overflow: hidden;}
.index-ranking__list .info-tag{ height: 20px; line-height: 20px; overflow: hidden;}
.index-ranking__list .info-tag>span{ position: relative; display: inline-block; padding-right: 5px; color: #999;
    font-size: 12px;}
.index-ranking__list .info-tag>span::after{
    content: ""; position: absolute; top: 50%; right: -1px; transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 3px; height: 3px; opacity: .5; border-radius: 50%; background-color: #999;
}
.index-ranking__list .info-tag>span:last-of-type::after{
    width: 0;
}
.index-ranking__list .info-score{ position: relative;height: 24px; line-height: 24px;font-weight: bold;color: #FFAE00; padding-left: 20px;margin-top: 5px; font-size: 18px;}
.index-ranking__list .info-score::before{
    content: ""; position: absolute; left: 0; top: 5px; width: 14px; height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAS1BMVEUAAAD/rwD/rwD/rwD/rwD/wAD/rwD/rwD/rwD/rwD/rwD/sAD/rwD/sQD/sQD/sgD/rwD/rgD/rwD/sAD/rgD/sAD/rwD/uwD/rgBYkWKHAAAAGHRSTlMA4M+4ewfv2cLAk1g8Nigao6FgXlVNEA+DVe+fAAAAWklEQVQI103MRw7AIAxE0SH0nh7uf9KAJQv+xnoLD6hibcHMt+anUuslUF++xKA48wuotqRgVhrsKw9oOSU1oDfW1gUEZsBIMiVRMAXR9a8Y+4IjVnWP86gK/Bi2CksPtNvWAAAAAElFTkSuQmCC) no-repeat;
}

/* 游戏资讯 */
.index-information{ margin-top: 10px; width: 1500px; overflow: hidden;}

/* 发现好游戏+热门游戏 */
.index-find-hot{display:flex;gap:20px;align-items:flex-start;margin-top:10px;}
.index-find{width:945px;overflow:hidden;flex-shrink:0;}
.index-find__con{position:relative;border-radius:14px;overflow:hidden;height:394px;background-color:#fff;padding-left:140px;}
.index-find__con .left{position:absolute;left:0;top:0;width:120px;height:394px;}
.index-find__con .left-item{width:80px;height:36px;line-height:36px;text-align:center;background-color:#f5f5f5;border-radius:18px;display:block;margin:26px auto 0;cursor:pointer;}
.index-find__con .active{background-color:#FEDA43;}
.index-find__con .right{overflow:hidden;}
.index-find__con .right-box{overflow:hidden;padding-top:25px;}
.index-find__con .rb-item{display:block;width:70px;height:100px;overflow:hidden;text-align:center;float:left;margin:0 30px 24px 0;}
.index-find__con .rb-pic{position:relative;width:70px;height:70px;border-radius:9px;overflow:hidden;}
.index-find__con .rb-default{position:absolute;top:0;right:0;bottom:0;left:0;height:70px;overflow:hidden;background:#eee url(/static/pc/img/bg_default_small.png) center no-repeat;}
.index-find__con .rb-img{position:absolute;top:0;right:0;left:0;z-index:2;display:block;width:100%;height:100%;}
.index-find__con .rb-words{height:30px;line-height:30px;font-size:14px;font-weight:700;}
.index-find__con .rb-item:hover .rb-words{color:#ffae00;}
.index-hot{width:310px;}
.index-find__con .J_tabList{display:none;}
.index-find__con .J_tabList.show{display:block;}
.home-gift{flex:1;min-width:310px;}
/* 右：礼包领取（加奖励内容灰色行） */
.gift-box{padding:8px 10px 0px;    background-color: #fff;    border-radius: 14px;}
.gift-list li{padding:8px 0;border-bottom:1px solid #f5f5f5;position:relative;min-height:60px;}
.gift-list li:last-child{border-bottom:0;}
.gift-icon{float:left;width:50px;height:50px;margin-right:10px;}
.gift-icon img{width:50px;height:50px;border-radius:10px;display:block;object-fit:cover;}
.gift-info{overflow:hidden;padding-right:56px;}
.gift-name{display:block;font-size:15px;color:#333;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;}
.gift-name:hover{color:#5298ff;}
.gift-reward{font-size:12px;color:#999;line-height:18px;height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gift-type{display:inline-block;font-size:12px;color:#ff6b35;background-color:#fff2ec;padding:1px 6px;border-radius:4px;margin-right:6px;}
.gift-num{font-size:12px;color:#999;}
.gift-btn{position:absolute;right:0;top:50%;margin-top:-14px;width:48px;height:28px;line-height:28px;text-align:center;background-color:#5298ff;color:#fff;font-size:13px;border-radius:14px;}
.gift-btn:hover{background-color:#3a82f0;}


/*开服表*/
/*开服表*/
.index_kfb{border-radius:14px;overflow:hidden;background:#fff;padding:5px 15px;box-sizing:border-box;}
.index_kfb .kfb-tab{display:flex;justify-content:center;gap:40px;margin-bottom:12px;border-bottom:1px solid #eee;}
.index_kfb .kfb-tab .tab-item{font-size:16px;padding:8px 0;color:#333;cursor:pointer;position:relative;text-align: center;width: 50%;}
.index_kfb .kfb-tab .tab-item.current{color:#ff7417;}
.index_kfb .kfb-tab .tab-item.current::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:#ff7417;}
.index_kfb .open-server-header{display:flex;padding-bottom:5px;border-bottom:1px solid #eee;}
.index_kfb .open-server-header .col-name{width:223px;height:32px;line-height:32px;font-size:14px;color:#a8a8a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px;}
.index_kfb .open-server-header .col-server{width:110px;height:32px;line-height:32px;font-size:14px;color:#a8a8a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px;}
.index_kfb .open-server-header .col-time{width:120px;height:32px;line-height:32px;font-size:14px;color:#a8a8a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px;}
.index_kfb .swiper-container{display:flex;flex-direction:column;height:360px;box-sizing:border-box;overflow:hidden;padding-bottom:12px;}
.index_kfb .swiper-wrapper{flex:1;}
.index_kfb .open-server-list{margin:0;padding:0;list-style:none;height:318px;width:100%;box-sizing:border-box;overflow:hidden;}
.index_kfb .open-server-list li{height:40px;line-height:40px;border-bottom:1px solid #f7f7f7;transition:all .4s;padding:3px 0;}
.index_kfb .open-server-list li:last-child{border-bottom:none;}
.index_kfb .open-server-list li a{display:flex;align-items:center;width:100%;height:100%;text-decoration:none;}
.index_kfb .open-server-list li:hover{background:#FF7417;}
.index_kfb .open-server-list li a .col-name{width:223px;font-size:13px;color:#3c3c3c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px;transition:all .4s;}
.index_kfb .open-server-list li a .col-server{width:110px;font-size:12px;color:#f25277;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px;transition:all .4s;}
.index_kfb .open-server-list li a .col-time{width:120px;font-size:12px;color:#a8a8a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px;transition:all .4s;}
.index_kfb .open-server-list li:hover a span{color:#fff !important;}
.index_kfb .swiper-pagination{width:100%;height:8px;position:relative;z-index:3;text-align:center;margin-top:5px;}
.index_kfb .swiper-pagination ul{height:100%;display:inline-table;vertical-align:text-top;position:relative;}
.index_kfb .swiper-pagination span{display:inline-block;*display:inline;zoom:1;width:30px;height:5px;border-radius:5px;background:gray;margin:0 4px;cursor:pointer;}
.index_kfb .swiper-pagination span.swiper-pagination-bullet-active{background:#ff950d !important;}



/*首页最新游戏*/
.home-game-slide-wrap{width:100%;max-width:1400px;box-sizing:border-box; margin-bottom: 40px;margin-top: 30px;}
.home-game-slide-wrap__list{display:flex;gap:25px;}
.home-game-slide-wrap__card{flex:1;display:block;background:#fff;border-radius:6px;overflow:hidden;text-decoration:none;color:#222;box-shadow:0 2px 12px rgba(0,0,0,0.08);transition:all 0.25s;}
.home-game-slide-wrap__card-img{width:100%;height:188px;overflow:hidden;position:relative;}
.home-game-slide-wrap__card-img img{width:auto;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 0.25s;}
.home-game-slide-wrap__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:0.25s;z-index:2;}
.home-game-slide-wrap__btn{background:#ff9549;color:#ffffff;padding:8px 28px;border-radius:30px;font-weight:bold;font-size:18px;}
.home-game-slide-wrap__card:hover .home-game-slide-wrap__overlay{opacity:1;}
.home-game-slide-wrap__card:hover img{transform:scale(1.05);}
.home-game-slide-wrap__card-info{padding:16px 12px;}
.home-game-slide-wrap__name{font-size:18px;margin:0 0 8px 0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.home-game-slide-wrap__desc{font-size:14px;color:#777;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*首页用户中心*/
.home_wrap{display: flex;gap: 20px;width: 1280px;margin: 30px auto 0;overflow: hidden;}
.home_user{width:270px;background:#fff;border-radius:12px;padding:20px 20px 5px 20px;flex-shrink:0;}
.home_user .user-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;}

.home_user .user-info{flex:1;margin-left: 10px;}
.home_user .user-name{font-size:14px;font-weight:bold;margin-bottom:4px;}
.home_user .logout{color:#666;font-size:16px;cursor:pointer;}
.home_user .balance-row{display:flex;gap:24px;margin:8px 0;font-size:13px;}
.home_user .balance-num{color:#f56c24;font-weight:bold;}
.home_user .vip-tag{display:inline-block;background:#ccc;color:#fff;padding:2px 8px;border-radius:4px;font-size:13px;margin:5px 0;}
.home_user .progress-bar{width:100%;height:14px;background:#e5e7eb;border-radius:99px;margin:8px 0;overflow:hidden;}
.home_user .progress-inner{width:25%;height:100%;background:#ff7d00;}
.home_user .btn-group{display:flex;gap:12px;}
.home_user .btn{border:none;padding:5px 0;border-radius:15px;font-size:13px;color:#fff;flex:1;text-align:center;}
.home_user .btn-blue{background:#4096ff;}
.home_user .btn-orange{background:#ff7d00;}
.home_user .btn-green{background:#27ae60;position:relative;}
.home_user .btn-green::after{content:"";width:8px;height:8px;background:red;border-radius:50%;position:absolute;top:6px;right:10px;}
.home_user .play-game-title{display:flex;justify-content:space-between;align-items:center;margin:10px 0 10px;font-size:14px;color:#333;}
.home_user .more{color:#4096ff;cursor:pointer;}
.home_user .game-history-item{display:flex;justify-content:space-between;align-items:center;margin:5px 0;font-size:14px;}
.home_user .game-history-item span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 80px);}
.home_user .enter-btn{border:1px solid #ff7d00;color:#ff7d00;background:#fff;padding:0px 8px;border-radius:99px;cursor:pointer;flex-shrink:0;}
.home_user .avatar img.account-face {    width: 40px;height: 40px;vertical-align: middle;border-radius: 50%;}
.home_user .vip{display:flex;align-items:center;gap:10px;margin:8px 0;}
/*首页登录前*/
.home_user .login-box{width:100%;box-sizing:border-box;}
.home_user .login-tab{display:flex;margin-bottom:15px;}
.home_user .login-tab .tab-item{flex:1;text-align:center;font-size:15px;font-weight:bold;color:#333;padding-bottom:8px;border-bottom:2px solid transparent;cursor:pointer;}
.home_user .login-tab .tab-item.active{color:#ff8800;border-color:#ff8800;}
.home_user .login-form .input-item{border:1px solid #ddd;border-radius:8px;margin-bottom:10px;padding:8px 10px;box-sizing:border-box;display:flex;align-items:center;gap:10px;}
.home_user .login-form .input-item input{flex:1;min-width:0;border:none;outline:none;font-size:14px;color:#666;background:transparent;box-sizing:border-box;}
.home_user .login-form .get-code{border:none;background:transparent;color:#ff8800;font-size:12px;white-space:nowrap;cursor:pointer;flex-shrink:0;}
.home_user .row-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.home_user .checkbox-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#333;cursor:pointer;}
.home_user .forget-pwd{color:#ff8800;font-size:13px;text-decoration:none;}
.home_user .login-btn{width:100%;background:linear-gradient(90deg,#ffd030,#ff8800);border:none;color:#fff;font-size:15px;font-weight:bold;padding:10px 0;border-radius:25px;margin-bottom:10px;cursor:pointer;box-sizing:border-box;}
.home_user .register-tip{text-align:center;font-size:13px;color:#999;}
.home_user .register-link{color:#ff8800;text-decoration:none;font-weight:bold;}


/*首页热门游戏*/
.home_top{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.home_top .game-card{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-sizing:border-box;}
.home_top .game-card.new::after{content:"NEW";position:absolute;top:40px;right:-18px;background:#39c739;color:#fff;padding:2px 25px;font-size:12px;font-weight:bold;transform:rotate(46deg);transform-origin:top right;z-index:10;}
.home_top .game-card.hot::after{content:"推荐";position:absolute;top:0;right:0;background:#f53f3f;color:#fff;padding:4px 12px;font-size:18px;font-weight:bold;transform:rotate(30deg);transform-origin:top right;z-index:10;}
.home_top .game-img-box{position:relative;height:200px;overflow:hidden;box-sizing:border-box;}
.home_top .game-img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.home_top .game-img-box:hover .game-img{transform:scale(1.05);}
.home_top .game-card-body{padding:14px;box-sizing:border-box;}
.home_top .game-name{font-size:15px;font-weight:bold;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;box-sizing:border-box;}
.home_top .game-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;}
.home_top .enter-game{background:#ff7d00;color:#fff;border:none;padding:3px 7px;border-radius:12px;font-size:12px;cursor:pointer;flex-shrink:0;white-space:nowrap;}
.home_top .game-desc{color:#666;font-size:14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;}
.home_top .slogan{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;padding-right:10px;color:#9b9a9a;font-size:13px;}
.home_top .link-group{white-space:nowrap;flex-shrink:0;display:flex;align-items:center;}
.home_top .link-group .link-text{color:#9b9a9a;cursor:pointer;}
.home_top .link-group .link-text:not(:last-child)::after{content:"|";margin:0 4px;color:#9b9a9a;}



/*首页最新游戏*/
.index_newgame{width:950px;margin-left:20px;}
.home_newgame{display:flex;flex-wrap:wrap;gap:20px;}
.home_newgame>li{width:calc(25% - 15px);background:#fff;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 2px 12px rgba(0,0,0,0.08);transition:box-shadow 0.25s;}
.home_newgame>li:hover{box-shadow:0 4px 18px rgba(0,0,0,0.12);}
.home_newgame .thum{width:100%;height:135px;overflow:hidden;}
.home_newgame .thum img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.home_newgame>li:hover .thum img{transform:scale(1.05);}
.home_newgame .title{padding:14px;text-align:center;}
.home_newgame .title .line1{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.home_newgame .title a{font-size:18px;font-weight:bold;color:#333;margin-bottom:8px;}
.home_newgame .title p{font-size:14px;color:#666;}
.home_newgame .game_hover_bar{position:absolute;bottom:0;left:0;width:100%;background:#ff950d;text-align:center;padding:10px 0;opacity:0;transition:opacity 0.25s;}
.home_newgame>li:hover .game_hover_bar{opacity:1;}
.home_newgame .start_game{color:#fff;padding:6px 16px;border:1px solid #fff;border-radius:20px;}
/*首页攻略*/
.home_news{display:flex;gap:20px;}
.home_news .home_news_left{width:400px;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.home_news .news_card{background:#fff;border-radius:8px;overflow:hidden;}
.home_news .news_img{width:100%;height:130px;overflow:hidden;background:#f3f3f3;display:block;}
.home_news .news_img img{width:100%;height:100%;object-fit:cover;display:block;}
.home_news .news_title{padding:8px;font-size:14px;color:#222;line-height:1.5;}
.home_news .home_news_mid{flex:1;}
.home_news .news_list{margin:0;padding:16px;background:#fff;border-radius:8px;list-style:none;}
.home_news .news_list li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee;position:relative;padding-left:14px;}
.home_news .news_list li::before{content:"·";position:absolute;left:0;top:50%;transform:translateY(-50%);color:#666;font-size:18px;line-height:1;}
.home_news .news_list li a{font-size:14px;color:#333;flex:1;text-decoration:none;}
.home_news .news_list li a:hover{color:#ff7d00;}
.home_news .date{font-size:12px;color:#999;white-space:nowrap;margin-left:10px;}
.home_news .home_news_right{width:320px;background:#fff;border-radius:8px;padding:16px;}
.home_news .rank_title{text-align:center;font-size:20px;color:#f7b237;margin-bottom:16px;position:relative;margin-top:0;}
.home_news .rank_list{margin:0;padding:0;list-style:none;}
.home_news .rank_list li{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed #eee;align-items:center;}
.home_news .rank_list li:last-child{border-bottom:none;}
.home_news .num{width:26px;height:26px;border-radius:50%;background:#f3f3f3;color:#666;text-align:center;line-height:26px;font-size:14px;flex-shrink:0;}
.home_news .num1{background:#fff2cc;color:#f7b237;font-weight:bold;}
.home_news .num2{background:#fff2cc;color:#f7b237;font-weight:bold;}
.home_news .num3{background:#fff2cc;color:#f7b237;font-weight:bold;}
.home_news .rank_item a{font-size:14px;color:#222;font-weight:bold;display:block;margin-bottom:4px;text-decoration:none;}
.home_news .rank_item p{font-size:12px;color:#888;line-height:1.4;margin:0;}