._box_1qqlo_1{display:flex;gap:4px}._box_1qqlo_1>._item_1qqlo_5{width:6px;height:6px;border-radius:6px;cursor:pointer;transition:width .3s;background-color:var(--color-alwayswhite-400)}._box_1qqlo_1>._item_1qqlo_5._active_1qqlo_13{width:20px;background-color:var(--color-alwayswhite-1000)}@media only screen and (min-width: 1600px){._box_1qqlo_1{gap:6px}._box_1qqlo_1>._item_1qqlo_5{width:8px;height:8px}._box_1qqlo_1>._item_1qqlo_5._active_1qqlo_13{width:27px}}._box_12sjh_1{display:flex;flex-direction:column;justify-content:center;align-items:center;width:291px;height:100%;border-radius:6px 0 0 6px;background-color:var(--color-alwayswhite-800);backdrop-filter:blur(20px)}._box_12sjh_1>._login_12sjh_12{display:flex;flex-direction:column;align-items:center;gap:16px}._box_12sjh_1>._login_12sjh_12>._icon_12sjh_18{width:100px;height:100px;background:url(//xlgamebox-youxi.xunlei.com/dist-app/hupu-app/assets/game-BtOYa5N6.png) center/contain no-repeat}._box_12sjh_1>._login_12sjh_12>._buttonLogin_12sjh_24{display:flex;justify-content:center;align-items:center;padding:0;width:184px;height:36px;font-size:16px;font-weight:700;border-radius:36px}._box_12sjh_1>._login_12sjh_12>._description_12sjh_36{font-size:12px;line-height:16px;color:var(--color-darkfont-quaternary)}._box_12sjh_1>._user_12sjh_43{display:flex;flex-direction:column;flex-grow:1;align-items:center;gap:8px;padding:12px}._box_12sjh_1>._user_12sjh_43>._info_12sjh_51{display:flex;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:8px}._box_12sjh_1>._user_12sjh_43>._info_12sjh_51>._avatar_12sjh_59{width:54px;height:54px;border-radius:54px}._box_12sjh_1>._user_12sjh_43>._info_12sjh_51>._logout_12sjh_65{font-size:13px;line-height:17px;padding:6px 16px}._box_12sjh_1>._user_12sjh_43>._games_12sjh_72{display:flex;flex-direction:column;align-items:center;gap:8px}._box_12sjh_1>._user_12sjh_43>._games_12sjh_72>._title_12sjh_78{display:flex;gap:8px;align-items:center;font-size:12px;line-height:16px;color:var(--color-darkfont-quaternary)}._box_12sjh_1>._user_12sjh_43>._games_12sjh_72>._title_12sjh_78>._dividor_12sjh_86{width:30px;height:1px;background-color:var(--color-darkfont-quaternary)}._box_12sjh_1>._user_12sjh_43>._games_12sjh_72>._list_12sjh_93{display:flex;gap:12px;min-height:98px}._box_12sjh_1>._user_12sjh_43>._games_12sjh_72>._list_12sjh_93>._gameItem_12sjh_98{display:flex;flex-direction:column;align-items:center;max-width:56px;cursor:pointer}._box_12sjh_1>._user_12sjh_43>._games_12sjh_72>._list_12sjh_93>._gameItem_12sjh_98>._icon_12sjh_18{width:56px;height:56px;object-fit:cover;border-radius:10px}._box_12sjh_1>._user_12sjh_43>._games_12sjh_72>._list_12sjh_93>._gameItem_12sjh_98>._name_12sjh_112,._box_12sjh_1>._user_12sjh_43>._games_12sjh_72>._list_12sjh_93>._gameItem_12sjh_98>._category_12sjh_113{max-width:inherit;font-size:12px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._box_12sjh_1>._user_12sjh_43>._games_12sjh_72>._list_12sjh_93>._gameItem_12sjh_98>._name_12sjh_112{margin-top:8px;color:var(--color-darkfont-primary)}._box_12sjh_1>._user_12sjh_43>._games_12sjh_72>._list_12sjh_93>._gameItem_12sjh_98>._category_12sjh_113{margin-top:2px;color:var(--color-darkfont-quaternary)}._banner_mwoki_1{position:relative;display:flex;background-color:var(--color-bg-contentcard-normal);overflow:hidden;border-radius:6px;height:288px}._banner_mwoki_1>._boxUser_mwoki_9{position:absolute;right:0}._banner_mwoki_1>._carousel_mwoki_14{position:relative;width:858px;height:100%;border-radius:6px;overflow:hidden}._banner_mwoki_1>._carousel_mwoki_14>._container_mwoki_21{display:flex;height:100%}._banner_mwoki_1>._carousel_mwoki_14>._container_mwoki_21>._slide_mwoki_25{flex:0 0 100%;width:100%;height:100%;cursor:pointer}._banner_mwoki_1>._carousel_mwoki_14>._pagination_mwoki_33{position:absolute;right:301px;bottom:10px}@media only screen and (min-width: 1200px){._banner_mwoki_1>._boxUser_mwoki_9{position:relative;right:unset}._banner_mwoki_1>._carousel_mwoki_14>._pagination_mwoki_33{right:10px}}@media only screen and (min-width: 1600px){._banner_mwoki_1{height:385px}._banner_mwoki_1>._carousel_mwoki_14{width:1147px}._banner_mwoki_1>._carousel_mwoki_14>._pagination_mwoki_33{right:14px;bottom:14px}}._box_bo1s4_1 ._content_bo1s4_2{grid-auto-flow:column;height:690px}._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6{position:relative;overflow:hidden;border-radius:6px}._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6>._cover_bo1s4_11{position:relative;width:100%;height:100%;object-fit:cover;cursor:pointer}._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6>._info_bo1s4_19{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;height:110px;padding:12px 16px;color:#fff;background-image:linear-gradient(180deg,#0000,#000);pointer-events:none}._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6>._info_bo1s4_19>._name_bo1s4_37{font-weight:700;font-size:16px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6>._info_bo1s4_19>._types_bo1s4_46{display:flex;gap:6px;margin-top:2px;font-size:14px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6>._hover_bo1s4_58{position:absolute;right:0;bottom:0;left:0;padding:12px;background-color:var(--color-bg-contentcard-normal);transform:translateY(100%);transition:transform .3s}._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6>._hover_bo1s4_58>._name_bo1s4_37{width:100%;color:var(--color-darkfont-hignlight);font-weight:700;font-size:16px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6>._hover_bo1s4_58>._types_bo1s4_46{display:flex;gap:4px;width:100%;margin-top:2px;color:var(--color-darkfont-tertiary);font-size:14px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6>._hover_bo1s4_58>._buttons_bo1s4_92{display:flex;gap:10px;height:32px;margin-top:12px;font-weight:700}._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6>._hover_bo1s4_58>._buttons_bo1s4_92 ._detail_bo1s4_99,._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6>._hover_bo1s4_58>._buttons_bo1s4_92 ._play_bo1s4_100{height:auto;font-weight:700;font-size:16px;line-height:20px;border-radius:41px}._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6>._hover_bo1s4_58>._buttons_bo1s4_92 ._detail_bo1s4_99{flex-basis:101px}._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6>._hover_bo1s4_58>._buttons_bo1s4_92 ._play_bo1s4_100{flex-grow:1}._box_bo1s4_1 ._content_bo1s4_2 ._grid_item_bo1s4_6:hover>._hover_bo1s4_58{background-color:var(--color-bg-contentcard-normal);transform:translateY(0)}._gridItem_14v49_1{position:relative;overflow:hidden;border-radius:6px}._gridItem_14v49_1>._cover_14v49_6{width:100%;height:100%;cursor:pointer}._gridItem_14v49_1>._cover_14v49_6>._image_14v49_11{width:100%;height:100%;object-fit:cover;transition:transform .3s}._gridItem_14v49_1>._info_14v49_19{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;height:110px;padding:12px 16px;color:#fff;background-image:linear-gradient(180deg,#0000,#000);pointer-events:none}._gridItem_14v49_1>._info_14v49_19>._name_14v49_33{font-weight:700;font-size:16px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._gridItem_14v49_1>._info_14v49_19>._types_14v49_42{display:flex;gap:6px;margin-top:2px;font-size:14px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._gridItem_14v49_1>._hover_14v49_54{position:absolute;right:0;bottom:0;left:0;padding:12px;background-color:var(--color-bg-contentcard-normal);transform:translateY(100%);transition:transform .3s}._gridItem_14v49_1>._hover_14v49_54>._name_14v49_33{width:100%;color:var(--color-darkfont-hignlight);font-weight:700;font-size:16px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._gridItem_14v49_1>._hover_14v49_54>._types_14v49_42{display:flex;gap:4px;width:100%;margin-top:2px;color:var(--color-darkfont-tertiary);font-size:14px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._gridItem_14v49_1>._hover_14v49_54>._buttons_14v49_88{display:flex;gap:10px;height:32px;margin-top:12px;font-weight:700}._gridItem_14v49_1>._hover_14v49_54>._buttons_14v49_88 ._detail_14v49_95,._gridItem_14v49_1>._hover_14v49_54>._buttons_14v49_88 ._play_14v49_96{height:auto;font-weight:700;font-size:16px;line-height:20px;border-radius:41px}._gridItem_14v49_1>._hover_14v49_54>._buttons_14v49_88 ._detail_14v49_95{flex-basis:101px}._gridItem_14v49_1>._hover_14v49_54>._buttons_14v49_88 ._play_14v49_96{flex-grow:1}._gridItem_14v49_1:hover>._cover_14v49_6>._image_14v49_11{transform:scale(var(--card-image-hover-transform-scale))}._gridItem_14v49_1:hover>._hover_14v49_54{background-color:var(--color-bg-contentcard-normal);transform:translateY(0)}._box_9mxaw_1>._titleWrapper_9mxaw_2{display:flex;align-items:center}._box_9mxaw_1>._titleWrapper_9mxaw_2>._title_9mxaw_2{display:inline-flex;align-items:center;max-width:100%;height:29px;padding:0 10px;background:var(--color-bg-contentcard-normal);border-radius:29px}._box_9mxaw_1>._titleWrapper_9mxaw_2>._title_9mxaw_2>._time_9mxaw_15{color:var(--color-darkfont-primary);font-size:20px;font-family:Bebas Neue,sans-serif;line-height:23px}._box_9mxaw_1>._titleWrapper_9mxaw_2>._title_9mxaw_2>._text_9mxaw_22{position:relative;margin-left:6px;color:var(--color-main-primary-normal);font-weight:700;font-size:14px;line-height:23px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._box_9mxaw_1>._titleWrapper_9mxaw_2>._line_9mxaw_35{flex-grow:1;height:1px;margin-right:-15px;background:var(--color-bg-contentcard-normal)}._box_9mxaw_1>._gameItem_9mxaw_43{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:356px;margin-top:38px;background-color:var(--color-bg-contentcard-hover);border-radius:6px}._box_9mxaw_1>._gameItem_9mxaw_43>._imageWrapper_9mxaw_54{width:calc(100% - 24px);height:300px;margin-top:-24px;border-radius:6px;overflow:hidden;cursor:pointer}._box_9mxaw_1>._gameItem_9mxaw_43>._imageWrapper_9mxaw_54>._image_9mxaw_54{width:100%;height:100%;object-fit:cover;transition:transform .3s}._box_9mxaw_1>._gameItem_9mxaw_43>._row_9mxaw_70{display:flex;flex-direction:row;align-items:center;align-self:stretch;height:80px;padding:0 12px}._box_9mxaw_1>._gameItem_9mxaw_43>._row_9mxaw_70>._icon_9mxaw_78{width:56px;height:56px;border-radius:8px;cursor:pointer}._box_9mxaw_1>._gameItem_9mxaw_43>._row_9mxaw_70>._info_9mxaw_85{flex-grow:1;width:0;margin:0 12px}._box_9mxaw_1>._gameItem_9mxaw_43>._row_9mxaw_70>._info_9mxaw_85>._name_9mxaw_90{overflow:hidden;color:var(--color-darkfont-primary);font-weight:700;font-size:18px;line-height:24px;white-space:nowrap;text-overflow:ellipsis}._box_9mxaw_1>._gameItem_9mxaw_43>._row_9mxaw_70>._info_9mxaw_85>._types_9mxaw_100{display:flex;gap:6px;margin-top:5px;overflow:hidden;color:var(--color-darkfont-tertiary);font-size:14px;line-height:18px;white-space:nowrap;text-overflow:ellipsis}._box_9mxaw_1>._gameItem_9mxaw_43>._row_9mxaw_70>._button_9mxaw_113{padding:8px 18px;font-weight:700;font-size:16px;line-height:20px;border-radius:36px;visibility:hidden}._box_9mxaw_1>._gameItem_9mxaw_43:hover>._imageWrapper_9mxaw_54>._image_9mxaw_54{transform:scale(var(--card-image-hover-transform-scale))}._box_9mxaw_1>._gameItem_9mxaw_43:hover>._row_9mxaw_70>._button_9mxaw_113{visibility:visible}._box_vhwz7_1>._titleWrapper_vhwz7_2{display:flex;align-items:center}._box_vhwz7_1>._titleWrapper_vhwz7_2>._title_vhwz7_2{width:3em;height:29px;padding:0 10px;background:var(--color-bg-contentcard-normal);border-radius:29px}._box_vhwz7_1>._titleWrapper_vhwz7_2>._line_vhwz7_14{flex-grow:1;height:1px;margin-right:-15px;background:var(--color-bg-contentcard-normal)}._box_vhwz7_1>._gameItem_vhwz7_22{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:356px;margin-top:38px;background-color:var(--color-bg-contentcard-hover);border-radius:6px}._box_vhwz7_1>._gameItem_vhwz7_22>._imageWrapper_vhwz7_33{width:calc(100% - 24px);height:300px;margin-top:-24px;border-radius:6px}._box_vhwz7_1>._gameItem_vhwz7_22>._row_vhwz7_40{display:flex;flex-direction:row;align-items:center;align-self:stretch;height:80px;padding:0 12px}._box_vhwz7_1>._gameItem_vhwz7_22>._row_vhwz7_40>._icon_vhwz7_48{width:56px;height:56px;border-radius:8px;cursor:pointer}._box_vhwz7_1>._gameItem_vhwz7_22>._row_vhwz7_40>._info_vhwz7_55{flex-grow:1;width:0;margin:0 12px}._box_vhwz7_1>._gameItem_vhwz7_22>._row_vhwz7_40>._info_vhwz7_55>._name_vhwz7_60{font-weight:700;font-size:18px;line-height:24px}._box_vhwz7_1>._gameItem_vhwz7_22>._row_vhwz7_40>._info_vhwz7_55>._types_vhwz7_66{margin-top:5px;font-size:14px;line-height:18px}._box_1bmb4_1,._box_445wh_1{width:100%}._box_duoht_1{display:flex;flex-direction:column;flex-grow:1;border-radius:6px}._box_duoht_1>._content_duoht_7{display:flex;flex-direction:column;flex-grow:1;background-color:var(--color-bg-contentcard-normal);border-radius:6px}._box_duoht_1>._content_duoht_7>._list_duoht_14{flex-grow:1}._box_duoht_1>._content_duoht_7>._pagination_duoht_18{display:flex;align-items:center;justify-content:center;gap:4px;margin:11px 0;font-size:12px;line-height:17px}._box_duoht_1>._content_duoht_7>._pagination_duoht_18>._button_duoht_27{width:24px;height:24px;min-width:unset;padding:0;color:var(--color-darkfill-secondary);font-size:12px;line-height:24px;border-radius:4px;cursor:pointer;transition:color cubic-bezier(0,0,.2,1) .3s;background:var(--color-reverse-100)}._box_duoht_1>._content_duoht_7>._pagination_duoht_18>._button_duoht_27>._arrowLeft_duoht_40,._box_duoht_1>._content_duoht_7>._pagination_duoht_18>._button_duoht_27>._arrowRight_duoht_41{width:100%;height:100%}._box_duoht_1>._content_duoht_7>._pagination_duoht_18>._button_duoht_27>._arrowRight_duoht_41{transform:scaleX(-1)}._box_duoht_1>._content_duoht_7>._pagination_duoht_18>._text_duoht_51{color:var(--color-darkfont-primary);font-size:14px;line-height:18px}._time_item_duoht_60{height:46px;padding:16px 12px 5px;color:var(--color-darkfont-primary);font-size:14px;line-height:18px;border-bottom:1px solid var(--color-reverse-200)}._server_item_duoht_69{display:flex;align-items:center;width:100%;height:46px;padding:0 12px;border-radius:0;cursor:pointer;color:var(--color-darkfont-tertiary);transition:background-color cubic-bezier(0,0,.2,1) .2s}._server_item_duoht_69>._game_name_duoht_80{flex-basis:6em;flex-grow:1;width:6em;color:var(--color-darkfont-primary);font-weight:700;font-size:16px;text-align:start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._server_item_duoht_69>._server_name_duoht_93{flex-basis:6em;flex-grow:1;width:6em;margin-left:4px;color:var(--color-main-primary-normal);font-size:12px;text-align:start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._server_item_duoht_69>._time_duoht_60{flex-basis:4em;width:4em;margin-left:4px;color:var(--color-darkfont-tertiary);font-size:14px;text-align:end;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._box_10i46_1{display:flex;align-items:center;height:62px;font-size:24px;line-height:32px;color:var(--color-darkfont-primary)}._page_kll8q_1{display:flex;flex-direction:column;align-items:center;gap:16px;width:var(--page-width);padding-top:16px}._page_kll8q_1>._row_kll8q_9{display:flex;gap:15px}