/* h5_260714.css - 全新布局样式 */

/* 热门游戏区域 - 圆形箭头 */
body.screen_l.h5-view .game_info {margin-left: 0 !important;}
body.screen_l.h5-view .game_arrow {float: right;width: 31px;height: 31px;border-radius: 50%;border: 1px solid #ccc;position: relative;margin-top: 17px;margin-right: 15px;box-sizing: border-box;transition: all 0.3s;}
body.screen_l.h5-view .game_arrow::after {content: '';position: absolute;top: 50%;left: 45%;width: 8px;height: 8px;border-top: 2px solid #ccc;border-right: 2px solid #ccc;transform: translate(-50%, -50%) rotate(45deg);transition: all 0.3s;}
body.screen_l.h5-view .g_section3 .hot_game_entry a.picinfo_box:hover .game_arrow {border-color: #f41a3c;}
body.screen_l.h5-view .g_section3 .hot_game_entry a.picinfo_box:hover .game_arrow::after {border-color: #f41a3c;}

/* 开服列表 - 横向布局 */
body.screen_l.h5-view .reyou_list .aside_list_first {width: 100%;height: 45px !important;border-radius: 2px;background: none;}
body.screen_l.h5-view .reyou_list .aside_list_first:hover {background: #f5f5f5 !important;}
body.screen_l.h5-view .reyou_list .aside_list_first .aside_list_name {display: flex !important; align-items: center; justify-content: space-between; height: 100%; padding: 0 15px !important; margin-top: 0 !important;}
body.screen_l.h5-view .reyou_list .aside_list_first .aside_list_name span { display: inline-block !important; }
body.screen_l.h5-view .reyou_list .aside_list_first .aside_list_name .rank { width: 14px; height: 14px; line-height: 14px; text-align: center; color: #fff !important; font-size: 12px; border-radius: 2px; margin-right: 10px; }
body.screen_l.h5-view .reyou_list .aside_list_first .aside_list_name .rank-red { background-color: #f41a3c; }
body.screen_l.h5-view .reyou_list .aside_list_first .aside_list_name .rank-yellow { background-color: #ffb400; }
body.screen_l.h5-view .reyou_list .aside_list_first .aside_list_name .gname { width: 90px; color: #383838 !important; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal;}
body.screen_l.h5-view .reyou_list .aside_list_first .aside_list_name .sname { flex: 1; color: #9e9e9e !important; font-size: 12px; text-align: center; }
body.screen_l.h5-view .reyou_list .aside_list_first .aside_list_name .time { width: 60px; text-align: right; color: #7c6b68 !important; font-size: 12px; }
body.screen_l.h5-view .reyou_list .aside_list_first .aside_list_name .enter { display: none !important; width: 44px; height: 24px; line-height: 24px; text-align: center; background-color: #f41a3c; color: #fff !important; border-radius: 2px; font-size: 12px; }

/* 开服列表 - 鼠标悬停交互效果 */
body.screen_l.h5-view .reyou_list .aside_list_first:hover .aside_list_name .gname,
body.screen_l.h5-view .reyou_list .aside_list_first:hover .aside_list_name .sname {color: #f41a3c !important;}
body.screen_l.h5-view .reyou_list .aside_list_first:hover .aside_list_name .time {display: none !important;}
body.screen_l.h5-view .reyou_list .aside_list_first:hover .aside_list_name .enter {display: inline-block !important;}

/* 游戏礼包板块 */
body.screen_l.h5-view .g_section_gift { display: flex; justify-content: center; width: 100%; min-width: 1204px; padding-bottom: 20px; }
body.screen_l.h5-view .g_section_gift .gift_container { width: 1200px; }
body.screen_l.h5-view .g_section_gift .part_tit { position: relative; margin-bottom: 20px; border-bottom: none; }
body.screen_l.h5-view .g_section_gift .part_tit .nor_more { position: absolute; right: 0; bottom: 18px; font-size: 14px; color: #666; }
body.screen_l.h5-view .gift_list_wrap { display: flex; flex-wrap: wrap; justify-content: flex-start; }
body.screen_l.h5-view .h5_gift_item { width: 285px; height: 110px; background: #fff; border-radius: 6px; box-sizing: border-box; border: 1px solid transparent; padding: 15px; display: flex; transition: all 0.3s; margin-bottom: 20px; margin-right: 20px; text-decoration: none; }
body.screen_l.h5-view .h5_gift_item:nth-child(4n) { margin-right: 0; }
body.screen_l.h5-view .h5_gift_item:hover { border-color: #f41a3c; }
body.screen_l.h5-view .h5_gift_item .icon_box { width: 81px; height: 81px; border-radius: 8px; overflow: hidden; margin-right: 14px; flex-shrink: 0; }
body.screen_l.h5-view .h5_gift_item .icon_box img { width: 100%; height: 100%; display: block; }
body.screen_l.h5-view .h5_gift_item .info_box { flex: 1; display: flex; flex-direction: column; justify-content: center; position: relative; }
body.screen_l.h5-view .h5_gift_item .info_box .game_name { font-size: 18px; color: #383838; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; line-height: 1; }
body.screen_l.h5-view .h5_gift_item .info_box .desc_normal { transition: opacity 0.2s; }
body.screen_l.h5-view .h5_gift_item .info_box .desc_normal .gift_name { font-size: 14px; color: #9e9e9e; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; }
body.screen_l.h5-view .h5_gift_item .info_box .desc_normal .left { font-size: 14px; color: #9e9e9e; line-height: 1; }
body.screen_l.h5-view .h5_gift_item .info_box .desc_normal .left span { color: #f41a3c; }
body.screen_l.h5-view .h5_gift_item .info_box .desc_hover { position: absolute; bottom: 0; left: 0; opacity: 0; transition: opacity 0.2s; pointer-events: none; }
body.screen_l.h5-view .h5_gift_item:hover .info_box .desc_normal { opacity: 0; }
body.screen_l.h5-view .h5_gift_item:hover .info_box .desc_hover { opacity: 1; pointer-events: auto; }
body.screen_l.h5-view .h5_gift_item .info_box .desc_hover .btn { display: inline-block; width: 70px; height: 32px; line-height: 32px; text-align: center; background: #f41a3c; color: #fff; border-radius: 4px; font-size: 14px; text-decoration: none; cursor: pointer; }
body.screen_l.h5-view .superBigEyes { height: 600px; -webkit-mask: none; mask: none; outline: none; }
body.screen_l.h5-view .superBigEyes::after { content: ''; position: absolute; bottom: -1px; left: -2px; width: calc(100% + 4px); height: 241px; background: url('https://cdn.51img3.com/game/2026/202607/20260721/e4bd0474b3e4bf23d86df5daf5654ed3.png') center bottom / 100% 100% no-repeat; pointer-events: none; }

.h5_side_qr {width: 284px;height: 567px;background: url('//cdn.51img3.com/game/2026/202607/20260716/eb78f10fbfc090d660d4925e02558fac.png') no-repeat center;background-size: cover;position: fixed;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;}
.h5_side_qr .qr_item { position: absolute; width: 100%; text-align: center; left: 0; }
.h5_side_qr .qr_item_1 { top: 82px; }
.h5_side_qr .qr_item_2 { top: 295px; }
.h5_side_qr .qr_img { margin-bottom: 15px; }
.h5_side_qr .qr_img img { width: 136px; height: 136px; display: inline-block; }
.h5_side_qr .qr_title { font-size: 18px; color: #fec206; font-weight: bold; line-height: 1.2; margin-bottom: 4px; }
.h5_side_qr .qr_sub { font-size: 16px; color: #ffe9a6; line-height: 1.2; }