html{overflow:auto;overflow-x:hidden;line-height:1.4;color:#333;font-size:625%;font-family:Helvetica Neue,'苹方',Roboto,Noto,Microsoft YaHei,'微软雅黑',Tahoma,Verdana,Arial,'宋体',sans-serif;}
img{border:none;vertical-align:middle;}
ol,ul{margin:0;padding:0;list-style:none;color:inherit;}
a{color:inherit;text-decoration:none;}
body{overflow:auto;font-size:inherit;overflow-x:hidden;margin:0;background:#EDEDED;-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-highlight:none;-webkit-tap-highlight-color:transparent;}
body::-webkit-scrollbar{width:3px;height:4px;}
body::-webkit-scrollbar-button{display:none;background-color:#f4f4f4;}
body::-webkit-scrollbar-track,body::-webkit-scrollbar-track-piece{background:#f4f4f4;}
body::-webkit-scrollbar-thumb{border-radius:4px;background:#ababab;}
body::-webkit-scrollbar-corner{background:#f4f4f4;}
body::-webkit-scrollbar-resizer{background:#ababab;}
body{scrollbar-arrow-color:#f4f4f4;scrollbar-face-color:#f4f4f4;scrollbar-3dlight-color:#f4f4f4;scrollbar-highlight-color:#f4f4f4;scrollbar-shadow-color:#f4f4f4;scrollbar-darkshadow-color:#f4f4f4;scrollbar-track-color:#f4f4f4;scrollbar-base-color:#ababab;}

body {
    max-width: 21.5rem;
    min-width: 6.2rem;
    margin: 0 auto;
    word-break: break-all;
}
/*顶部*/
.header { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 1.45rem; max-height: 145px; background-color: #FF7417; color: #fff; }
.header_wrap { position: relative; height: 100%; }
.header_back-btn { position: absolute; top: 0; left: 0; height: 100%; display: flex; align-items: center; justify-content: center; text-decoration: none; color: #fff; padding: 0 0.5rem; }
.header_back-btn img { display: block; width: auto; height: 0.6rem; }
.header_title { height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; font-size: 0.54rem; padding: 0 2rem; }
.placeholder { height: 1.45rem; max-height: 145px; }
.header.hidden + .placeholder { display: none; }
/*底部*/
.qw-footer { position: fixed; bottom: 0; width: 100%; max-width: 720px; height: 50px; display: flex; z-index: 9; justify-content: space-around; background: #f5f5f5; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.85); box-shadow: 0 0 1px rgba(0, 0, 0, 0.85); transition: all 0.3s ease 0s; }
.qw-footer a { display: flex; width: 20%; color: #929292; flex-direction: column; justify-content: center; align-items: center; position: relative; }
.qw-footer a.on { color: #FF7417; }
.qw-footer a div { margin-top: 4px; font-size: 11px; }
.qw-footer a .zk01 { position: absolute; top: -19px; left: 53%; z-index: 2; width: 35px; height: 25px; background-image: url(/static/m/img/zk01_icon.png); background-size: 100%; background-repeat: no-repeat; }
.qw-footer a .icon { width: 24px; height: 24px; margin: 0 auto; background-size: 100%; background-repeat: no-repeat; }
.qw-footer a .icon1 { background-image: url(/static/m/img/qw-footer_icon2.png); }
.qw-footer a .icon2 { background-image: url(/static/m/img/qw-footer_icon1.png); }
.qw-footer a .icon3 { background-image: url(/static/m/img/qw-footer_icon4.png); }
.qw-footer a .icon4 { background-image: url(/static/m/img/qw-footer_icon3.png); }
.qw-footer a .icon5 { background-image: url(/static/m/img/qw-footer_icon5.png); }
.qw-footer a.on .icon1 { background-image: url(/static/m/img/qw-footer_icon2_h.png); }
.qw-footer a.on .icon2 { background-image: url(/static/m/img/qw-footer_icon1_h.png); }
.qw-footer a.on .icon3 { background-image: url(/static/m/img/qw-footer_icon4_h.png); }
.qw-footer a.on .icon4 { background-image: url(/static/m/img/qw-footer_icon3_h.png); }
.qw-footer a.on .icon5 { background-image: url(/static/m/img/qw-footer_icon5_h.png); }

/*礼包列表*/
/* 页面容器 */
.page-container { width: 100%; max-width: 750px; margin: 0 auto; font-size: 0.32rem; color: #333; background-color: #f5f5f5; margin-bottom: 1.5rem;margin-top: 1.45rem;}

.list-page-container { width: 100%; max-width: 750px; margin: 0 auto; font-size: 0.32rem; color: #333; background-color: #f5f5f5; margin-bottom: 1.5rem;margin-top: 1.45rem;}
.home-page-container{ width: 100%; max-width: 750px;  margin-bottom: 1.5rem;}
/* 通用列表标题*/
.list-title { display: flex; align-items: center; height: 1.4rem; padding: 0 0.3rem; }
.list-title-icon { width: 0.68rem; height: 0.68rem; background: url(/static/m/img/game_ico_news.png) no-repeat center; background-size: 100% 100%; margin-right: 0.2rem; flex-shrink: 0; }
.list-title-text { font-size: 0.48rem; font-weight: 600; color: #333; }
 .sou_name {margin-top: 10px!important;font-size: 16px;font-weight: 600;color: #333;line-height: 1.5;padding: 0 0.3rem!important;}
 .sou_name .red-keyword {color: red !important;font-style: normal; /* 取消i标签默认斜体，保持字体正常 */}
/* ===================== 礼包列表核心样式（独立封装） ===================== */
.gift-list { background-color: #fff; border-radius: 0.16rem; overflow: hidden;    padding: 0 0.4rem; }
.gift-list-item { display: flex; align-items: center; justify-content: space-between; padding: 0.4rem 0rem; border-bottom: 1px dashed #e8e8e8; }
.gift-list-item:last-child { border-bottom: none; }
.gift-list-name { flex: 1; font-size: 0.45rem; color: #333; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gift-list-btn { width: 1.5rem;height: 0.8rem; line-height: 0.8rem;text-align: center; font-size: 0.36rem; color: #FF7417; border: 1px solid #FF7417; border-radius: 0.4rem; background-color: #fff; margin-left: 0.2rem; flex-shrink: 0; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }

/* ===================== 分页样式（独立封装） ===================== */
.pagination { padding: 20px 20px; text-align: center; }
.pagination .page-item { display: inline-block; margin: 5px; font-size: 13px; border: 1px solid #E5E5E5; color: #999; background: #fff; }
.pagination .active { border: 1px solid #ff950d; }
.pagination .active span { background: #ff950d; color: #fff; }
.pagination .page-item:hover { background: #ff950d; color: #fff; }
.pagination .page-item .page-link { display: block; padding: 5px 15px; border: 1px solid transparent; }
.pagination li { color: #999; }
.pagination li a { display: inline-block; color: #999; }
.pagination li a:hover { background: #ff950d; color: #fff; }
.pagination li:last-child { display: inline-block; }
.pagination .page-total { border: none; }
/*礼包内容*/
.gift_info { border-radius: 0.16rem; overflow: hidden; margin-bottom: 0.2rem; }
.gift_info .gift-header { display: flex; align-items: center; padding: 0.4rem 0.3rem; border-bottom: 1px solid #eee; background-color: #fff; }
.gift_info .gift-header .icon-box { width: 2.16rem; height: 2.16rem; border-radius: 0.1rem; overflow: hidden; flex-shrink: 0; margin-right: 0.3rem; }
.gift_info .gift-header .icon-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gift_info .gift-header .text-box { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding-top: 0;    margin-left: 0.1rem; }
.gift_info .gift-header .text-box .title h1{ font-size: 0.48rem; color: #333; margin-bottom: 0.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0; font-weight: bold; }
.gift_info .gift-header .text-box .info { font-size: 0.36rem; color: #666; margin-bottom: 0.1rem; margin-top: 0.05rem; position: relative; }
.gift_info .gift-header .text-box .info i { font-size: 0.38rem; color: #FF7417; font-style: normal; }
.gift_info .gift-header .text-box .slogan { font-size: 0.36rem; color: #999; margin-top: 0.05rem; margin-bottom: 0; }
.gift_info .gift-header .btn-box { flex-shrink: 0; margin-left: 0.2rem; }
.gift_info .gift-header .btn-box .btn { display: inline-block; width: 1.8rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.38rem; border-radius: 0.4rem; border: none; cursor: pointer; border: 0.03rem solid #FF7417; color: #FF7417; }
.gift_info .gift-section { padding: 0.3rem 0.4rem; background: #FFF; margin-top: 0.3rem; }
.gift_info .gift-section .section-title { height: 1.2rem; line-height: 1.2rem; font-size: 0.46rem; color: #333; display: flex; align-items: center; border-bottom: 1px solid #eee; margin-bottom: 0.2rem; }
.gift_info .gift-section .section-title .icon { display: inline-block; width: 0.68rem; height: 0.68rem; background: url(/static/m/img/game_ico_int.png) no-repeat center; background-size: 100% 100%; margin-right: 0.2rem; vertical-align: middle; }
.gift_info .gift-section .section-content { font-size: 0.4rem; color: #666; line-height: 1.8; padding: 0.2rem 0; }

/*礼包领取弹出层*/
.gift-wrapper {}
.gift_get { display: block; text-align: center; }
.gift_get .gift_pop { position: relative; padding: 0.5rem 0.5rem 0.5rem; background-color: #fff; border-radius: 0.16rem; text-align: center; margin: 0 auto; width: 8.5rem; min-height: 7.7rem; }
.gift_get .gift_close { position: absolute; top: 0.4rem; right: 0.4rem; width: 0.5rem; height: 0.5rem; background: url(/static/m/img/pop_close.png) no-repeat center; background-size: 100% 100%; }
.gift_get .gift_icon { width: 3.2rem; height: 3.2rem; margin: 0 auto; background: url(/static/m/img/pop_receive_successful.png) no-repeat center; background-size: 100% 100%; }
.gift_get .gift_title { font-size: 0.58rem; color: #333; font-weight: 600; }
.gift_get .gift_code { font-size: 0.45rem; color: #FF7417; margin-bottom: 0.2rem; letter-spacing: 0.02rem; }
.gift_get .gift_tips { font-size: 0.4rem; color: #999; margin-bottom: 0.5rem; }
.gift_get .gift_copy_btn { display: block; width: 100%; height: 1rem; line-height: 1rem; font-size: 0.4rem; color: #fff; background-color: #FF7417; border-radius: 0.5rem; border: none; cursor: pointer; }
.gift_get .gift_code_input { width: 80%; height: 0.8rem; line-height: 0.8rem; font-size: 0.42rem; color: #FF7417; text-align: center; border: none; outline: none; background: transparent; margin-bottom: 0.2rem; }
/*选项卡*/
.show-tab-title { display: flex; border-bottom: 1px solid #eee; background-color: #fff; }
.show-tab-title .tab-item { flex: 1; text-align: center; padding: 0.4rem 0; font-size: 0.48rem; color: #666; position: relative; cursor: pointer; }
.show-tab-title .tab-item.active { color: #FF7417; font-weight: 500; }
.show-tab-title .tab-item.active::after { content: ''; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 1.5rem; height: 2px; background-color: #FF7417; }
.show-tab-content .tab-content { display: none; padding: 0 0.4rem;}
.show-tab-content .tab-content.active { display: block; }
.related_gift { background: #FFF; margin-top: 0.3rem; }

.recommend-header { display: flex; align-items: center; justify-content: space-between; height: 1.48rem; padding: 0 0.4rem; position: relative; }
.recommend-header .title { font-size: 0.52rem; line-height: 1.68rem; display: block; }
.recommend-header .title .icon { display: inline-block; vertical-align: middle; width: 0.68rem; height: 0.68rem; max-width: 52px; max-height: 52px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; margin-right: 0.2rem; margin-top: -0.9%; }
.recommend-header .title .icon-desc { background-image: url(/static/m/img/game_ico_int.png); }
.recommend-header .title .icon-gift { background-image: url(/static/m/img/game_details_gift.png); }
.recommend-header .title .icon-active { background-image: url(/static/m/img/game_ico_news.png); }
.recommend-header .title .icon-play { background-image: url(/static/m/img/game_ico_player.png); }
.recommend-header .more-link { font-size: 0.36rem; color: #999; display: flex; align-items: center; }
.recommend-header .more-link .icon-arrow-right { margin-left: 0.1rem; font-size: 0.32rem; }

.hot-game-recommend { background-color: #fff; padding-bottom: 0.2rem; margin-top: 0.3rem; }
.hot-game-recommend .recommend-content { padding: 0 0.14rem; }
.hot-game-recommend .game-list { width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.hot-game-recommend .game-item { width: 25%; text-align: center; margin-bottom: 0.4rem; }
.hot-game-recommend .game-icon { position: relative; display: block; overflow: hidden; margin: 0 auto 0.2rem; width: 1.72rem; height: 1.72rem; max-width: 172px; max-height: 172px; border-radius: 0.4rem; background: #e2e2e2; color: #bbbaba; }
.hot-game-recommend .game-icon img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: cover; border-radius: 0.4rem; }
.hot-game-recommend .game-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.42rem; color: #333; margin-bottom: 0.2rem; padding: 0 0.1rem; }
.hot-game-recommend .game-btn { display: block; margin: 0 auto; width: 1.64rem; height: 0.79rem; line-height: 0.79rem; text-align: center; border: 1px solid #FF7417; border-radius: 0.88rem; color: #FF7417; font-size: 0.43rem; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

.related_news { background-color: #fff; padding-bottom: 0.2rem; margin-top: 0.3rem; }
.related_news_header { display: flex; align-items: center; justify-content: space-between; height: 1.48rem; padding: 0 0.4rem; position: relative; }
.related_news_header .title { font-size: 0.52rem; line-height: 1.68rem; display: block; }
.related_news_header .title .icon { display: inline-block; vertical-align: middle; width: 0.68rem; height: 0.68rem; max-width: 52px; max-height: 52px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; margin-right: 0.2rem; margin-top: -0.9%; }
.related_news_header .title .icon-active { background-image: url(/static/m/img/game_ico_news.png); }
.related_news_header .more-link { font-size: 0.36rem; color: #999; display: flex; align-items: center; }
.related_news_header .more-link .icon-arrow-right { margin-left: 0.1rem; font-size: 0.32rem; }

.related_news_content { padding: 0 0.4rem; }
.related_news .news_list { list-style: none; margin: 0; padding: 0; }
.related_news .news_item { display: flex; align-items: center; justify-content: space-between; padding: 0.45rem 0; border-bottom: 1px dashed #e7e7e7; }
.related_news .news_item:last-child { border-bottom: none; }
.related_news .news_info { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-right: 0.2rem; }
.related_news .news_info .cate { display: inline-block; line-height: 0.55rem; border-radius: 0.99rem; font-size: 0.33rem; color: #fff; height: 0.55rem; width: 1rem; text-align: center; vertical-align: middle; box-sizing: border-box; padding: 0; margin: 0 0.2rem 0 0; border: none; white-space: nowrap; }
.related_news .news_info .cate-notice { background: #23BBF3; }
.related_news .news_info .cate-active { background: #3FC9B4; }
.related_news .news_info .cate-fuli { background: #FF876F; }
.related_news .news_info .news_title { font-size: 0.42rem; line-height: 1.4; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.related_news .news_date { font-size: 0.38rem; color: #999; white-space: nowrap; margin-left: 0.2rem; }
/*新闻内容*/
.news-related-game { background-color: #fff; margin-top: 0.3rem; }
.news-related-game .game-header { display: flex; align-items: center; padding: 0.4rem 0.3rem; border-bottom: 1px solid #eee; }
.news-related-game .game-header .icon-box { width: 2.16rem; height: 2.16rem; border-radius: 0.1rem; overflow: hidden; flex-shrink: 0; margin-right: 0.3rem; }
.news-related-game .game-header .icon-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
.news-related-game .game-header .text-box { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding-top: 0; margin-left: 0.1rem; }
.news-related-game .game-header .text-box .title { font-size: 0.48rem; color: #333; margin-bottom: 0.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0; font-weight: bold; }
.news-related-game .game-header .text-box .info { font-size: 0.36rem; color: #666; margin-bottom: 0.1rem; margin-top: 0.05rem; position: relative; }
.news-related-game .game-header .text-box .info i { font-size: 0.36rem; color: #FF7417; font-style: normal; }
.news-related-game .game-header .text-box .slogan { font-size: 0.36rem; color: #999; margin-top: 0.05rem; margin-bottom: 0; }
.news-related-game .game-header .btn-box { flex-shrink: 0; margin-left: 0.2rem; }
.news-related-game .game-header .btn-box .btn { display: inline-block; width: 1.8rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.38rem; border-radius: 0.4rem; border: none; cursor: pointer; background-color: #FF7417; color: #fff; }

.news-detail-content { padding: 0.4rem; background-color: #fff; margin-top: 0.3rem; }
.news-detail-content .news-title { font-size: 0.62rem; color: #000; font-weight: normal; margin: 0; padding: 0; text-align: center; margin-bottom: 0.3rem; }
.news-detail-content .news-date { font-size: 0.42rem; color: #999; padding-top: 0.2rem; text-align: center; margin-bottom: 0.3rem; }
.news-detail-content .news-article { font-size: 0.46rem; color: #666; padding-top: 0.3rem; }
.news-detail-content .news-article p {font-size: 0.46rem;line-height: 0.9rem;color: #666;}
.news-detail-content .news-article img { max-width: 100%; margin: 0.2rem auto; display: block; }
.news-detail-content .news-article table { width: 100% !important; }

/*游戏内容*/
.game_info { border-radius: 0.16rem; overflow: hidden; margin-bottom: 0.2rem; }
.game_info .game-header { display: flex; align-items: center; padding: 0.4rem 0.3rem; border-bottom: 1px solid #eee; background-color: #fff; }
.game_info .game-header .icon-box { width: 2.16rem; height: 2.16rem; border-radius: 0.1rem; overflow: hidden; flex-shrink: 0; margin-right: 0.3rem; }
.game_info .game-header .icon-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
.game_info .game-header .text-box { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding-top: 0;    margin-left: 0.1rem; }
.game_info .game-header .text-box .title h1{ font-size: 0.48rem; color: #333; margin-bottom: 0.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0; font-weight: bold; }
.game_info .game-header .text-box .info { font-size: 0.36rem; color: #666; margin-bottom: 0.1rem; margin-top: 0.05rem; position: relative; }
.game_info .game-header .text-box .info i { font-size: 0.36rem; color: #FF7417; font-style: normal; }
.game_info .game-header .text-box .info span.coll-num i {margin-left: 0.2rem;}
.game_info .game-header .text-box .slogan { font-size: 0.36rem; color: #999; margin-top: 0.05rem; margin-bottom: 0; }
.game_info .game-header .btn-box { flex-shrink: 0; margin-left: 0.2rem; }
.game_info .game-header .btn-box .btn { display: inline-block; width: 2rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.38rem; border-radius: 0.4rem; border: none; cursor: pointer; border: 0.03rem solid #FF7417; color: #FF7417; }
.game_info .game-section { padding: 0.3rem 0.4rem; background: #FFF; margin-top: 0.3rem; }
.game_info .game-section .section-title { height: 1.2rem; line-height: 1.2rem; font-size: 0.46rem; color: #333; display: flex; align-items: center; margin-bottom: 0.2rem; }
.game_info .game-section .section-title .icon { display: inline-block; width: 0.68rem; height: 0.68rem; background: url(/static/m/img/game_ico_int.png) no-repeat center; background-size: 100% 100%; margin-right: 0.2rem; vertical-align: middle; }
.game_info .game-section .section-content { font-size: 0.4rem; color: #666; line-height: 1.8; }
.game_info .screenshot { background: #FFF; padding: 0.4rem 0; }
.game_info .screenshot .wrap { width: 100%; }
.game_info .screenshot .iconbox { height: auto; margin-left: 0.4rem; width: 5.2rem; font-size: 0.52rem; color: #BBBABA; position: relative; background: #E2E2E2; }
.game_info .screenshot .iconbox .icon { width: 100%; height: 100%; position: relative; z-index: 2; object-fit: cover; }

.swiper-container { width: 100%; overflow: hidden; }
.swiper-slide { display: flex; align-items: center; justify-content: center; }

.game-server-list { background-color: #fff; margin-top: 0.3rem; padding-bottom: 0.2rem; }

.server-content { }
.server-list { display: flex; flex-direction: column; gap: 0.3rem; }
.server-item { display: flex; align-items: center; justify-content: space-between; padding: 0.3rem 0.2rem; border-bottom: 1px solid #f5f5f5; }
.server-item:last-child { border-bottom: none; }

.server-time { font-size: 0.36rem; color: #999; display: flex; align-items: center; gap: 0.15rem; }
.server-time::before { content: ''; width: 0.15rem; height: 0.15rem; border-radius: 50%; background-color: #ccc; display: inline-block; }

.server-name { font-size: 0.38rem; color: #333; flex: 1; text-align: center; }

.server-btn { display: inline-block; padding: 0.15rem 0.3rem; font-size: 0.34rem; color: #FF7417; border: 1px solid #FF7417; border-radius: 0.4rem; white-space: nowrap; text-align: center; }
/*开服表列表*/
.kfb_list { width: 100%; background-color: #fff; font-size: 0.32rem; box-sizing: border-box;    padding: 0 0.4rem; }
.kfb_list .clearfix::after { content: ""; display: table; clear: both; }
.kfb_list ul { margin: 0;  list-style: none;padding-top: 0.3rem;padding-bottom: 0;}
.kfb_list a { text-decoration: none; }
.kfb_list img { max-width: 100%; display: block; }

.kfb_home_list { width: 100%; background-color: #fff; font-size: 0.32rem; box-sizing: border-box; }
.kfb_home_list .clearfix::after { content: ""; display: table; clear: both; }
.kfb_home_list ul { margin: 0;  list-style: none;padding-top: 0.3rem;padding-bottom: 0;}
.kfb_home_list a { text-decoration: none; }
.kfb_home_list img { max-width: 100%; display: block; }

.kfb_tab { }
.kfb_tab_list { display: flex; border-radius: 0.08rem; overflow: hidden; }
.kfb_tab_item { flex: 1; text-align: center; }
.kfb_tab_btn { display: block; height: 1.15rem; line-height: 1.05rem; border: 0.03rem solid #FF7417; font-size: 0.48rem; color: #FF7417; box-sizing: border-box; }
.kfb_tab_item:first-child .kfb_tab_btn { border-right: none; border-top-left-radius: 0.08rem; border-bottom-left-radius: 0.08rem; }
.kfb_tab_item:last-child .kfb_tab_btn { border-left: none; border-top-right-radius: 0.08rem; border-bottom-right-radius: 0.08rem; }
.kfb_tab_item.active .kfb_tab_btn { background-color: #FF7417; color: #fff; }

.kfb_icon { display: inline-block; vertical-align: middle; width: 0.62rem; height: 0.62rem; margin-top: -0.03rem; margin-right: 0.3rem; background-size: 100% 100%; background-repeat: no-repeat; }
.kfb_icon_yes { background-image: url(/static/m/img/home_kf_on_nor.png); }
.kfb_icon_no { background-image: url(/static/m/img/service_trailer_not.png); }
.kfb_tab_item.active .kfb_icon_yes { background-image: url(/static/m/img/service_opened_selected.png); }
.kfb_tab_item.active .kfb_icon_no { background-image: url(/static/m/img/service_trailer_selected.png); }
.kfb_icon_opening { background-image: url(/static/m/img/home_kf_soon.png); margin: 0 auto 0.1rem; width: 0.66rem; height: 0.66rem; }

.kfb_panel { display: none; }
.kfb_panel.active { display: block; }

.kfb_list_wrap {}
.kfb_list_item { display: flex; align-items: center; padding: 0.3rem 0; border-bottom: 1px dashed #e8e8e8; }
.kfb_list_item:last-child { border-bottom: none; }

.kfb_item_icon { width: 1.72rem; height: 1.72rem; border-radius: 0.4rem; overflow: hidden; flex-shrink: 0; margin-right: 0.2rem; background-color: #e2e2e2; }
.kfb_item_icon img { width: 100%; height: 100%; object-fit: cover; }

.kfb_item_info { flex: 1; min-width: 0;margin-left: 0.2rem; }
.kfb_game_name { font-size: 0.46rem; color: #333; margin: 0 0 0.1rem 0; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kfb_game_desc { font-size: 0.4rem; color: #999; margin: 0; line-height: 1.2;margin-top: 0.3rem;}
.kfb_server_time { background-image: url(/static/m/img/service_trailer_time.png); background-size: 0.16rem 0.16rem; background-repeat: no-repeat; padding-left: 0.2rem; margin-left: 0.1rem;position: absolute;right: 100px; }
.kfb_server_num {}

.kfb_item_btn { flex-shrink: 0; text-align: center; }
.kfb_btn_see { display: inline-block;  font-size: 0.4rem; color: #FF7417; border: 1px solid #FF7417; border-radius: 0.4rem; white-space: nowrap; width: 1.5rem;height: 0.8rem; line-height: 0.8rem;}
.kfb_btn_opening { display: flex; flex-direction: column; align-items: center; font-size: 0.36rem; color: #FF3228; }
.kfb_btn_opening span { display: block; line-height: 1.2; }
/*游戏列表*/
.home_game_list {}
.game_list {width: 100%;background-color: #fff;font-size: 0.32rem;box-sizing: border-box; }

.game_list * { margin: 0; padding: 0; box-sizing: border-box; }
.game_list ul { list-style: none; }
.game_list a { text-decoration: none; }
.game_list img { max-width: 100%; display: block; }

.game_list .game_classify_box { width: 100%; height: 1.5rem; background: #fff; border-bottom: 1px solid #e7e7e7; position: relative; }
.game_list .classify_scroll { width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.game_list .classify_scroll::-webkit-scrollbar { display: none; }
.game_list .classify_list { height: 100%; display: inline-flex; align-items: center; white-space: nowrap; padding-left: 0.3rem; }
.game_list .classify_item { margin-right: 0.6rem; height: 0.8rem; line-height: 0.8rem; }
.game_list .classify_item a { display: block; padding: 0 0.3rem; font-size: 0.4rem; color: #666; border-radius: 9.9rem; }
.game_list .classify_item.current a { background: #FF7417; color: #fff; }

.game_list .game_list_content { padding: 0 3.22%; }
.game_list .game_item_list { width: 100%; }
.game_list .game_item { width: 100%; display: flex; align-items: center; padding: 0.3rem 0; border-bottom: 1px solid #e7e7e7; }
.game_list .game_item:last-child { border-bottom: none; }
.game_list .game_icon_box { width: 1.72rem; height: 1.72rem; border-radius: 0.1rem; overflow: hidden; flex-shrink: 0; margin-right: 0.3rem; }
.game_list .game_icon { width: 100%; height: 100%; object-fit: cover; }
.game_list .game_info { flex: 1; min-width: 0; }
.game_list .game_name { font-size: 0.46rem; color: #333; font-weight: normal; margin-bottom: 0.15rem; display: flex; align-items: center; overflow: hidden; }
.game_list .game_name a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 0.1rem; }
.game_list .gift_tag { font-size: 0.32rem; color: #FF7417; background: rgba(255, 116, 23, 0.1); padding: 0.05rem 0.15rem;  white-space: nowrap; flex-shrink: 0; border-radius: .9rem;}
.game_list .game_desc { font-size: 0.4rem; color: #999; display: flex; align-items: center; overflow: hidden; }
.game_list .game_type { margin-right: 0.2rem; white-space: nowrap;    color: #FF7417; }
.game_list .game_slogan { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.game_list .game_see_btn { width: 1.5rem; height: 0.8rem; line-height: 0.8rem; text-align: center; border: 1px solid #FF7417; color: #FF7417; border-radius: 0.4rem; font-size: 0.4rem; flex-shrink: 0; margin-left: 0.2rem; }

.game_list .game_list_head { width: 100%; height: 1.32rem; padding: 0.1rem 0; background: #E5E5E5; position: relative; display: flex; align-items: center; box-sizing: border-box; }
.game_list .game_back_btn { position: absolute; left: 0; top: 0; width: 1.5rem; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; }
.game_list .game_back_btn img { width: 0.38rem; height: 0.6rem; }
.game_list .game_search_box { margin: 0 0.5rem 0 1.5rem; height: 100%; width: calc(100% - 2rem); display: flex; align-items: center; justify-content: space-between; }
.game_list .game_search_box form { width: 100%; height: 100%; display: flex; align-items: center; gap: 0.2rem; }
.game_list .search_inner { flex: 1; height: 1.1rem; background: #fff; border-radius: 0.18rem; display: flex; align-items: center; padding: 0 0.3rem; box-sizing: border-box; }
.game_list .icon-search { width: 0.6rem; height: 0.6rem; background: url(/static/m/img/home_hall_search.png); background-size: 100% 100%; display: inline-block; margin-right: 0.2rem; flex-shrink: 0; }
.game_list .search_input { flex: 1; height: 100%; border: none; outline: none; font-size: 0.46rem; background: transparent; -webkit-appearance: none; padding: 0; margin: 0; }
.game_list .search_btn { flex: 0 0 auto; height: 1.1rem; border: none; outline: none; background: transparent; cursor: pointer; font-size: 0.48rem; color: #FF7417; text-align: center; font-weight: bold; padding: 0 0.3rem; box-sizing: border-box; }
/*首页区域顶部*/
.home_banner { width: 100%; max-width: 750px; margin: 0 auto; box-sizing: border-box; font-size: 14px; background: #fff; padding-bottom: 0.1rem; }
.home_banner * { margin: 0; padding: 0; box-sizing: inherit; list-style: none; text-decoration: none; }
.home_banner img { display: block; width: 100%; border: none; }

/* 顶部导航栏 */
.home_header { background-color: #ff6700; padding: 0.25rem 0.3rem; position: relative; z-index: 10; }
.home_header .wrap { display: flex; align-items: center; width: 100%; }
.home_header .logo { width: 100px; flex-shrink: 0; display: block; }
.home_header .logo img { width: 100%; height: auto; }

/* 搜索区域 */
.home_header .caption_ { flex: 1; margin-left: 0.5rem; }
.home_header .search-wrap { display: flex; align-items: center; width: 100%; }
.home_header .input-group { flex: 1; display: flex; align-items: center; background: #fff; border-radius: 0.1rem; height: 32px; padding: 0 0.2rem; position: relative; }
.home_header .txt { flex: 1; height: 100%; border: none; outline: none; font-size: 0.4rem; color: #333; background: transparent; padding-right: 0.8rem; }
.home_header .search-icon { width: 0.5rem; height: 0.5rem; background: url(/static/m/img/home_search.png) no-repeat; background-size: 100% 100%; display: block; position: absolute; right: 0.2rem; top: 50%; transform: translateY(-50%);border: none !important;  }
.home_header .search-btn { display: inline-block; height: 32px; line-height: 32px; padding: 0 0.3rem; background: #e55a00; color: #fff; font-size: 0.4rem; border-radius: 0 4px 4px 0; margin-left: -1px; white-space: nowrap; }

/* 新增：会员图标样式 */
.home_header .member-icon-wrap { flex-shrink: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; margin-left: 0.3rem; } /* 不被压缩，保证图标大小；和搜索框高度一致，视觉对齐 */
.home_header .member-icon { display: block; width: 0.7rem; height: 0.7rem; }
.home_header .member-icon img { width: 100%; height: 100%; object-fit: contain; } /* 保持图标比例，不拉伸 */

/* Banner背景 */
.banner_bg { width: 100%; height: 40vw; z-index: -1; position: absolute; top: -1px; background: url("/static/m/img/home_bg.png") no-repeat; background-size: 100% 100%; }

/* Banner轮播主体 */
.banner_wrap { position: relative; width: 100%; overflow: hidden; }
.banner { width: 100%; }
.banner .swiper-slide { width: 100%; background: #E2E2E2; color: #BBBABA; max-height: 500px; text-align: center; position: relative; overflow: hidden; display: block; }
.banner .swiper-slide img { z-index: 2; width: 100%; position: relative; height: 50vw; object-fit: cover; }
.banner .swiper-slide .font { font-size: 1rem; position: absolute; top: 30%; left: 50%; transform: translateX(-50%); z-index: 3; color: #fff; }
.banner .swiper-pagination { position: absolute; bottom: 0.3rem; left: 0; width: 100%; text-align: center; }
.banner .swiper-pagination-bullet { width: 0.2rem; height: 0.2rem; background: rgba(255,255,255,0.6); opacity: 1; margin: 0 0.1rem; }
.banner .swiper-pagination-bullet-active { background: #fff; }

/* 金刚区导航 */
.new-function { width: 100%; height: 2.5rem; background: #ffffff; position: relative; padding: 0 0.3rem; }
.new-function .function-box { width: 100%; height: 100%; display: flex; align-items: center; }
.new-function .function-box ul { width: 100%; display: flex; align-items: center; justify-content: space-around; }
.new-function .function-box li { width: 25%; text-align: center; }
.new-function .function-box li i { width: 1.03rem; height: 1.03rem; margin: 0 auto; display: block; background-size: 100% 100%; background-repeat: no-repeat; }
.new-function .charge-fun i { background-image: url(/static/m/img/home_ico_charge.png); }
.new-function .sign-in i { background-image: url(/static/m/img/home_ico_signin.png); }
.new-function .ranking-list i { background-image: url(/static/m/img/home_ico_ran.png); }
.new-function .game-hall i { background-image: url(/static/m/img/home_ico_hall.png); }
.new-function .function-box li .text { margin-top: 0.1rem; color: #333333; font-size: 0.46rem; display: block; }

/* 滚动公告条 */
.activity-message { width: 92%; margin: 0 auto 0.2rem; height: 1.03rem; max-height: 120px; position: relative; overflow: hidden; background: #F8F8F8; border-radius: 0.2rem; display: flex; align-items: center; }
.activity-message .iconbox { position: absolute; top: 0; left: 0.2rem; width: 0.8rem; height: 100%; display: flex; align-items: center; justify-content: center; }
.activity-message .iconbox .icon { width: 0.8rem; height: 0.8rem; display: block; background: url(/static/m/img/home_gg_cs.png) no-repeat; background-size: 100% 100%; }
.activity-message .activity-scroll { margin-left: 1.34rem; height: 100%; flex: 1; overflow: hidden; text-align: left; }
.activity-scroll .activity-swiper-container { height: 1.03rem; max-height: 120px; text-align: left !important; }
.activity-scroll .activity-swiper-slide { height: 1.03rem !important; line-height: 1.03rem; text-align: left !important; justify-content: flex-start !important; align-items: flex-start !important; }
.activity-scroll .item { height: 1.03rem; line-height: 1.03rem; text-align: left; }
.activity-scroll .item .title { display: block; color: #333; font-size: 0.36rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left !important; }

/*注册登录*/

.user-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 0, 0, 0.5); }
* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Microsoft Yahei", sans-serif; }
body { background-color: #f5f5f5; }
.user { width: 100%; max-width: 350px; background-color: #fff; border-radius: 12px; overflow: hidden; position: relative; z-index: 9999; max-height: 90vh; overflow-y: auto; }
.user-header { background: linear-gradient(to right, #ff9d00, #ff6700); padding: 15px 20px; position: relative; text-align: center; color: #fff; font-size: 18px; font-weight: bold; }
.user-header .close { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 20px; color: #fff; cursor: pointer; z-index: 10; }
.user-form-wrap { padding: 20px; }
.user .user-subtab { display: flex; margin-bottom: 20px; border: none; border-radius: 0; overflow: visible; border-bottom: 1px solid #eee; position: relative; }
.user .user-subtab-item { flex: 1; text-align: center; padding: 8px 0; cursor: pointer; position: relative; font-size: .42rem;color: #333;font-weight: bold;}
.user .user-subtab-item.active {color: #ff6700; }
.user .user-subtab-item.active::after { content: ''; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%); width: 30px; height: 2px; background-color: #ff6700; border-radius: 1px; }
.user-form { display: none; }
.user-form.active { display: block; }
.user-form-item { margin-bottom: 15px; position: relative; }
.user-form-input { width: 100%; height: 44px; padding: 0 15px; border: 1px solid #eee; border-radius: 4px; font-size: 14px; outline: none; }
.user-form-input:focus { border-color: #ff6700; }
.user-code-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); height: 30px; line-height: 30px; padding: 0 10px; background-color: #ff6700; color: #fff; border: none; border-radius: 4px; font-size: 12px; cursor: pointer; }
.user-code-btn.disabled { background-color: #ccc; cursor: not-allowed; }
.user-agreement { display: flex; align-items: center; font-size: 12px; color: #666; margin-bottom: 20px; }
.user-agreement input { margin-right: 8px; }
.user-agreement a { color: #ff6700; text-decoration: none; }
.user-submit-btn { width: 100%; height: 48px; line-height: 48px; text-align: center; background: linear-gradient(to right, #ff9d00, #ff6700); color: #fff; border: none; border-radius: 24px; font-size: 16px; font-weight: bold; cursor: pointer; }
.user-submit-btn:disabled { background: #ccc; cursor: not-allowed; }
.user-switch-txt { text-align: center; margin-top: 20px; font-size: 14px; color: #666; }
.user-switch-txt a { color: #ff6700; text-decoration: none; margin-left: 5px; }
.user-tip { text-align: center; font-size: 12px; color: #999; margin: 10px 0; }

/*防沉迷*/
.fcm-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9998; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }
.fcm { width: 100%; max-width: 350px; background-color: #fff; border-radius: 12px; overflow: hidden; position: relative; z-index: 9999; max-height: 90vh; overflow-y: auto; box-sizing: border-box; }
.fcm-header { background: linear-gradient(to right, #ff9d00, #ff6700); padding: 15px 20px; position: relative; text-align: center; color: #fff; font-size: 18px; font-weight: bold; font-family: "Microsoft Yahei", sans-serif; box-sizing: border-box; }
.fcm-header .close { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 20px; color: #fff; cursor: pointer; z-index: 10; }
.fcm-form-wrap { padding: 20px; box-sizing: border-box; font-family: "Microsoft Yahei", sans-serif; }
.fcm-form { width: 100%; box-sizing: border-box; }
.fcm-form-item { margin-bottom: 15px; position: relative; box-sizing: border-box; }
.fcm-form-input { width: 100%; height: 44px; padding: 0 15px; border: 1px solid #eee; border-radius: 4px; font-size: 14px; outline: none; box-sizing: border-box; font-family: "Microsoft Yahei", sans-serif; }
.fcm-form-input:focus { border-color: #ff6700; }
.fcm-code-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); height: 30px; line-height: 30px; padding: 0 10px; background-color: #ff6700; color: #fff; border: none; border-radius: 4px; font-size: 12px; cursor: pointer; font-family: "Microsoft Yahei", sans-serif; }
.fcm-code-btn.disabled { background-color: #ccc; cursor: not-allowed; }
.fcm-agreement { display: flex; align-items: center; font-size: 12px; color: #666; margin-bottom: 20px; font-family: "Microsoft Yahei", sans-serif; }
.fcm-agreement input { margin-right: 8px; }
.fcm-agreement a { color: #ff6700; text-decoration: none; }
.fcm-submit-btn { width: 100%; height: 48px; line-height: 48px; text-align: center; background: linear-gradient(to right, #ff9d00, #ff6700); color: #fff; border: none; border-radius: 24px; font-size: 16px; font-weight: bold; cursor: pointer; font-family: "Microsoft Yahei", sans-serif; }
.fcm-submit-btn:disabled { background: #ccc; cursor: not-allowed; }
.fcm-tip { text-align: center; font-size: 12px; color: #999; margin: 10px 0 0 0; font-family: "Microsoft Yahei", sans-serif; line-height: 1.5; }
/*充值平台币优化提交字体*/
.layui-layer-btn a{font-size: 0.4rem;}
.layui-layer-content p{margin-bottom: 10px;}